PageSourceSearch

https://www.pluginboutique.com/blog

html pluginboutique.com collected 2026-10-02 03:50:57 UTC 648,555 bytes, 10,381 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta name="turbo-cache-control" content="no-cache">
5    <meta name="turbo-refresh-method" content="morph">
6    <meta name="turbo-refresh-scroll" content="preserve">
7    <meta name="turbo-prefetch" content="false">
8    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
9    <title>VST Plugins, Synth Presets, Effects, Virtual Instruments, Music Plugins from Pluginboutique</title>
10<meta name="description" content="VST Plugins, Synth Presets, Effects, Virtual Instruments, Music Plugins from Pluginboutique">
11    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
12<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"641e7bb3ac","applicationID":"1276","transactionName":"cw1cQUVZWFkEEBpZF0QLUVlSRRtcDwZQQA==","queueTime":1,"applicationTime":119,"agent":""}</script>
vendor: 1 bytes, line 12
12
13<script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:[]},session_trace:{sampling_rate:0.0,mode:"FIXED_RATE",enabled:true,error_sampling_rate:0.0}};(window.NREUM||(NREUM={})).loader_config={xpid:"XQUFVVZACQEHUg==",licenseKey:"641e7bb3ac",applicationID:"1276",browserID:"1280"};;/*! For license information please see nr-loader-full-1.322.0.min.js.LICENSE.txt */
14(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let a in s)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):e[a]instanceof Map||e[a]instanceof Set||e[a]instanceof Date||e[a]instanceof RegExp?r[a]=e[a]:"object"==typeof e[a]&&null!==t[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>a});var n=r(384),i=r(8122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,s)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["A",0,"@newrelic/rrweb","x",0,"1.322.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},9752(e,t,r){"use strict";const n="newrelic-iframe-",i=n+"timing-update",s=n+"api",a=n+"api-response",o=n+"vitals-update",c=n+"ajax";r.d(t,["$8",0,o,"Gi",0,a,"KU",0,c,"Pl",0,n,"cS",0,s,"cr",0,i])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,i,"WN",0,f,"bv",0,s,"gm",0,a,"lR",0,l,"m",0,c,"mw",0,o,"sb",0,u,"zk",0,()=>{const e=a?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<a.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,a;i>0?(s=r.substring(0,i),a=r.substring(i)):(s=r,a="*");let[c]=s.split(":");n.push({hostname:o(c),pathname:o(a,!0)})}}function o(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),a=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};
14e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,o=i.i.handlers;if(s&&!s.aborted&&s.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof a.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete o[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),s=r(2646),a=r(5607);const o="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var o=h(n);g(e).forEach(e=>{e.apply(o,r)});var d=v()[a[e]];d&&d.push([f,e,r,o]);return o},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{a[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[a[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,o,()=>new s.y(o)):new s.y(o)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=a;var i=s.handlers={};function s(e,t,r,s){a(s||n.d,i,e,t,r)}function a(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var a=t[s]=t[s]||{};(a[r]=a[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>a,ZF:()=>o,bz:()=>s,el:()=>c});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function s(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,s=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var o=0;o<e;o++)a.push(i(r,s++).toString(16));return a.join("")}function o(){return a(16)}function c(){return a(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},9119(e,t,r){"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},7485(e,t,r){"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},3304(e,t,r){"use strict";r.d(t,{A:()=>i});var n=r(7836);function i(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},9232(e,t,r){"use strict";r.d(t,["f",0,{MFE:"MFE",BA:"BA"}])},7560(e,t,r){"use strict";r.d(t,{N:()=>a,j:()=>c});var n=r(9119),i=r(944);const s=(0,r(6389).J)(e=>(0,i.R)(80,e));function a(e){if(!Array.isArray(e?.assets)||!e.assets.length)return;
14const t=e.assets.map(o).filter(Boolean);return t.length?{assets:t,scripts:t.filter(e=>e.isScript)}:void 0}function o(e){if(!e||"object"!=typeof e)return;const{matcher:t,type:r}=e;let i="string"==typeof t&&t.endsWith(".js");return void 0!==r&&(!function(e){return"script"===e||"asset"===e}(r)?s(r):i=function(e){return"script"===e}(r)),a=t,"[object RegExp]"===Object.prototype.toString.call(a)?{pattern:t,test:e=>(t.lastIndex=0,t.test((0,n.L)(e))),isScript:i}:"string"==typeof t&&t.length>0?{pattern:t,test:e=>(0,n.L)(e).includes(t),isScript:i}:void s(t);var a}function c(e,t,{scriptsOnly:r=!1}={}){if(!e||!t)return!1;return(r?e.scripts:e.assets).some(e=>e.test(t))}},5718(e,t,r){"use strict";r.d(t,{xo:()=>T,AZ:()=>v,cI:()=>g,Qr:()=>S,QL:()=>y});var n=r(6154),i=r(1863),s=r(9119),a=r(7866);class o{dom=new c;performance=new c;constructor(e){this.url=e,this.claimedBy=new Set}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}function d(e=()=>{},t){return{get:()=>void 0!==t?t:e(),set:e=>{t=e}}}let u;try{u=v(y())[0]}catch(e){u=v(e)[0]}const l=new Map;let f=[];const h=new WeakMap;function p(e){let t=h.get(e);return t||(t={weighedAssetUrls:new Set,recordManifestScriptWindow:(t,r)=>{t&&(e.scriptStart=e.scriptStart>0?Math.min(e.scriptStart,t):t),r&&(e.scriptEnd=e.scriptEnd>0?Math.max(e.scriptEnd,r):r)}},h.set(e,t)),t}function g(e){return l.get(e)}function m(e){const t=g(e);
14if(t)return t;const r=new o(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=m((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if((e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&(0,s.L)(e.name).endsWith(".js"))(e)){const t=m((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e}if(!f.length)return;const t=[];f.forEach(({test:r,addedAt:n},s)=>{(r(e)||(0,i.t)()-n>1e4)&&t.push(s)}),f=f.filter((e,r)=>!t.includes(r))})}).observe({type:"resource",buffered:!0})}function v(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(a.cn)||e.match(a.hB)||e.match(a.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function y(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function b(e,t){return(0,s.L)(e.name)===t}function E(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType,R(e,t)}function R(e,t){const r=(0,s.L)(t.name),{weighedAssetUrls:n}=p(e);n.has(r)||(n.add(r),e.totalWeight=(e.totalWeight||0)+(t.transferSize||0),"blocking"===t.renderBlockingStatus?e.renderBlocking=!0:"non-blocking"===t.renderBlockingStatus&&!0!==e.renderBlocking&&(e.renderBlocking=!1))}function w(e,t,r,n,i){if(R(e,t),"scripts"!==i&&"all"!==i)return;if("all"===i||r.isScript){const r=Math.floor(t.startTime),n=Math.floor(t.responseEnd);e.fetchStart=e.fetchStart>0?Math.min(e.fetchStart,r):r,e.fetchEnd=e.fetchEnd>0?Math.max(e.fetchEnd,n):n}if(r.isScript){const r=g((0,s.L)(t.name));if(r){const t=()=>{const{start:t,end:n}=r.script;p(e).recordManifestScriptWindow(t,n)};t(),!r.dom.end&&r.dom.value&&["load","error"].forEach(e=>r.dom.value.addEventListener(e,t,{once:!0}))}n.resolved||(e.asset=t.name,e.type=t.initiatorType,n.resolved=!0)}}function T(e,t){const r=t?.manifest;if(!r||!r.assets.length)return;const s={resolved:!1},a=new Set(r.assets);(n.gm.performance?.getEntriesByType("resource")||[]).forEach(r=>{const n=[...a].find(e=>e.test(r.name));n&&(w(e,r,n,s,t.timingMethod),a.delete(n))}),a.size&&function(e,t,r,s){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:n=>{const i=[...t].find(e=>e.test(n.name));return i&&(w(e,n,i,r,s),t.delete(i)),0===t.size}})}(e,a,s,t.timingMethod)}function S(e){const t=e?.id,r={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown",totalWeight:0,renderBlocking:void 0},a=y();if(!a)return r;const o=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const e=v(a),c=(e.length>1?e.filter(e=>u!==e):e)[0];if(!c)return r;if(o.includes(c))return r.asset=(0,s.L)(o),r.type="inline",r;r.correlation=g(c);const l=r.correlation?.performance.value||n.gm.performance?.getEntriesByType("resource")?.find(e=>b(e,c));if(l)E(r,l);else{(function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1})(c)&&(r.asset=c,r.type="preload"),function(e,t){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:r=>!!b(r,t)&&(E(e,r),!0)})}(r,c)}const h=r.correlation,m=!!t&&!!h?.claimedBy.has(t);h&&t&&h.claimedBy.add(t);const y=()=>{const e=h?.script.start;if(!m||!e)return!1;return r.registeredAt-e>1e4};let R=0,w=0;p(r).recordManifestScriptWindow=(e,t)=>{e&&(R=R>0?Math.min(R,e):e),t&&(w=w>0?Math.max(w,t):t)},Object.defineProperty(r,"scriptStart",d(()=>{const e=y()?r.registeredAt:h?.script.start??r.fetchEnd;return R>0?Math.min(e,R):e})),Object.defineProperty(r,"scriptEnd",d(()=>{const e=y()?r.registeredAt:h?.script.end??r.registeredAt;return w>0?Math.max(e,w):e}))}catch(e){}return r}},5732(e,t,r){"use strict";r.d(t,{$5:()=>m,B5:()=>g,K6:()=>u,M$:()=>
14o,Ms:()=>d,NG:()=>c,Ux:()=>h,YA:()=>p,yx:()=>l});var n=r(5718),i=r(7560),s=r(9119),a=r(9232);function o(e){return e?.type===a.f.MFE}function c(e,t){if(!y(e,t))return;const r=t.runtime.registeredEntities;return r?.find(t=>t.metadata.target.iframeInterfaceId===e)}function d(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function u(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=(0,s.L)(e),a=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!1}):!!t.metadata.timings?.asset&&(0,s.L)(t.metadata.timings.asset)===n});return f(a).map(e=>e.metadata.target)}function l(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!0}):!!t.metadata.timings?.asset?.endsWith(e)});return f(n).map(e=>e.metadata.target)}function f(e){if(!e?.length)return e||[];const t=new Map,r=[];for(const n of e){const e=n.metadata?.timings?.asset;if(!e){r.push(n);continue}const i="".concat(e,"::").concat(n.metadata?.target?.id),s=t.get(i);if(s){if(s.metadata.target?.blocked&&!n.metadata.target?.blocked){const e=r.indexOf(s);-1!==e&&(r[e]=n),t.set(i,n)}}else t.set(i,n),r.push(n)}return r}function h(e,t){return v(t)?o(e)?e.attributes:t.agentRef.runtime.v2Target.attributes:{}}function p(e,t){return g(e,t)?{"child.id":e.id,"child.type":e.type,...h(void 0,t)}:{}}function g(e,t){return o(e)&&!!v(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function m(e){if(!e?.runtime)return[];if(!y(!0,e)||!e.runtime.registeredEntities?.length)return[e.runtime.v2Target];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...l(r[i--],e))}catch(e){}const i=function(e){const t=new Set,r=[];for(const n of e){const e=n?.instance;t.has(e)||(t.add(e),r.push(n))}return r}(t);return i.length||i.push(e.runtime.v2Target),i}function v(e){return 2===e?.harvestEndpointVersion}function y(e,t){return!!e&&!!t?.init.api.register.enabled}},5289(e,t,r){"use strict";r.d(t,{GG:()=>a,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(s())return e();const r=(0,i.J)(e),a=setInterval(()=>{s()&&(clearInterval(a),r())},500);(0,n.sp)("load",r,t)}function o(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),a=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,a.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),a=r(6154);const o={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e,t){var r=function(e){return(e||n.ee).get("events")}(e);if(o[r.debugId]++)return r;o[r.debugId]=1;var f=(0,i.YM)(r,!0,t);function p(e){f.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,p),c&&h(c.prototype,p),h(a.gm,p)),r.on(d+"-start",function(e,t){var r=e[1];if(null!==r&&("function"==typeof r||"object"==typeof r)&&"newrelic"!==e[0]){var n=(0,s.I)(r,l,function(){var e={object:function(){if("function"!=typeof r.handleEvent)return;return r.handleEvent.apply(r,arguments)},function:r}[typeof r];return e?f(e,"fn-",null,e.name||"anonymous"):r});this.wrapped=e[1]=n}}),r.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),r}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),i=r(5607),s=r(5732);const a="nr@original:".concat(i.W);var o=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,a){r||(r="");const o="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=i(u,o?d+r:r,n,d,s,a))}},i.flag=a,i;function i(t,n,i,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[a]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){u([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}
14(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,l,p;let g,m;try{o=this,a=[...arguments],m=h?(0,s.$5)(r):[r?.runtime?.v2Target],l="function"==typeof i?i(a,o):i||{}}catch(t){u([t,"",[a,o,c],l],e)}d(n+"start",[a,o,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(o,a),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[a,o,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,o,m],l,f),d(n+"end",[a,o,p,m],l,f)}}}function d(r,n,i,s){if(!c||t){var a=c;c=!0;try{e.emit(r,n,i,t,s)}catch(t){u([t,r,n,i],e)}c=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}r.d(t,["Jt",0,a])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const i=r(860).K7.genericEvents,s=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,i,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,s,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),a=r(3969),o=r(993);function c(e,t,r={},c=o.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(o.p_).some(t=>t===e.toUpperCase().trim())}},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},6344(e,t,r){"use strict";var n=r(2614);const i=r(860).K7.sessionReplay,s={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0}
14;r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,i,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},"yP",0,s])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>a,SR:()=>s,rF:()=>o});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function a(e){return!0===e?.session_replay.preload&&s(e)}function o(e,t){try{if("string"==typeof t?.type&&"password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,i="-start",s="-end",a="fn"+i,o="fn"+s;r.d(t,["He",0,"bstResource","Kp",0,s,"Lc",0,o,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,i,"uP",0,a])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),i=r(9908),s=r(1863),a=r(944),o=r(3969),c=r(8362),d=r(860);function u(e,t,r,s){const u=s||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,a.R)(23,e)}})}function l(e,t,r,n,a){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(a||null===r)&&(0,i.p)("api-"+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",s="browser/blobs",a="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},d={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:s,[o.sessionReplay]:s,[o.logging]:a,[o.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,a,"df",0,s,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],s=t[n++];r.o(e,i)?0===s&&n++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>({95:"nr-full-compressor",222:"nr-full-recorder",649:"nr-full-iframe-message-handler",89
141:"nr-full"}[e]+"-1.322.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.322.0.PROD:";r.l=(n,i,s,a)=>{if(e[n])return void e[n].push(i);let o,c;if(void 0!==s){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+s){o=r;break}}}if(!o){c=!0;var u={891:"sha512-YFF+tf82v8eglmCSz5XYYPZ9svAEVPEL8CjIs/VJ5WDjxajLkBKoCp6iBhqtcYRu8v8sXwAWX58PGV4RVzB2dQ==",222:"sha512-y0XrI32v2ZxZdktMLngwYUsETp/i/aYkdx9JOeIAmr2KYJdlDneMKYdNwPaZiOX3gb7AXywTby7jg1okwEkArw==",95:"sha512-WtCe89dmBu8YGhCnszRdHzYCzOqwTSeitVhY/ahmZczjI+0C6KOazsnU/vPsTDaM7VSG+iZW7zidI1t5+hpiYQ==",649:"sha512-AYJxsYTPRDF5tWSm4lWONX5VM69Ou9twLFZ8apchUI9gNOrXBkzP8QZ+PQkMz8nGjh/7oVMR+1cA+5dWFYhmmw=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+s),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),u[a]&&(o.integrity=u[a])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={85:0,959:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const s=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=s);const a=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(a,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,s,a]=n;var o,c,d=0;if(i.some(t=>0!==e[t])){for(o in s)r.o(s,o)&&(r.m[o]=s[o]);if(a)a(r)}for(t&&t(n);d<i.length;d++)c=i[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.322.0.PROD"]=self["webpackChunk:NRBA-1.322.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),s=r(1741);var a=r(2555),o=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:c.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(o.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(o.$v.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,l.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inl
14ine_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(h):""===t||null===t?e.mask_selector=h:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v},listeningForIframeMessages:!1};var R=r(9232);var w=r(7836),T=r(3241);const S={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var A=r(9908),x=r(9752);function _(e,t={},n,o){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,i.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,S)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,a.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:R.f.BA,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=w.ee.get(e.agentIdentifier),e.exposed=h,(0,T.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&g.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(x.Pl)&&(0,A.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var O=r(1863),k=r(4261),L=r(1738);var M=r(1687),P=r(4234),N=r(5289),j=r(5270),I=r(7767),C=r(6389),D=r(7699);const B=new WeakSet,H=new WeakMap;class W extends P.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,C.J)(()=>{(0,M.Ak)(e,this.featureName),t()}))}):(0,M.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,a.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(H.has(e))return H.get(e);const i=(async()=>
14{if((0,I.V)(e.init))try{const{setupAgentSession:t}=await r.e(891).then(r.bind(r,8766));t(e)}catch(e){(0,l.R)(20,e),t.emit("internal-error",[e]),(0,A.p)(D.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await r.e(649).then(r.bind(r,6417));t(e)}catch(e){(0,l.R)(23,e)}const[{Connector:i},{Harvester:s}]=await Promise.all([r.e(891).then(r.bind(r,6589)),r.e(891).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new s(e);const a=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(a.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();H.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,l.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,M.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,M.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};g.RI?(0,N.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,j.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!B.has(e)&&(B.add(e),!(0,a.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}_(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var U=r(6630);class K extends W{static featureName=U.T;constructor(e){var t;super(e,U.T),this.setupInspectionEvents(),t=e,(0,L.Y)(k.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,A.p)("api-"+k.Fw,[(0,O.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(891).then(r.bind(r,908)):r.e(891).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,T.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,N.sB)(t=>{e(t,"DOMContentLoaded")}),(0,N.GG)(t=>{e(t,"load")}),(0,N.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,T.W)({type:"lifecycle",name:"session",data:t})})}}class F extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),_(this,e,e.loaderType||"agent"),t=this,(0,L.Y)(k.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,L.U)(t,e,r,k.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,L.Y)(k.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,A.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,L.U)(e,"enduser.id",t,k.Dl,!0)},e)}(this),function(e){(0,L.Y)(k.nb,function(t){if("string"==typeof t||null===t)return(0,L.U)(e,"application.version",t,k.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,L.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,L.Y)(k.Pv,function(t=!0){if("boolean"==typeof t){if((0,A.p)("api-"+k.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var V=r(2843),z=r(782);class G extends W{static featureName=z.T;constructor(e){super(e,z.T),g.RI&&((0,V.u)(()=>(0,A.p)("docHidden",[(0,O.t)()],void 0,z.T,this.ee),!0),(0,V.G)(()=>(0,A.p)("winPagehide",[(0,O.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(891).then(r.bind(r,9018))))}}var q=r(3969);class Y extends W{static featureName=q.TZ;constructor(e){super(e,q.TZ),this.importAggregator(e,()=>r.e(891).then(r.bind(r,6555)))}}var Z=r(6774),J=r(3878),X=r(3304);class Q{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,X.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function ee(e){return ne(e)?e:new Q(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function te(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ne(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return ee(e.reason)}const r=ee(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function re(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Q(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ne(e.error)?e.error:ee(e)}function ne(e){return e instanceof Error&&!!e.stack}function ie(e,r,n,i,s=(0,O.t)()){"string"==typeof e&&(e=new Error(e)),(0,A.p)("err",[e,s,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,A.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var se=r(993),ae=r(3785);function oe(e,{customAttributes:t={},level:r=se.p_.INFO}={},n,i,s=(0,O.t)()){(0,ae.R)(n.ee,e,t,r,!1,i,s)}function ce(e,r,n,i,s=(0,O.t)()){(0,A.p)("api-"+k.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function de(e,r,n,i,s=(0,O.t)()){const{start:a,end:o,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>
14null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(a,0),d.end=u(o,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,A.p)("api-"+k.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ue(e,r={},n,i,s=(0,O.t)()){(0,A.p)("api-"+k.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var le=r(5718);const fe=(e,t)=>e?.nrMfeId===t.id&&(!e?.nrMfeObserved||e?.nrMfeObserved===t.instance),he=e=>{try{return g.gm.CSS.escape(e)}catch(t){return e}},pe=(e,t={})=>{const r=t.id,n=t.instance;if(!e||!r||!n)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(fe(r.dataset,t))return r.dataset.nrMfeObserved=n,!0;r=r.parentNode}}catch(e){}return!1},ge=(e,t)=>{const r=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]')),n=(Array.from(r)||[]).find(t=>fe(t.dataset,e));let i=!!n;i&&(n.dataset.nrMfeObserved??=e.instance);const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const n=1===r.nodeType?r:null;!i&&fe(n?.dataset,e)&&(s.disconnect(),s.observe(n,{childList:!0,subtree:!0}),i=!0,n.dataset.nrMfeObserved=e.instance),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(i||pe(r,e))&&t(r,s)})})});return s.observe(n||g.gm.document,{childList:!0,subtree:!0}),s},me=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function ve(e,t){let r,n,i=!1;const s=e=>null==e?e:e-(t?.scriptStart||t?.registeredAt||0),a={fcp:{get value(){const e=s(r);return e>1e4?void 0:e},set value(e){i||(r=e)}},lcp:{get value(){if(void 0!==a.fcp.value)return s(n)},set value(e){i||(n=e)}},cls:{value:void 0},inp:{value:void 0},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return a;const o=[];setTimeout(()=>{r||a.disconnect()},1e4);const c=()=>{if(!i){if(null==r){const e=(0,O.t)();if(s(e)>1e4)return void a.disconnect();r=e}n??=(0,O.t)(),a.cls.value??=0}},d=ge(e,(e,t)=>{c(),t.disconnect()});o.push(d);let u=0,l=null;const f=new Set;try{l=new g.gm.ResizeObserver(e=>{i||e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>u&&(u=t,a.lcp.value=(0,O.t)()),l.unobserve(e.target)}catch(e){}})})}catch(e){}const h=ge(e,e=>{if(c(),l)try{const t=1===e.nodeType?e:e.parentElement;t&&!f.has(t)&&(f.add(t),"IMG"===t.tagName?t.complete?l.observe(t):t.addEventListener("load",()=>{l.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?l.observe(t):t.addEventListener("loadeddata",()=>{l.observe(t)},{once:!0}):l.observe(t))}catch(e){}});l&&o.push(l),o.push(h),me(o,{type:"layout-shift",buffered:!0},t=>{i||t.hadRecentInput||(t.sources||[]).some(r=>!!pe(r.node,e)&&(c(),a.cls.value+=t.value,!0))}),me(o,{type:"event",buffered:!0,durationThreshold:40},t=>{!i&&t.interactionId&&pe(t.target,e)&&(void 0===a.inp.value||t.duration>a.inp.value)&&(c(),a.inp.value=t.duration)});const p=["pointerdown","keydown"],m=()=>{p.forEach(e=>{g.gm.removeEventListener(e,v,{passive:!0})})};a.disconnect=()=>{i=!0,o.forEach(e=>{try{e?.disconnect()}catch(e){}}),m(),["visibilitychange","pagehide"].forEach(e=>{g.gm.removeEventListener(e,a.disconnect,{once:!0,passive:!0})})};const v=t=>{pe(t?.target,e)&&((()=>{try{h?.disconnect(),l?.disconnect()}catch(e){}})(),m())};p.forEach(e=>{g.gm.addEventListener(e,v,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,a.disconnect,{once:!0,passive:!0})});const y=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]'));return Array.from(y||[]).some(t=>fe(t.dataset,e))&&c(),a}var ye=r(9566),be=r(7560),Ee=r(9119);const Re=["entry","scripts","all"],we=["name","id","type"],Te=new Map([[ce,"addPageAction"],[oe,"log"],[de,"measure"],[ie,"noticeError"],[ue,"recordCustomEvent"]]),Se={experimental:(0,C.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,l.R)(55)),invalidTarget:(0,C.J)(e=>(0,l.R)(48,e)),deregistered:(0,C.J)(()=>(0,l.R)(68)),invalidTimingMethod:(0,C.J)(e=>(0,l.R)(80,e)),duplicateName:(0,C.J)(e=>(0,l.R)(81,e)),duplicateId:(0,C.J)(e=>(0,l.R)(82,e))};function Ae(e){(0,L.Y)(k.eY,function(t){return xe(e,t)},e)}function xe(e,r){Se.experimental(),r||={},r.instance=(0,ye.LA)(8),r.type=R.f.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents?.[0].entityGuid},type:R.f.BA},r.manifest=(0,be.N)(r.manifest),void 0===r.timingMethod||Re.includes(r.timingMethod)||(Se.invalidTimingMethod(r.timingMethod),r.timingMethod=void 0);const n=(0,le.Qr)(r);r.manifest&&(0,le.xo)(n,r);const i=ve(r,n),s=(0,Ee.L)(""+location),a={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...a,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||R.f.BA,"parent.id":r.parent?.id})}
14),Object.entries(r.tags).forEach(([e,t])=>{we.includes(e)||(a["source.".concat(e)]=t)});let o=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,o=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(Se.disabled),u(r.id)&&u(r.name)||d(()=>Se.invalidTarget(r)),c.forEach(e=>{try{const{name:t,id:n}=e.metadata.target;t===r.name&&n!==r.id&&Se.duplicateName(r),n===r.id&&t!==r.name&&Se.duplicateId(r)}catch(e){}});const f={addPageAction:(t,n={})=>m(ce,[t,{...a,...n},e],r),deregister:()=>{p(),d(Se.deregistered)},log:(t,n={})=>m(oe,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(de,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(ie,[t,{...a,...n},e],r),recordCustomEvent:(t,n={})=>m(ue,[t,{...a,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return a},target:r,timings:n,vitals:i,events:{latestTimestamp:void 0}}},h=()=>(r.blocked&&o(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,O.t)(),i.disconnect(),n.fcp=i.fcp,n.lcp=i.lcp,n.cls=i.cls,n.inp=i.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,registerUrl:s,deregisterUrl:(0,Ee.L)(""+location),pageUrl:void 0,currentUrl:void 0,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,t
14imeToRegister:n.registeredAt,totalWeight:n.totalWeight,...void 0!==n.renderBlocking&&{renderBlocking:n.renderBlocking},...i.fcp.value>=0&&{"vitals.fcp.value":i.fcp.value},...i.lcp.value>=0&&{"vitals.lcp.value":i.lcp.value},...i.cls.value>=0&&{"vitals.cls.value":i.cls.value},...i.inp.value>=0&&{"vitals.inp.value":i.inp.value}};f.recordCustomEvent("MicroFrontEndTiming",r)}h()||(c.push(f),(0,V.G)(p));const g=(e,t)=>{h()||(a[e]=t)},m=(r,n,i)=>{if(h()&&r!==xe)return;const s=f.metadata.events.latestTimestamp??(0,O.t)();f.metadata.events.latestTimestamp=void 0;const a=Te.get(r)||"unknown";(0,A.p)(q.xV,["API/register/".concat(a,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,l.R)(50,e)}};return f}class _e extends W{static featureName=Z.T;constructor(e){var t;super(e,Z.T),t=e,(0,L.Y)(k.o5,(e,r)=>ie(e,r,t),t),function(e){(0,L.Y)(k.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,L.Y)(k.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Ae(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,A.p)("ierr",[ee(t),(0,O.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,A.p)("err",[te(t),(0,O.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,A.p)("err",[re(t),(0,O.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(891).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var Oe=r(8990);let ke=1;function Le(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,Oe.I)(e,"nr@id",function(){return ke++})}function Me(e){if("string"==typeof e)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,X.A)(e).length}catch(e){return}}}var Pe=r(8139),Ne=r(3434),je=r(5732);const Ie={},Ce=["open","send","setRequestHeader"];function De(e,t){var r=e||w.ee;const n=function(e){return(e||w.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(Ie[n.debugId]++)return n;Ie[n.debugId]=1,(0,Pe.u)(r,t);var i=(0,Ne.YM)(n,void 0,t),s=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,o=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new s(e),a=n.context(r);a.targets=(0,je.$5)(t);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(o=a,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",E)}),(0,J.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var o;return r};function p(e,t){i.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Ce,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),a&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),a){var m=o&&o.resolve();if(!c&&!o){var v=1,y=document.createTextNode(v);new a(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Be="fetch-",He=Be+"body-",We=["arrayBuffer","blob","json","text","formData"],Ue=g.gm.Request,Ke=g.gm.Response,Fe="prototype";const Ve={};function ze(e,t){const r=function(e){return(e||w.ee).get("fetch")}(e);if(!(Ue&&Ke&&g.gm.fetch))return r;if(Ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},a=(0,je.$5)(t);var o;r.emit(i+"before-start",[e],n),n[w.P]&&n[w.P].dt&&(o=n[w.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,o],c),c.then(function(e){return r.emit(i+"end",[null,e,a],c),e},function(e){throw r.emit(i+"end",[e,void 0,a],c),e})})}
14return Ve[r.debugId]=1,We.forEach(e=>{n(Ue[Fe],e,He),n(Ke[Fe],e,He)}),n(g.gm,"fetch",Be),r.on(Be+"end",function(e,n,i){var s=this;if(s.targets=i||[t.runtime.v2Target],n){var a=n.headers.get("content-length");null!==a&&(s.rxSize=a),r.emit(Be+"done",[null,n],s)}else r.emit(Be+"done",[e],s)}),r}var Ge=r(7485);class qe{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s=(0,ye.ZF)(),a=(0,ye.el)(),o=Date.now(),c={spanId:s,traceId:a,timestamp:o};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(s,a),c.traceContextStateHeader=this.generateTraceContextStateHeader(s,o,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(s,a,o,r,n,i)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(a.d.tk=s),btoa((0,X.A)(a))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,Ge.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Ye=r(7295);function Ze(e){return"string"==typeof e?e:e instanceof(0,i.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}function $e(e,t){var r=(0,Ge.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var Je=["load","error","abort","timeout"],Xe=Je.length,Qe=(0,i.dV)().o.REQ,et=(0,i.dV)().o.XHR;const tt="X-NewRelic-App-Data",rt="internal-error";class nt extends W{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new qe(e),this.handler=(e,t,r,n)=>(0,A.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};$e(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ze(this.ee,e),De(this.ee,e),function(e,r,n,i){const s=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=S,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){_(t,e)},(0,J.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,J.jT)(!1))}function o(e){this.params={method:e[0]},$e(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){s&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=Me(i);a&&(n.txSize=a)}this.startTime=(0,O.t)(),this.requestBody=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"
14!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit(rt,[e])}catch(e){}}};for(var o=0;o<Xe;o++)t.addEventListener(Je[o],this.listener,(0,J.jT)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+Le(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Le(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function m(){this.endTime=(0,O.t)()}function v(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,O.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,O.t)()-this.xhrCbStart,this.onload,t],t)}function R(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Ge.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)o(e[0].headers,n)&&(this.dt=n);else{var s={};for(var a in r)s[a]=r[a];s.headers=new Headers(r.headers||{}),o(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function o(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function w(e,t){this.params={},this.metrics={},this.startTime=(0,O.t)(),this.dt=t;let[r,n={}]=e;$e(this,Ze(r));const i=(""+(r&&r instanceof Qe&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.txSize=Me(n.body||r?.body)||0;try{var a=n.headers||r?.headers;if(s&&a)if(this.requestHeaders??={},a instanceof Headers)a.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof a)for(var o in a)this.requestHeaders[o.toLowerCase()]=a[o]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,O.t)(),this.params||(this.params={}),(0,Ye.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>x(n,this,e))};t&&s?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Me(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(rt,[e])}).finally(()=>{n()}):n()}function S(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Xe;t++)e.removeEventListener(Je[t],this.listener,!1);if(t.aborted)return;if((0,Ye.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):_(this,e),n.cbTime=this.cbTime,s){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Me(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),i=e.substring(r+2);t[n.toLowerCase()]=i}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(rt,[e])}}const i=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>x(i,this,e))}function x(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function _(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Me(e.response):"text"===r||""===r||void 0===r?Me(e.responseText):void 0}(n,e.lastSize);if(void 0!==i&&0!==n.status&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(tt)>=0){var s=n.getResponseHeader(tt);s&&((0,A.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",o),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",R),r.on("fetch-start",w),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(891).then(r.bind(r,3845)))}}const it={},st=["pushState","replaceState"];function at(e,t){const r=function(e){return(e||w.ee).get("history")}(e);return!g.RI||it[r.debugId]++||(it[r.debugId]=1,(0,Ne.YM)(r,void 0,t).inPlace(window.history,st,"-")),r}var ot=r(3738);function ct(e){(0,L.Y)(k.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,A.p)(q.XG,[k.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:k.BL,start:r,origin:"nr"}),(0,A.p)("api-"+k.hG,[n,k.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:dt,bD:ut,d3:lt,Kp:ft,TZ:ht,Lc:pt,uP:gt,Rz:mt}=ot;class vt extends W{static featureName=ht;constructor(e){var n;super(e,ht),n=e,(0,L.Y)(k.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,A.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),ct(e);
14if(!(0,I.V)(e.init))return void this.deregisterDrain();const i=this.ee;let s;at(i,e),this.eventsEE=(0,Pe.u)(i,e),this.eventsEE.on(gt,function(e,t){this.bstStart=(0,O.t)()}),this.eventsEE.on(pt,function(e,r){(0,A.p)("bst",[e[0],r,this.bstStart,(0,O.t)()],void 0,t.K7.sessionTrace,i)}),i.on(mt+lt,function(e){this.time=(0,O.t)(),this.startPath=location.pathname+location.hash}),i.on(mt+ft,function(e){(0,A.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,i)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,A.p)(dt,[r],void 0,t.K7.sessionTrace,i)}),s.observe({type:ut,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(891).then(r.bind(r,6974)),{resourceObserver:s})}}var yt=r(733),bt=r(6344);class Et extends W{static featureName=bt.TZ;#i;recorder;constructor(e){var n;let i;super(e,bt.TZ),n=e,(0,L.Y)(k.CH,function(){(0,A.p)(k.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,L.Y)(k.Tb,function(){(0,A.p)(k.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(u.Wt).concat((0,yt.Y)(e.info.licenseKey,e.info.applicationID));try{i=JSON.parse(localStorage.getItem(s))}catch(e){}(0,j.SR)(e.init)&&this.ee.on(k.CH,()=>this.#s()),this.#a(i)&&this.importRecorder().then(e=>{e.startRecording(bt.Qb.PRELOAD,i?.sessionReplayMode)}),this.abortHandler=this.#n,this.importAggregator(this.agentRef,()=>r.e(891).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,A.p)(bt.Vh,[e],void 0,this.featureName,this.ee))})}#a(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,j.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([r.e(891),r.e(222)]).then(r.bind(r,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,bt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(bt.Qb.API,u.g.FULL)}))}#n(){this.recorder?.stopRecording()}}var Rt=r(981);const wt={},Tt=new Set;function St(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class At{constructor(e,t){this.timestamp=(0,O.t)(),this.currentUrl=(0,Ee.L)(window.location.href),this.socketId=(0,ye.LA)(8),this.requestedUrl=(0,Ee.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class xt extends W{static featureName=o.TZ;constructor(e){super(e,o.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,s=!e.init.feature_flags.includes("no_spv"),a=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,n,s];var c;let d;if(c=e,(0,L.Y)(k.hG,(e,t)=>ce(e,t,c),c),function(e){(0,L.Y)(k.fF,(t,r)=>ue(t,r,e),e)}(e),ct(e),Ae(e),function(e){(0,L.Y)(k.V1,(t,r)=>de(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e,t){if(!(0,i.dV)().o.WS)return e;const r=e.get("websockets");if(wt[r.debugId]++)return r;wt[r.debugId]=1,(0,V.G)(()=>{const e=(0,O.t)();Tt.forEach(t=>{t.nrData.closedAt=e,t.nrData.closeCode=1001,t.nrData.closeReason="Page navigating away",t.nrData.closeWasClean=!1,t.nrData.openedAt&&(t.nrData.connectedDuration=e-t.nrData.openedAt),r.emit("ws",[t.nrData,t.targets],t)})});
14class n extends WebSocket{static name=Rt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return n.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new At(e[0],e[1]),this.targets=(0,je.$5)(t),this.addEventListener("open",()=>{this.nrData.openedAt=(0,O.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),Tt.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=St(e.data);this.nrData.messageOrigin??=(0,Ee.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,O.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,Tt.delete(this),r.emit("ws",[this.nrData,this.targets],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=St(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return g.gm.WebSocket=n,r}(this.ee,e);u.on("ws",(e,t)=>{(0,A.p)("ws-complete",[e,t],void 0,this.featureName,this.ee)})}if(s){if("function"==typeof g.gm.ReportingObserver){const l=new g.gm.ReportingObserver(e=>{e.forEach(e=>{(0,A.p)("spv",[_t(e),(0,O.t)()],void 0,t.K7.genericEvents,this.ee)}),l.disconnect()},{types:["csp-violation"],buffered:!0});l.observe()}g.gm.addEventListener("securitypolicyviolation",e=>{(0,A.p)("spv",[_t(e),e.timeStamp],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal))}if(g.RI){if(ze(this.ee,e),De(this.ee,e),d=at(this.ee,e),e.init.user_actions.enabled){function f(t){const r=(0,Ge.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function h(){d.emit("navChange")}o.Zp.forEach(e=>(0,J.sp)(e,e=>(0,A.p)("ua",[e],void 0,this.featureName,this.ee),!0)),o.qN.forEac
14h(e=>{const t=(0,C.s)(e=>{(0,A.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,J.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,A.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{f(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,A.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!f(Ze(e[0]))&&(0,A.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",h),d.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,J.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",h,(0,J.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,A.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}a.some(e=>e)?this.importAggregator(e,()=>r.e(891).then(r.bind(r,8019))):this.deregisterDrain()}}function _t(e){const t=e.body??e;return{blockedUrl:t.blockedURL??e.blockedURI,documentUrl:t.documentURL??e.documentURI,effectiveDirective:t.effectiveDirective,originalPolicy:t.originalPolicy,sourceFile:t.sourceFile,statusCode:t.statusCode,lineNumber:t.lineNumber,columnNumber:t.columnNumber,disposition:"reporting"===t.disposition?"report":t.disposition,sample:t.sample,referrer:t.referrer}}var Ot=r(2646);const kt=new Map;function Lt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const a=function(e){return(e||w.ee).get("logger")}(e),o=(0,Ne.YM)(a,void 0,s),c=new Ot.y(w.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Ne.Jt]||t[r];return kt.set(d,c),o.inPlace(t,[r],"wrap-logger-",()=>kt.get(d),void 0,!0),a}var Mt=r(1910);class Pt extends W{static featureName=se.TZ;constructor(e){var t;super(e,se.TZ),t=e,(0,L.Y)("log",(e,r)=>oe(e,r,t),t),function(e){(0,L.Y)(k.Wb,(t,r,{customAttributes:n={},level:i=se.p_.INFO}={})=>{Lt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Ae(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,Mt.i)(g.gm.console[t]),Lt(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([t],r,i,s=[e.runtime.v2Target]){const{level:a,customAttributes:o,autoCaptured:c}=this;s.forEach(e=>{(0,ae.R)(n,t,o,a,c,e)})}),this.importAggregator(e,()=>r.e(891).then(r.bind(r,5288)))}}new F({features:[K,G,vt,Et,nt,Y,_e,xt,Pt],loaderType:"pro"})})()})();</script>
14
15    <meta content="e547dd3a84dc625cf54f397c79f2ab368bb4798c" name="pib_app_revision">
16    <link rel="icon" href="/favicon.ico" type="image/x-icon">
17    
18    <link rel="stylesheet" href="/vite/assets/application-B5bHriDO.css" data-turbo-track="reload" />
19    <link rel="stylesheet" href="/vite/assets/print-BNg7usIr.css" media="print" data-turbo-track="dynamic" />
20    <meta name="csrf-param" content="authenticity_token" />
21<meta name="csrf-token" content="NXwN4_J3s2WVkzMluMDG76P6zLPY7PB1825jscd5ENTPb5dc7Pdc_pdOxEm33JoHbniQJwq62P-4QfNDxyt5Zg" />
22    <link rel="apple-touch-icon" href="/vite/assets/icon_pb_57-D4rxGzg2.png"/>
23    <link rel="apple-touch-icon" sizes="72x72" href="/vite/assets/icon_pb_72-e86JjDbP.png" />
24    <link rel="apple-touch-icon" sizes="114x114" href="/vite/assets/icon_pb_114-B-5pDWak.png" />
25    <link rel="apple-touch-icon" sizes="144x144" href="/vite/assets/icon_pb_144--PWgIsH2.png" />
26    
26<script src="/vite/assets/application-CxiK4SuQ.js" crossorigin="anonymous" type="module" data-turbo-track="dynamic"></script>
26<link rel="modulepreload" href="/vite/assets/_commonjsHelpers-BosuxZz1.js" as="script" crossorigin="anonymous" data-turbo-track="dynamic">
27<link rel="modulepreload" href="/vite/assets/csrf_token-6qC2Iu3J.js" as="script" crossorigin="anonymous" data-turbo-track="dynamic">
28    <link rel="preload" href="/vite/assets/TwemojiCountryFlags-Bymva2JV.woff2" as="font" type="font/woff2" crossorigin>
29    <!-- TrustBox script -->
30    
30<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
30
31    <!-- End TrustBox script -->
32      
32<script
33    defer
34    src="https://js.klarna.com/web-sdk/v1/klarna.js"
35    data-client-id="f63287b6-d6d4-5108-a6e0-37f2d201c446"
36  ></script>
36
37
38    
38<script>
39  window.dataLayer = window.dataLayer || []
40</script>
40
41
42  
42<script>
43    (() => {
44      const events = ["{\"logged_msg\":\"not logged in\"}"];
45      events.forEach((event) => {
46        try {
47          const payload = typeof event === 'string' ? JSON.parse(event) : event;
48          window.dataLayer.push(payload);
49        } catch (e) {
50          console.error("GTM DataLayer parse error:", e);
51        }
52      });
53    })();
54  </script>
54
55
56<script data-turbo-eval="false">
57  // <!-- GA4 Migration -->
vendor: 429 bytes, lines 57-70
57
58  (function(w,d,s,l,i) {
59    w[l] = w[l] || [];
60    w[l].push({
61      'gtm.start': new Date().getTime(),
62      event: 'gtm.js'
63    });
64    var f  = d.getElementsByTagName(s)[0],
65        j  = d.createElement(s),
66        dl = l != 'dataLayer' ? '&l=' + l : '';
67    j.async = true;
68    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
69    f.parentNode.insertBefore(j, f);
70  })(window,document,'script','dataLayer', '
70GTM-TDFHNNW
vendor: 4 bytes, line 70
70');
71</script>
71
72
73    
74      
74<script>
75        window.onloadTurnstileCallback = () => window.dispatchEvent(new Event("cloudflare-turnstile-ready"))
76      </script>
76
77      
77<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback" async defer></script>
77
78    
78<script src="https://try.abtasty.com/e1dce6537803bf5e365e78427a3ea2de.js" type="text/javascript"></script>
78
79
80      <link rel="canonical" href="https://www.pluginboutique.com/blog" />
81
82    
83
84    
84<script src="https://js.stripe.com/dahlia/stripe.js"></script>
84
85
86  </head>
87
88  <body
89    id="body"
90    data-controller="mobile-account-menu mobile-bottom-bar application top-text-banner data-layer-publisher"
91    data-top-text-banner-id-value="8"
92    class="overflow-x-hidden overflow-y-scroll"
93  >
94    
94<script data-turbo-eval="false">
95  document.addEventListener("click", (event) => {
96    const target = event.target.closest("[data-layer]")
97    const data = target?.dataset?.layer
98    if (!data) return
99
100    window.dataLayer.push(JSON.parse(data))
101  });
102</script>
102
103
104    
105
106<div
107  id="flashes"
108  class="sticky z-300 top-0 flex flex-col items-center"
109>
110</div>
111
112<form data-turbo="true" data-action="turboFlash@window-&gt;turbo-flash#turboFlash" data-controller="turbo-flash" action="/turbo_flash" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_2gHb5OROSYGPbOpUlzrLmcaKl6v66FTXihhiZw-VMxUCjL96oxNOl3zoivHSye-Nd4vuQJmIsHkqGkyTO9Jfw" autocomplete="off" />
113  <input type="hidden" name="message" data-turbo-flash-target="message">
114  <input type="hidden" name="type" value="error" data-turbo-flash-target="type">
115</form>
116
117          <div class="w-full fixed transition-all duration-300 ease-in-out top-0 left-0 right-0 sm:h-0 h-0 overflow-hidden z-50 bg-blue-500 text-grey-800 text-center py-2 px-4 justify-center items-center flex-row flex h-16 sm:h-10"
118    id="top-banner"
119    data-top-text-banner-target="banner"
120
121  >
122    <div class="flex-1 [&_a]:underline">
123      <p>Choose a free gift with every purchase <span style='font-family:"Twemoji Country Flags", DM_Sans, system-ui, Avenir, Helvetica, Arial, sans-serif;'>| </span><a href="https://www.pluginboutique.com/articles/2073" style='font-family:"Twemoji Country Flags", DM_Sans, system-ui, Avenir, Helvetica, Arial, sans-serif;'>Learn more</a></p>
124
125    </div>
126    <span role="button" tabindex="0" aria-label="Dismiss banner" data-action="click->top-text-banner#dismiss" class="cursor-pointer"> &times;</span>
127  </div>
128
129
130<header id="header" class="fixed w-dvw z-50" data-controller="mobile-hamburger cart-sidebar">
131  <div class="fixed z-50 w-full h-15 py-2 top-0 bg-gray-100 border-b-1 transition-all duration-300 ease-in-out sm:border-b-0 border-gray-400 inline-flex justify-between items-center top-16 sm:top-10" data-top-text-banner-target="header">
132    <div class="flex items-center container mx-auto sm:grid sm:grid-cols-3 sm-md:grid-cols-4">
133      <div class="flex flex-row justify-start items-center gap-2">
134        <a
135          href="/" class="relative flex justify-start items-center gap-1"
136          aria-label="Plugin Boutique Logo"
137          data-layer={&quot;category&quot;:&quot;header&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;logo&quot;,&quot;event&quot;:&quot;send&quot;}
138        >
139          <img alt="Signet" class="h-8 min-w-8 " src="/vite/assets/signet-mfG32Rpj.svg" />
140          <img alt="Logo" class="h-7 min-w-11 hidden sm:block" src="/vite/assets/logo-DyBWbggY.svg" />
141        </a>
142        <nav class="col-span-2 justify-start items-center gap-4 ">
143          <div class="sm:hidden w-7 h-7 p-0" data-action="click->mobile-hamburger#toggle">
144            <img alt="Hamburger" class="h-7 min-w-7 " src="/vite/assets/hamburger-CrkMiZGM.svg" />
145          </div>
146          <ul class="flex-row items-center space-x-4 px-4 hidden sm:flex">
147            <li class="text-gray-700 font-medium text-base leading-tight">
148              <a href="/">Home</a>
149            </li>
150            <li class="text-gray-700 font-medium text-base leading-tight">
151              <a href="/library">Library</a>
152            </li>
153          </ul>
154        </nav>
155      </div>
156      <div class="h-10 justify-center inline-flex items-center ml-auto sm:w-full sm-md:col-span-2">
157        
158          
159<div
160  class="w-full max-w-[630px]"
161  data-controller="header-search"
162  data-header-search-search-path-value="/search"
163>
164  <img alt="Magnifying Glass" class="sm:hidden w-6" data-action="click-&gt;header-search#toggleOverlay" src="/vite/assets/magnifying-glass-b-DU_PyCIB.svg" />
165
166  <div
167    class="hidden fixed top-0 bg-gray-100 bottom-0 z-60 left-0 right-0 transition-all duration-300 -translate-y-full translate-y-0 overflow-y-scroll sm:block sm:static sm:bottom-auto sm:left-auto sm:right-auto sm:z-0 sm:translate-none sm:overflow-y-auto"
168    data-header-search-target="overlay"
169  >
170    <div class="flex flex-col p-4 sm:p-0">
171      <div class="flex w-full">
172        <div class="flex grow relative">
173          <div class="w-5 h-5 absolute left-4 top-1/2 -translate-y-1/2">
174            <img alt="Magnifying Glass" class="h-5 max-h-5 min-w-5" src="/vite/assets/magnifying-glass-Xdf9iwhQ.svg" />
175          </div>
176          <form data-header-search-target="form" data-turbo-stream="true" class="w-full" action="/search_hints" accept-charset="UTF-8" method="get">
177            <input value="6" data-header-search-target="perPage" autocomplete="off" type="hidden" name="per_page" id="per_page" />
178            <span id="search-instructions" class="sr-only">Type text to start searching</span>
179            <input placeholder="Search for a product or brand" data-action="click-&gt;header-search#focus keyup-&gt;header-search#typeSearch" data-header-search-target="input" class="bg-gray-300 px-12 py-3 h-10 w-full rounded-3xl justify-start text-gray-900 text-base focus:outline-1 focus:outline-offset-[-1px] focus:outline-gray-800 font-medium leading-tight hover:cursor-pointer self-stretch hover:bg-gray-400 focus:bg-gray-300 truncate placeholder:text-gray-700 hover:placeholder:text-gray-800 focus:placeholder:text-gray-700" autocomplete="off" aria-label="Type text to start searching" aria-describedby="Type text to start searching" type="text" name="q" id="q" />
180</form>          <span
181            class="hidden cursor-pointer absolute right-6 top-1/2 -translate-y-1/2"
182            data-action="click->header-search#clear click@window->header-search#globalUnfocus"
183            data-header-search-target="closeButton"
184            >
185            <img alt="Close" class="h-5 w-5" src="/vite/assets/xx-B6UBfhW3.svg" />
186          </span>
187        </div>
188        <button name="button" type="button" data-testid="close-mobile-search" data-action="click-&gt;header-search#toggleOverlay" class="btn btn-when-disabled btn-medium btn-secondary ml-2 h-full sm:hidden">
189  
190  Cancel
191</button>
192      </div>
193      <div
194        id="search-top-suggestions"
195        data-header-search-target="container"
196        class="has-[div]:pt-4 sm:has-[div]:pt-0"
197      >
198      </div>
199    </div>
200  </div>
201</div>
202
203
204      </div>
205
206      <div class="flex flex-row gap-4 items-center justify-end">
207        
208          <div data-controller="desktop-country-picker-dropdown country-picker" data-action="click@window->desktop-country-picker-dropdown#handleOutsideClick">
209  <div class="hidden sm:block">
210    <div class="relative z-60">
211      <button
212        class="cursor-pointer"
213        data-desktop-country-picker-dropdown-target="countryButton"
214        data-action="click->desktop-country-picker-dropdown#toggle"
215        aria-label="Select country"
216        >
217        <span class="text-2xl notranslate" translate="no">
218          🇺🇸​
219        </span>
220      </button>
221      <div class="hidden absolute top-4 h-auto bottom-auto mt-6 bg-gray-100 text-gray-700 rounded-2xl shadow-[0_0px_30px_rgba(0,0,0,0.35)] w-80 z-60 -left-40 lg:-left-10 xl:left-0"
222        data-desktop-country-picker-dropdown-target="countryPickerDropdown" >
223        
224<form class="flex flex-col" data-turbo="false" action="/" accept-charset="UTF-8" method="get">
225
226  <div class="border-b-1 border-gray-400 px-4 py-2">
227    <div class="flex-1 sm:flex gap-2 flex justify-start items-center relative">
228  <div class="w-3 h-3 left-3 absolute">
229    
230<svg class="h-4 w-4 h-3 max-h-3 min-w-3 stroke-gray-700" viewBox="0 0 17 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
231  <path d="M16.4438 16.0579L12.5321 12.1469C13.6659 10.7858 14.2312 9.03989 14.1106 7.2725C13.9899 5.50512 13.1925 3.85229 11.8843 2.65785C10.576 1.46341 8.85761 0.819317 7.08657 0.859567C5.31553 0.899817 3.62818 1.62131 2.37554 2.87395C1.12289 4.12659 0.401404 5.81394 0.361154 7.58498C0.320904 9.35603 0.964993 11.0744 2.15943 12.3827C3.35387 13.6909 5.0067 14.4883 6.77409 14.609C8.54148 14.7297 10.2874 14.1643 11.6485 13.0305L15.5595 16.9422C15.6175 17.0003 15.6865 17.0464 15.7623 17.0778C15.8382 17.1092 15.9195 17.1254 16.0016 17.1254C16.0838 17.1254 16.1651 17.1092 16.241 17.0778C16.3168 17.0464 16.3858 17.0003 16.4438 16.9422C16.5019 16.8842 16.548 16.8152 16.5794 16.7394C16.6108 16.6635 16.627 16.5822 16.627 16.5001C16.627 16.4179 16.6108 16.3366 16.5794 16.2607C16.548 16.1849 16.5019 16.1159 16.4438 16.0579ZM1.62664 7.75006C1.62664 6.63754 1.95654 5.55 2.57463 4.62497C3.19271 3.69995 4.07121 2.97898 5.09905 2.55323C6.12688 2.12749 7.25788 2.0161 8.34903 2.23314C9.44017 2.45018 10.4424 2.98591 11.2291 3.77258C12.0158 4.55925 12.5515 5.56153 12.7686 6.65267C12.9856 7.74382 12.8742 8.87482 12.4485 9.90265C12.0227 10.9305 11.3018 11.809 10.3767 12.4271C9.4517 13.0452 8.36416 13.3751 7.25164 13.3751C5.76031 13.3734 4.33053 12.7802 3.27599 11.7257C2.22146 10.6712 1.6283 9.24139 1.62664 7.75006Z"/>
232</svg>
233
234  </div>
235
236  <input type="search" name="" id="" value="" placeholder="Type to find your country" data-country-picker-target="input" data-desktop-country-picker-dropdown-target="input" data-action="input-&gt;country-picker#filter keydown.down-&gt;country-picker#focusFirst" data-testid="country-picker-input" class="rounded-lg text-sm font-semibold h-8 justify-start pl-8 outline-transparent focus:text-gray-900 focus:bg-gray-300 placeholder-shown:outline-1 placeholder-shown:outline-offset-[-1px] placeholder-shown:outline-gray-400 placeholder-shown:text-gray-600 focus:placeholder-shown:outline-gray-800 focus:outline-gray-800 focus:placeholder-shown:text-gray-700 text-gray-900 placeholder-shown:bg-white bg-gray-300 search-cancel:false truncate [&amp;::-webkit-search-cancel-button]:[-webkit-appearance:none] [&amp;::-webkit-search-cancel-button]:[background-image:var(--library-search-cancel-btn-url)] [&amp;::-webkit-search-cancel-button]:[background-size:18px_18px] [&amp;::-webkit-search-cancel-button]:bg-no-repeat [&amp;::-webkit-search-cancel-button]:h-[19px] [&amp;::-webkit-search-cancel-button]:w-[19px] [&amp;::-webkit-search-cancel-button]:mr-2 [&amp;::-webkit-search-cancel-button]:cursor-pointer [&amp;::-webkit-search-cancel-button]:[transition:background-color_0.35s_ease] [&amp;::-webkit-search-cancel-button]:self-center [&amp;::-webkit-search-cancel-button]:[-webkit-align-items:center] [&amp;::-webkit-search-cancel-button]:justify-center [&amp;
236::-webkit-search-cancel-button]:[-webkit-justify-content:center] [&amp;::-webkit-search-cancel-button]:items-center w-full" />
237</div>
238
239  </div>
240
241  <div class="p-4 text-gray-700 sm:overflow-y-auto sm:max-h-[calc(100vh-10rem)]">
242    <ul data-country-picker-target="list" class="text-sm font-semibold">
243        <li data-country-picker-target="item">
244          <button 
245            type="submit" 
246            name="chosen_country" 
247            value="AF"
248            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
249            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
250            >
251            <div class="flex flex-row items-center gap-x-2 min-w-0">
252              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇫​</span>
253              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
254                <span class="truncate">Afghanistan</span>
255                <span class="flex-shrink-0">($ USD)</span>
256              </div>
257            </div>
258            
259          </button>
260        </li>
261        <li data-country-picker-target="item">
262          <button 
263            type="submit" 
264            name="chosen_country" 
265            value="AL"
266            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
267            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
268            >
269            <div class="flex flex-row items-center gap-x-2 min-w-0">
270              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇱​</span>
271              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
272                <span class="truncate">Albania</span>
273                <span class="flex-shrink-0">($ USD)</span>
274              </div>
275            </div>
276            
277          </button>
278        </li>
279        <li data-country-picker-target="item">
280          <button 
281            type="submit" 
282            name="chosen_country" 
283            value="DZ"
284            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
285            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
286            >
287            <div class="flex flex-row items-center gap-x-2 min-w-0">
288              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇿​</span>
289              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
290                <span class="truncate">Algeria</span>
291                <span class="flex-shrink-0">($ USD)</span>
292              </div>
293            </div>
294            
295          </button>
296        </li>
297        <li data-country-picker-target="item">
298          <button 
299            type="submit" 
300            name="chosen_country" 
301            value="AS"
302            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
303            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
304            >
305            <div class="flex flex-row items-center gap-x-2 min-w-0">
306              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇸​</span>
307              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
308                <span class="truncate">American Samoa</span>
309                <span class="flex-shrink-0">($ USD)</span>
310              </div>
311            </div>
312            
313          </button>
314        </li>
315        <li data-country-picker-target="item">
316          <button 
317            type="submit" 
318            name="chosen_country" 
319            value="AD"
320            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
321            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
322            >
323            <div class="flex flex-row items-center gap-x-2 min-w-0">
324              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇩​</span>
325              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
326                <span class="truncate">Andorra</span>
327                <span class="flex-shrink-0">($ USD)</span>
328              </div>
329            </div>
330            
331          </button>
332        </li>
333        <li data-country-picker-target="item">
334          <button 
335            type="submit" 
336            name="chosen_country" 
337            value="AO"
338            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
339            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
340            >
341            <div class="flex flex-row items-center gap-x-2 min-w-0">
342              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇴​</span>
343              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
344                <span class="truncate">Angola</span>
345                <span class="flex-shrink-0">($ USD)</span>
346              </div>
347            </div>
348            
349          </button>
350        </li>
351        <li data-country-picker-target="item">
352          <button 
353            type="submit" 
354            name="chosen_country" 
355            value="AI"
356            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
357            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
358            >
359            <div class="flex flex-row items-center gap-x-2 min-w-0">
360              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇮​</span>
361              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
362                <span class="truncate">Anguilla</span>
363                <span class="flex-shrink-0">($ USD)</span>
364              </div>
365            </div>
366            
367          </button>
368        </li>
369        <li data-country-picker-target="item">
370          <button 
371            type="submit" 
372            name="chosen_country" 
373            value="AQ"
374            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
375            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
376            >
377            <div class="flex flex-row items-center gap-x-2 min-w-0">
378              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇶​</span>
379              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
380                <span class="truncate">Antarctica</span>
381                <span class="flex-shrink-0">($ USD)</span>
382              </div>
383            </div>
384            
385          </button>
386        </li>
387        <li data-country-picker-target="item">
388          <button 
389            type="submit" 
390            name="chosen_country" 
391            value="AG"
392            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
393            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
394            >
395            <div class="flex flex-row items-center gap-x-2 min-w-0">
396              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇬​</span>
397              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
398                <span class="truncate">Antigua and Barbuda</span>
399                <span class="flex-shrink-0">($ USD)</span>
400              </div>
401            </div>
402            
403          </button>
404        </li>
405        <li data-country-picker-target="item">
406          <button 
407            type="submit" 
408            name="chosen_country" 
409            value="AR"
410            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
411            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
412            >
413            <div class="flex flex-row items-center gap-x-2 min-w-0">
414              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇷​</span>
415              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
416                <span class="truncate">Argentina</span>
417                <span class="flex-shrink-0">($ USD)</span>
418              </div>
419            </div>
420            
421          </button>
422        </li>
423        <li data-country-picker-target="item">
424          <button 
425            type="submit" 
426            name="chosen_country" 
427            value="AM"
428            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
429            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
430            >
431            <div class="flex flex-row items-center gap-x-2 min-w-0">
432              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇲​</span>
433              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
434                <span class="truncate">Armenia</span>
435                <span class="flex-shrink-0">($ USD)</span>
436              </div>
437            </div>
438            
439          </button>
440        </li>
441        <li data-country-picker-target="item">
442          <button 
443            type="submit" 
444            name="chosen_country" 
445            value="AW"
446            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
447            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
448            >
449            <div class="flex flex-row items-center gap-x-2 min-w-0">
450              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇼​</span>
451              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
452                <span class="truncate">Aruba</span>
453                <span class="flex-shrink-0">($ USD)</span>
454              </div>
455            </div>
456            
457          </button>
458        </li>
459        <li data-country-picker-target="item">
460          <button 
461            type="submit" 
462            name="chosen_country" 
463            value="AU"
464            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
465            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
466            >
467            <div class="flex flex-row items-center gap-x-2 min-w-0">
468              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇺​</span>
469              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
470                <span class="truncate">Australia</span>
471                <span class="flex-shrink-0">($ USD)</span>
472              </div>
473            </div>
474            
475          </button>
476        </li>
477        <li data-country-picker-target="item">
478          <button 
479            type="submit" 
480            name="chosen_country" 
481            value="AT"
482            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
483            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
484            >
485            <div class="flex flex-row items-center gap-x-2 min-w-0">
486              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇹​</span>
487              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
488                <span class="truncate">Austria</span>
489                <span class="flex-shrink-0">(€ EUR)</span>
490              </div>
491            </div>
492            
493          </button>
494        </li>
495        <li data-country-picker-target="item">
496          <button 
497            type="submit" 
498            name="chosen_country" 
499            value="AZ"
500            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
501            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
502            >
503            <div class="flex flex-row items-center gap-x-2 min-w-0">
504              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇿​</span>
505              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
506                <span class="truncate">Azerbaijan</span>
507                <span class="flex-shrink-0">($ USD)</span>
508              </div>
509            </div>
510            
511          </button>
512        </li>
513        <li data-country-picker-target="item">
514          <button 
515            type="submit" 
516            name="chosen_country" 
517            value="BS"
518            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
519            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
520            >
521            <div class="flex flex-row items-center gap-x-2 min-w-0">
522              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇸​</span>
523              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
524                <span class="truncate">Bahamas</span>
525                <span class="flex-shrink-0">($ USD)</span>
526              </div>
527            </div>
528            
529          </button>
530        </li>
531        <li data-country-picker-target="item">
532          <button 
533            type="submit" 
534            name="chosen_country" 
535            value="BH"
536            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
537            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
538            >
539            <div class="flex flex-row items-center gap-x-2 min-w-0">
540              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇭​</span>
541              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
542                <span class="truncate">Bahrain</span>
543                <span class="flex-shrink-0">($ USD)</span>
544              </div>
545            </div>
546            
547          </button>
548        </li>
549        <li data-country-picker-target="item">
550          <button 
551            type="submit" 
552            name="chosen_country" 
553            value="BD"
554            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
555            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
556            >
557            <div class="flex flex-row items-center gap-x-2 min-w-0">
558              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇩​</span>
559              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
560                <span class="truncate">Bangladesh</span>
561                <span class="flex-shrink-0">($ USD)</span>
562              </div>
563            </div>
564            
565          </button>
566        </li>
567        <li data-country-picker-target="item">
568          <button 
569            type="submit" 
570            name="chosen_country" 
571            value="BB"
572            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
573            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
574            >
575            <div class="flex flex-row items-center gap-x-2 min-w-0">
576              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇧​</span>
577              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
578                <span class="truncate">Barbados</span>
579                <span class="flex-shrink-0">($ USD)</span>
580              </div>
581            </div>
582            
583          </button>
584        </li>
585        <li data-country-picker-target="item">
586          <button 
587            type="submit" 
588            name="chosen_country" 
589            value="BY"
590            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
591            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
592            >
593            <div class="flex flex-row items-center gap-x-2 min-w-0">
594              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇾​</span>
595              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
596                <span class="truncate">Belarus</span>
597                <span class="flex-shrink-0">($ USD)</span>
598              </div>
599            </div>
600            
601          </button>
602        </li>
603        <li data-country-picker-target="item">
604          <button 
605            type="submit" 
606            name="chosen_country" 
607            value="BE"
608            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
609            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
610            >
611            <div class="flex flex-row items-center gap-x-2 min-w-0">
612              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇪​</span>
613              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
614                <span class="truncate">Belgium</span>
615                <span class="flex-shrink-0">(€ EUR)</span>
616              </div>
617            </div>
618            
619          </button>
620        </li>
621        <li data-country-picker-target="item">
622          <button 
623            type="submit" 
624            name="chosen_country" 
625            value="BZ"
626            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
627            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
628            >
629            <div class="flex flex-row items-center gap-x-2 min-w-0">
630              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇿​</span>
631              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
632                <span class="truncate">Belize</span>
633                <span class="flex-shrink-0">($ USD)</span>
634              </div>
635            </div>
636            
637          </button>
638        </li>
639        <li data-country-picker-target="item">
640          <button 
641            type="submit" 
642            name="chosen_country" 
643            value="BJ"
644            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
645            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
646            >
647            <div class="flex flex-row items-center gap-x-2 min-w-0">
648              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇯​</span>
649              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
650                <span class="truncate">Benin</span>
651                <span class="flex-shrink-0">($ USD)</span>
652              </div>
653            </div>
654            
655          </button>
656        </li>
657        <li data-country-picker-target="item">
658          <button 
659            type="submit" 
660            name="chosen_country" 
661            value="BM"
662            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
663            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
664            >
665            <div class="flex flex-row items-center gap-x-2 min-w-0">
666              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇲​</span>
667              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
668                <span class="truncate">Bermuda</span>
669                <span class="flex-shrink-0">($ USD)</span>
670              </div>
671            </div>
672            
673          </button>
674        </li>
675        <li data-country-picker-target="item">
676          <button 
677            type="submit" 
678            name="chosen_country" 
679            value="BT"
680            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
681            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
682            >
683            <div class="flex flex-row items-center gap-x-2 min-w-0">
684              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇹​</span>
685              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
686                <span class="truncate">Bhutan</span>
687                <span class="flex-shrink-0">($ USD)</span>
688              </div>
689            </div>
690            
691          </button>
692        </li>
693        <li data-country-picker-target="item">
694          <button 
695            type="submit" 
696            name="chosen_country" 
697            value="BO"
698            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
699            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
700            >
701            <div class="flex flex-row items-center gap-x-2 min-w-0">
702              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇴​</span>
703              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
704                <span class="truncate">Bolivia</span>
705                <span class="flex-shrink-0">($ USD)</span>
706              </div>
707            </div>
708            
709          </button>
710        </li>
711        <li data-country-picker-target="item">
712          <button 
713            type="submit" 
714            name="chosen_country" 
715            value="BQ"
716            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
717            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
718            >
719            <div class="flex flex-row items-center gap-x-2 min-w-0">
720              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇶​</span>
721              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
722                <span class="truncate">Bonaire, Sint Eustatius and Saba</span>
723                <span class="flex-shrink-0">($ USD)</span>
724              </div>
725            </div>
726            
727          </button>
728        </li>
729        <li data-country-picker-target="item">
730          <button 
731            type="submit" 
732            name="chosen_country" 
733            value="BA"
734            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
735            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
736            >
737            <div class="flex flex-row items-center gap-x-2 min-w-0">
738              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇦​</span>
739              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
740                <span class="truncate">Bosnia and Herzegovina</span>
741                <span class="flex-shrink-0">($ USD)</span>
742              </div>
743            </div>
744            
745          </button>
746        </li>
747        <li data-country-picker-target="item">
748          <button 
749            type="submit" 
750            name="chosen_country" 
751            value="BW"
752            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
753            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
754            >
755            <div class="flex flex-row items-center gap-x-2 min-w-0">
756              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇼​</span>
757              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
758                <span class="truncate">Botswana</span>
759                <span class="flex-shrink-0">($ USD)</span>
760              </div>
761            </div>
762            
763          </button>
764        </li>
765        <li data-country-picker-target="item">
766          <button 
767            type="submit" 
768            name="chosen_country" 
769            value="BV"
770            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
771            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
772            >
773            <div class="flex flex-row items-center gap-x-2 min-w-0">
774              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇻​</span>
775              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
776                <span class="truncate">Bouvet Island</span>
777                <span class="flex-shrink-0">($ USD)</span>
778              </div>
779            </div>
780            
781          </button>
782        </li>
783        <li data-country-picker-target="item">
784          <button 
785            type="submit" 
786            name="chosen_country" 
787            value="BR"
788            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
789            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
790            >
791            <div class="flex flex-row items-center gap-x-2 min-w-0">
792              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇷​</span>
793              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
794                <span class="truncate">Brazil</span>
795                <span class="flex-shrink-0">($ USD)</span>
796              </div>
797            </div>
798            
799          </button>
800        </li>
801        <li data-country-picker-target="item">
802          <button 
803            type="submit" 
804            name="chosen_country" 
805            value="IO"
806            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
807            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
808            >
809            <div class="flex flex-row items-center gap-x-2 min-w-0">
810              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇴​</span>
811              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
812                <span class="truncate">British Indian Ocean Territory</span>
813                <span class="flex-shrink-0">($ USD)</span>
814              </div>
815            </div>
816            
817          </button>
818        </li>
819        <li data-country-picker-target="item">
820          <button 
821            type="submit" 
822            name="chosen_country" 
823            value="BN"
824            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
825            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
826            >
827            <div class="flex flex-row items-center gap-x-2 min-w-0">
828              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇳​</span>
829              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
830                <span class="truncate">Brunei Darussalam</span>
831                <span class="flex-shrink-0">($ USD)</span>
832              </div>
833            </div>
834            
835          </button>
836        </li>
837        <li data-country-picker-target="item">
838          <button 
839            type="submit" 
840            name="chosen_country" 
841            value="BG"
842            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
843            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
844            >
845            <div class="flex flex-row items-center gap-x-2 min-w-0">
846              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇬​</span>
847              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
848                <span class="truncate">Bulgaria</span>
849                <span class="flex-shrink-0">(€ EUR)</span>
850              </div>
851            </div>
852            
853          </button>
854        </li>
855        <li data-country-picker-target="item">
856          <button 
857            type="submit" 
858            name="chosen_country" 
859            value="BF"
860            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
861            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
862            >
863            <div class="flex flex-row items-center gap-x-2 min-w-0">
864              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇫​</span>
865              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
866                <span class="truncate">Burkina Faso</span>
867                <span class="flex-shrink-0">($ USD)</span>
868              </div>
869            </div>
870            
871          </button>
872        </li>
873        <li data-country-picker-target="item">
874          <button 
875            type="submit" 
876            name="chosen_country" 
877            value="BI"
878            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
879            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
880            >
881            <div class="flex flex-row items-center gap-x-2 min-w-0">
882              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇮​</span>
883              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
884                <span class="truncate">Burundi</span>
885                <span class="flex-shrink-0">($ USD)</span>
886              </div>
887            </div>
888            
889          </button>
890        </li>
891        <li data-country-picker-target="item">
892          <button 
893            type="submit" 
894            name="chosen_country" 
895            value="CV"
896            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
897            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
898            >
899            <div class="flex flex-row items-center gap-x-2 min-w-0">
900              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇻​</span>
901              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
902                <span class="truncate">Cabo Verde</span>
903                <span class="flex-shrink-0">($ USD)</span>
904              </div>
905            </div>
906            
907          </button>
908        </li>
909        <li data-country-picker-target="item">
910          <button 
911            type="submit" 
912            name="chosen_country" 
913            value="KH"
914            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
915            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
916            >
917            <div class="flex flex-row items-center gap-x-2 min-w-0">
918              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇭​</span>
919              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
920                <span class="truncate">Cambodia</span>
921                <span class="flex-shrink-0">($ USD)</span>
922              </div>
923            </div>
924            
925          </button>
926        </li>
927        <li data-country-picker-target="item">
928          <button 
929            type="submit" 
930            name="chosen_country" 
931            value="CM"
932            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
933            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
934            >
935            <div class="flex flex-row items-center gap-x-2 min-w-0">
936              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇲​</span>
937              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
938                <span class="truncate">Cameroon</span>
939                <span class="flex-shrink-0">($ USD)</span>
940              </div>
941            </div>
942            
943          </button>
944        </li>
945        <li data-country-picker-target="item">
946          <button 
947            type="submit" 
948            name="chosen_country" 
949            value="CA"
950            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
951            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
952            >
953            <div class="flex flex-row items-center gap-x-2 min-w-0">
954              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇦​</span>
955              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
956                <span class="truncate">Canada</span>
957                <span class="flex-shrink-0">($ USD)</span>
958              </div>
959            </div>
960            
961          </button>
962        </li>
963        <li data-country-picker-target="item">
964          <button 
965            type="submit" 
966            name="chosen_country" 
967            value="KY"
968            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
969            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
970            >
971            <div class="flex flex-row items-center gap-x-2 min-w-0">
972              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇾​</span>
973              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
974                <span class="truncate">Cayman Islands</span>
975                <span class="flex-shrink-0">($ USD)</span>
976              </div>
977            </div>
978            
979          </button>
980        </li>
981        <li data-country-picker-target="item">
982          <button 
983            type="submit" 
984            name="chosen_country" 
985            value="CF"
986            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
987            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
988            >
989            <div class="flex flex-row items-center gap-x-2 min-w-0">
990              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇫​</span>
991              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
992                <span class="truncate">Central African Republic</span>
993                <span class="flex-shrink-0">($ USD)</span>
994              </div>
995            </div>
996            
997          </button>
998        </li>
999        <li data-country-picker-target="item">
1000          <button 
1001            type="submit" 
1002            name="chosen_country" 
1003            value="TD"
1004            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1005            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1006            >
1007            <div class="flex flex-row items-center gap-x-2 min-w-0">
1008              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇩​</span>
1009              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1010                <span class="truncate">Chad</span>
1011                <span class="flex-shrink-0">($ USD)</span>
1012              </div>
1013            </div>
1014            
1015          </button>
1016        </li>
1017        <li data-country-picker-target="item">
1018          <button 
1019            type="submit" 
1020            name="chosen_country" 
1021            value="CL"
1022            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1023            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1024            >
1025            <div class="flex flex-row items-center gap-x-2 min-w-0">
1026              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇱​</span>
1027              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1028                <span class="truncate">Chile</span>
1029                <span class="flex-shrink-0">($ USD)</span>
1030              </div>
1031            </div>
1032            
1033          </button>
1034        </li>
1035        <li data-country-picker-target="item">
1036          <button 
1037            type="submit" 
1038            name="chosen_country" 
1039            value="CN"
1040            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1041            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1042            >
1043            <div class="flex flex-row items-center gap-x-2 min-w-0">
1044              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇳​</span>
1045              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1046                <span class="truncate">China</span>
1047                <span class="flex-shrink-0">($ USD)</span>
1048              </div>
1049            </div>
1050            
1051          </button>
1052        </li>
1053        <li data-country-picker-target="item">
1054          <button 
1055            type="submit" 
1056            name="chosen_country" 
1057            value="CX"
1058            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1059            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1060            >
1061            <div class="flex flex-row items-center gap-x-2 min-w-0">
1062              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇽​</span>
1063              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1064                <span class="truncate">Christmas Island</span>
1065                <span class="flex-shrink-0">($ USD)</span>
1066              </div>
1067            </div>
1068            
1069          </button>
1070        </li>
1071        <li data-country-picker-target="item">
1072          <button 
1073            type="submit" 
1074            name="chosen_country" 
1075            value="CC"
1076            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1077            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1078            >
1079            <div class="flex flex-row items-center gap-x-2 min-w-0">
1080              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇨​</span>
1081              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1082                <span class="truncate">Cocos (Keeling) Islands</span>
1083                <span class="flex-shrink-0">($ USD)</span>
1084              </div>
1085            </div>
1086            
1087          </button>
1088        </li>
1089        <li data-country-picker-target="item">
1090          <button 
1091            type="submit" 
1092            name="chosen_country" 
1093            value="CO"
1094            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1095            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1096            >
1097            <div class="flex flex-row items-center gap-x-2 min-w-0">
1098              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇴​</span>
1099              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1100                <span class="truncate">Colombia</span>
1101                <span class="flex-shrink-0">($ USD)</span>
1102              </div>
1103            </div>
1104            
1105          </button>
1106        </li>
1107        <li data-country-picker-target="item">
1108          <button 
1109            type="submit" 
1110            name="chosen_country" 
1111            value="KM"
1112            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1113            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1114            >
1115            <div class="flex flex-row items-center gap-x-2 min-w-0">
1116              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇲​</span>
1117              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1118                <span class="truncate">Comoros</span>
1119                <span class="flex-shrink-0">($ USD)</span>
1120              </div>
1121            </div>
1122            
1123          </button>
1124        </li>
1125        <li data-country-picker-target="item">
1126          <button 
1127            type="submit" 
1128            name="chosen_country" 
1129            value="CG"
1130            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1131            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1132            >
1133            <div class="flex flex-row items-center gap-x-2 min-w-0">
1134              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇬​</span>
1135              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1136                <span class="truncate">Congo</span>
1137                <span class="flex-shrink-0">($ USD)</span>
1138              </div>
1139            </div>
1140            
1141          </button>
1142        </li>
1143        <li data-country-picker-target="item">
1144          <button 
1145            type="submit" 
1146            name="chosen_country" 
1147            value="CK"
1148            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1149            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1150            >
1151            <div class="flex flex-row items-center gap-x-2 min-w-0">
1152              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇰​</span>
1153              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1154                <span class="truncate">Cook Islands</span>
1155                <span class="flex-shrink-0">($ USD)</span>
1156              </div>
1157            </div>
1158            
1159          </button>
1160        </li>
1161        <li data-country-picker-target="item">
1162          <button 
1163            type="submit" 
1164            name="chosen_country" 
1165            value="CR"
1166            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1167            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1168            >
1169            <div class="flex flex-row items-center gap-x-2 min-w-0">
1170              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇷​</span>
1171              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1172                <span class="truncate">Costa Rica</span>
1173                <span class="flex-shrink-0">($ USD)</span>
1174              </div>
1175            </div>
1176            
1177          </button>
1178        </li>
1179        <li data-country-picker-target="item">
1180          <button 
1181            type="submit" 
1182            name="chosen_country" 
1183            value="HR"
1184            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1185            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1186            >
1187            <div class="flex flex-row items-center gap-x-2 min-w-0">
1188              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇷​</span>
1189              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1190                <span class="truncate">Croatia</span>
1191                <span class="flex-shrink-0">(€ EUR)</span>
1192              </div>
1193            </div>
1194            
1195          </button>
1196        </li>
1197        <li data-country-picker-target="item">
1198          <button 
1199            type="submit" 
1200            name="chosen_country" 
1201            value="CU"
1202            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1203            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1204            >
1205            <div class="flex flex-row items-center gap-x-2 min-w-0">
1206              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇺​</span>
1207              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1208                <span class="truncate">Cuba</span>
1209                <span class="flex-shrink-0">($ USD)</span>
1210              </div>
1211            </div>
1212            
1213          </button>
1214        </li>
1215        <li data-country-picker-target="item">
1216          <button 
1217            type="submit" 
1218            name="chosen_country" 
1219            value="CW"
1220            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1221            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1222            >
1223            <div class="flex flex-row items-center gap-x-2 min-w-0">
1224              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇼​</span>
1225              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1226                <span class="truncate">Curaçao</span>
1227                <span class="flex-shrink-0">($ USD)</span>
1228              </div>
1229            </div>
1230            
1231          </button>
1232        </li>
1233        <li data-country-picker-target="item">
1234          <button 
1235            type="submit" 
1236            name="chosen_country" 
1237            value="CY"
1238            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1239            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1240            >
1241            <div class="flex flex-row items-center gap-x-2 min-w-0">
1242              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇾​</span>
1243              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1244                <span class="truncate">Cyprus</span>
1245                <span class="flex-shrink-0">(€ EUR)</span>
1246              </div>
1247            </div>
1248            
1249          </button>
1250        </li>
1251        <li data-country-picker-target="item">
1252          <button 
1253            type="submit" 
1254            name="chosen_country" 
1255            value="CZ"
1256            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1257            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1258            >
1259            <div class="flex flex-row items-center gap-x-2 min-w-0">
1260              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇿​</span>
1261              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1262                <span class="truncate">Czechia</span>
1263                <span class="flex-shrink-0">(€ EUR)</span>
1264              </div>
1265            </div>
1266            
1267          </button>
1268        </li>
1269        <li data-country-picker-target="item">
1270          <button 
1271            type="submit" 
1272            name="chosen_country" 
1273            value="CI"
1274            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1275            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1276            >
1277            <div class="flex flex-row items-center gap-x-2 min-w-0">
1278              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇮​</span>
1279              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1280                <span class="truncate">Côte d&#39;Ivoire</span>
1281                <span class="flex-shrink-0">($ USD)</span>
1282              </div>
1283            </div>
1284            
1285          </button>
1286        </li>
1287        <li data-country-picker-target="item">
1288          <button 
1289            type="submit" 
1290            name="chosen_country" 
1291            value="DK"
1292            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1293            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1294            >
1295            <div class="flex flex-row items-center gap-x-2 min-w-0">
1296              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇰​</span>
1297              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1298                <span class="truncate">Denmark</span>
1299                <span class="flex-shrink-0">(€ EUR)</span>
1300              </div>
1301            </div>
1302            
1303          </button>
1304        </li>
1305        <li data-country-picker-target="item">
1306          <button 
1307            type="submit" 
1308            name="chosen_country" 
1309            value="DJ"
1310            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1311            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1312            >
1313            <div class="flex flex-row items-center gap-x-2 min-w-0">
1314              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇯​</span>
1315              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1316                <span class="truncate">Djibouti</span>
1317                <span class="flex-shrink-0">($ USD)</span>
1318              </div>
1319            </div>
1320            
1321          </button>
1322        </li>
1323        <li data-country-picker-target="item">
1324          <button 
1325            type="submit" 
1326            name="chosen_country" 
1327            value="DM"
1328            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1329            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1330            >
1331            <div class="flex flex-row items-center gap-x-2 min-w-0">
1332              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇲​</span>
1333              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1334                <span class="truncate">Dominica</span>
1335                <span class="flex-shrink-0">($ USD)</span>
1336              </div>
1337            </div>
1338            
1339          </button>
1340        </li>
1341        <li data-country-picker-target="item">
1342          <button 
1343            type="submit" 
1344            name="chosen_country" 
1345            value="DO"
1346            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1347            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1348            >
1349            <div class="flex flex-row items-center gap-x-2 min-w-0">
1350              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇴​</span>
1351              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1352                <span class="truncate">Dominican Republic</span>
1353                <span class="flex-shrink-0">($ USD)</span>
1354              </div>
1355            </div>
1356            
1357          </button>
1358        </li>
1359        <li data-country-picker-target="item">
1360          <button 
1361            type="submit" 
1362            name="chosen_country" 
1363            value="EC"
1364            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1365            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1366            >
1367            <div class="flex flex-row items-center gap-x-2 min-w-0">
1368              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇨​</span>
1369              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1370                <span class="truncate">Ecuador</span>
1371                <span class="flex-shrink-0">($ USD)</span>
1372              </div>
1373            </div>
1374            
1375          </button>
1376        </li>
1377        <li data-country-picker-target="item">
1378          <button 
1379            type="submit" 
1380            name="chosen_country" 
1381            value="EG"
1382            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1383            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1384            >
1385            <div class="flex flex-row items-center gap-x-2 min-w-0">
1386              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇬​</span>
1387              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1388                <span class="truncate">Egypt</span>
1389                <span class="flex-shrink-0">($ USD)</span>
1390              </div>
1391            </div>
1392            
1393          </button>
1394        </li>
1395        <li data-country-picker-target="item">
1396          <button 
1397            type="submit" 
1398            name="chosen_country" 
1399            value="SV"
1400            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1401            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1402            >
1403            <div class="flex flex-row items-center gap-x-2 min-w-0">
1404              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇻​</span>
1405              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1406                <span class="truncate">El Salvador</span>
1407                <span class="flex-shrink-0">($ USD)</span>
1408              </div>
1409            </div>
1410            
1411          </button>
1412        </li>
1413        <li data-country-picker-target="item">
1414          <button 
1415            type="submit" 
1416            name="chosen_country" 
1417            value="GQ"
1418            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1419            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1420            >
1421            <div class="flex flex-row items-center gap-x-2 min-w-0">
1422              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇶​</span>
1423              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1424                <span class="truncate">Equatorial Guinea</span>
1425                <span class="flex-shrink-0">($ USD)</span>
1426              </div>
1427            </div>
1428            
1429          </button>
1430        </li>
1431        <li data-country-picker-target="item">
1432          <button 
1433            type="submit" 
1434            name="chosen_country" 
1435            value="ER"
1436            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1437            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1438            >
1439            <div class="flex flex-row items-center gap-x-2 min-w-0">
1440              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇷​</span>
1441              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1442                <span class="truncate">Eritrea</span>
1443                <span class="flex-shrink-0">($ USD)</span>
1444              </div>
1445            </div>
1446            
1447          </button>
1448        </li>
1449        <li data-country-picker-target="item">
1450          <button 
1451            type="submit" 
1452            name="chosen_country" 
1453            value="EE"
1454            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1455            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1456            >
1457            <div class="flex flex-row items-center gap-x-2 min-w-0">
1458              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇪​</span>
1459              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1460                <span class="truncate">Estonia</span>
1461                <span class="flex-shrink-0">(€ EUR)</span>
1462              </div>
1463            </div>
1464            
1465          </button>
1466        </li>
1467        <li data-country-picker-target="item">
1468          <button 
1469            type="submit" 
1470            name="chosen_country" 
1471            value="SZ"
1472            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1473            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1474            >
1475            <div class="flex flex-row items-center gap-x-2 min-w-0">
1476              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇿​</span>
1477              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1478                <span class="truncate">Eswatini</span>
1479                <span class="flex-shrink-0">($ USD)</span>
1480              </div>
1481            </div>
1482            
1483          </button>
1484        </li>
1485        <li data-country-picker-target="item">
1486          <button 
1487            type="submit" 
1488            name="chosen_country" 
1489            value="ET"
1490            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1491            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1492            >
1493            <div class="flex flex-row items-center gap-x-2 min-w-0">
1494              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇹​</span>
1495              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1496                <span class="truncate">Ethiopia</span>
1497                <span class="flex-shrink-0">($ USD)</span>
1498              </div>
1499            </div>
1500            
1501          </button>
1502        </li>
1503        <li data-country-picker-target="item">
1504          <button 
1505            type="submit" 
1506            name="chosen_country" 
1507            value="FK"
1508            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1509            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1510            >
1511            <div class="flex flex-row items-center gap-x-2 min-w-0">
1512              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇰​</span>
1513              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1514                <span class="truncate">Falkland Islands (Malvinas)</span>
1515                <span class="flex-shrink-0">($ USD)</span>
1516              </div>
1517            </div>
1518            
1519          </button>
1520        </li>
1521        <li data-country-picker-target="item">
1522          <button 
1523            type="submit" 
1524            name="chosen_country" 
1525            value="FO"
1526            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1527            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1528            >
1529            <div class="flex flex-row items-center gap-x-2 min-w-0">
1530              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇴​</span>
1531              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1532                <span class="truncate">Faroe Islands</span>
1533                <span class="flex-shrink-0">($ USD)</span>
1534              </div>
1535            </div>
1536            
1537          </button>
1538        </li>
1539        <li data-country-picker-target="item">
1540          <button 
1541            type="submit" 
1542            name="chosen_country" 
1543            value="FM"
1544            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1545            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1546            >
1547            <div class="flex flex-row items-center gap-x-2 min-w-0">
1548              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇲​</span>
1549              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1550                <span class="truncate">Federated States of Micronesia</span>
1551                <span class="flex-shrink-0">($ USD)</span>
1552              </div>
1553            </div>
1554            
1555          </button>
1556        </li>
1557        <li data-country-picker-target="item">
1558          <button 
1559            type="submit" 
1560            name="chosen_country" 
1561            value="FJ"
1562            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1563            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1564            >
1565            <div class="flex flex-row items-center gap-x-2 min-w-0">
1566              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇯​</span>
1567              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1568                <span class="truncate">Fiji</span>
1569                <span class="flex-shrink-0">($ USD)</span>
1570              </div>
1571            </div>
1572            
1573          </button>
1574        </li>
1575        <li data-country-picker-target="item">
1576          <button 
1577            type="submit" 
1578            name="chosen_country" 
1579            value="FI"
1580            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1581            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1582            >
1583            <div class="flex flex-row items-center gap-x-2 min-w-0">
1584              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇮​</span>
1585              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1586                <span class="truncate">Finland</span>
1587                <span class="flex-shrink-0">(€ EUR)</span>
1588              </div>
1589            </div>
1590            
1591          </button>
1592        </li>
1593        <li data-country-picker-target="item">
1594          <button 
1595            type="submit" 
1596            name="chosen_country" 
1597            value="FR"
1598            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1599            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1600            >
1601            <div class="flex flex-row items-center gap-x-2 min-w-0">
1602              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇷​</span>
1603              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1604                <span class="truncate">France</span>
1605                <span class="flex-shrink-0">(€ EUR)</span>
1606              </div>
1607            </div>
1608            
1609          </button>
1610        </li>
1611        <li data-country-picker-target="item">
1612          <button 
1613            type="submit" 
1614            name="chosen_country" 
1615            value="GF"
1616            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1617            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1618            >
1619            <div class="flex flex-row items-center gap-x-2 min-w-0">
1620              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇫​</span>
1621              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1622                <span class="truncate">French Guiana</span>
1623                <span class="flex-shrink-0">($ USD)</span>
1624              </div>
1625            </div>
1626            
1627          </button>
1628        </li>
1629        <li data-country-picker-target="item">
1630          <button 
1631            type="submit" 
1632            name="chosen_country" 
1633            value="PF"
1634            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1635            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1636            >
1637            <div class="flex flex-row items-center gap-x-2 min-w-0">
1638              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇫​</span>
1639              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1640                <span class="truncate">French Polynesia</span>
1641                <span class="flex-shrink-0">($ USD)</span>
1642              </div>
1643            </div>
1644            
1645          </button>
1646        </li>
1647        <li data-country-picker-target="item">
1648          <button 
1649            type="submit" 
1650            name="chosen_country" 
1651            value="TF"
1652            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1653            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1654            >
1655            <div class="flex flex-row items-center gap-x-2 min-w-0">
1656              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇫​</span>
1657              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1658                <span class="truncate">French Southern Territories</span>
1659                <span class="flex-shrink-0">($ USD)</span>
1660              </div>
1661            </div>
1662            
1663          </button>
1664        </li>
1665        <li data-country-picker-target="item">
1666          <button 
1667            type="submit" 
1668            name="chosen_country" 
1669            value="GA"
1670            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1671            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1672            >
1673            <div class="flex flex-row items-center gap-x-2 min-w-0">
1674              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇦​</span>
1675              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1676                <span class="truncate">Gabon</span>
1677                <span class="flex-shrink-0">($ USD)</span>
1678              </div>
1679            </div>
1680            
1681          </button>
1682        </li>
1683        <li data-country-picker-target="item">
1684          <button 
1685            type="submit" 
1686            name="chosen_country" 
1687            value="GM"
1688            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1689            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1690            >
1691            <div class="flex flex-row items-center gap-x-2 min-w-0">
1692              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇲​</span>
1693              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1694                <span class="truncate">Gambia</span>
1695                <span class="flex-shrink-0">($ USD)</span>
1696              </div>
1697            </div>
1698            
1699          </button>
1700        </li>
1701        <li data-country-picker-target="item">
1702          <button 
1703            type="submit" 
1704            name="chosen_country" 
1705            value="GE"
1706            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1707            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1708            >
1709            <div class="flex flex-row items-center gap-x-2 min-w-0">
1710              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇪​</span>
1711              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1712                <span class="truncate">Georgia</span>
1713                <span class="flex-shrink-0">($ USD)</span>
1714              </div>
1715            </div>
1716            
1717          </button>
1718        </li>
1719        <li data-country-picker-target="item">
1720          <button 
1721            type="submit" 
1722            name="chosen_country" 
1723            value="DE"
1724            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1725            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1726            >
1727            <div class="flex flex-row items-center gap-x-2 min-w-0">
1728              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇪​</span>
1729              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1730                <span class="truncate">Germany</span>
1731                <span class="flex-shrink-0">(€ EUR)</span>
1732              </div>
1733            </div>
1734            
1735          </button>
1736        </li>
1737        <li data-country-picker-target="item">
1738          <button 
1739            type="submit" 
1740            name="chosen_country" 
1741            value="GH"
1742            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1743            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1744            >
1745            <div class="flex flex-row items-center gap-x-2 min-w-0">
1746              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇭​</span>
1747              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1748                <span class="truncate">Ghana</span>
1749                <span class="flex-shrink-0">($ USD)</span>
1750              </div>
1751            </div>
1752            
1753          </button>
1754        </li>
1755        <li data-country-picker-target="item">
1756          <button 
1757            type="submit" 
1758            name="chosen_country" 
1759            value="GI"
1760            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1761            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1762            >
1763            <div class="flex flex-row items-center gap-x-2 min-w-0">
1764              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇮​</span>
1765              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1766                <span class="truncate">Gibraltar</span>
1767                <span class="flex-shrink-0">($ USD)</span>
1768              </div>
1769            </div>
1770            
1771          </button>
1772        </li>
1773        <li data-country-picker-target="item">
1774          <button 
1775            type="submit" 
1776            name="chosen_country" 
1777            value="GR"
1778            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1779            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1780            >
1781            <div class="flex flex-row items-center gap-x-2 min-w-0">
1782              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇷​</span>
1783              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1784                <span class="truncate">Greece</span>
1785                <span class="flex-shrink-0">(€ EUR)</span>
1786              </div>
1787            </div>
1788            
1789          </button>
1790        </li>
1791        <li data-country-picker-target="item">
1792          <button 
1793            type="submit" 
1794            name="chosen_country" 
1795            value="GL"
1796            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1797            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1798            >
1799            <div class="flex flex-row items-center gap-x-2 min-w-0">
1800              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇱​</span>
1801              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1802                <span class="truncate">Greenland</span>
1803                <span class="flex-shrink-0">($ USD)</span>
1804              </div>
1805            </div>
1806            
1807          </button>
1808        </li>
1809        <li data-country-picker-target="item">
1810          <button 
1811            type="submit" 
1812            name="chosen_country" 
1813            value="GD"
1814            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1815            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1816            >
1817            <div class="flex flex-row items-center gap-x-2 min-w-0">
1818              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇩​</span>
1819              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1820                <span class="truncate">Grenada</span>
1821                <span class="flex-shrink-0">($ USD)</span>
1822              </div>
1823            </div>
1824            
1825          </button>
1826        </li>
1827        <li data-country-picker-target="item">
1828          <button 
1829            type="submit" 
1830            name="chosen_country" 
1831            value="GP"
1832            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1833            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1834            >
1835            <div class="flex flex-row items-center gap-x-2 min-w-0">
1836              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇵​</span>
1837              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1838                <span class="truncate">Guadeloupe</span>
1839                <span class="flex-shrink-0">($ USD)</span>
1840              </div>
1841            </div>
1842            
1843          </button>
1844        </li>
1845        <li data-country-picker-target="item">
1846          <button 
1847            type="submit" 
1848            name="chosen_country" 
1849            value="GU"
1850            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1851            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1852            >
1853            <div class="flex flex-row items-center gap-x-2 min-w-0">
1854              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇺​</span>
1855              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1856                <span class="truncate">Guam</span>
1857                <span class="flex-shrink-0">($ USD)</span>
1858              </div>
1859            </div>
1860            
1861          </button>
1862        </li>
1863        <li data-country-picker-target="item">
1864          <button 
1865            type="submit" 
1866            name="chosen_country" 
1867            value="GT"
1868            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1869            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1870            >
1871            <div class="flex flex-row items-center gap-x-2 min-w-0">
1872              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇹​</span>
1873              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1874                <span class="truncate">Guatemala</span>
1875                <span class="flex-shrink-0">($ USD)</span>
1876              </div>
1877            </div>
1878            
1879          </button>
1880        </li>
1881        <li data-country-picker-target="item">
1882          <button 
1883            type="submit" 
1884            name="chosen_country" 
1885            value="GG"
1886            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1887            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1888            >
1889            <div class="flex flex-row items-center gap-x-2 min-w-0">
1890              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇬​</span>
1891              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1892                <span class="truncate">Guernsey</span>
1893                <span class="flex-shrink-0">($ USD)</span>
1894              </div>
1895            </div>
1896            
1897          </button>
1898        </li>
1899        <li data-country-picker-target="item">
1900          <button 
1901            type="submit" 
1902            name="chosen_country" 
1903            value="GN"
1904            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1905            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1906            >
1907            <div class="flex flex-row items-center gap-x-2 min-w-0">
1908              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇳​</span>
1909              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1910                <span class="truncate">Guinea</span>
1911                <span class="flex-shrink-0">($ USD)</span>
1912              </div>
1913            </div>
1914            
1915          </button>
1916        </li>
1917        <li data-country-picker-target="item">
1918          <button 
1919            type="submit" 
1920            name="chosen_country" 
1921            value="GW"
1922            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1923            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1924            >
1925            <div class="flex flex-row items-center gap-x-2 min-w-0">
1926              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇼​</span>
1927              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1928                <span class="truncate">Guinea-Bissau</span>
1929                <span class="flex-shrink-0">($ USD)</span>
1930              </div>
1931            </div>
1932            
1933          </button>
1934        </li>
1935        <li data-country-picker-target="item">
1936          <button 
1937            type="submit" 
1938            name="chosen_country" 
1939            value="GY"
1940            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1941            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1942            >
1943            <div class="flex flex-row items-center gap-x-2 min-w-0">
1944              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇾​</span>
1945              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1946                <span class="truncate">Guyana</span>
1947                <span class="flex-shrink-0">($ USD)</span>
1948              </div>
1949            </div>
1950            
1951          </button>
1952        </li>
1953        <li data-country-picker-target="item">
1954          <button 
1955            type="submit" 
1956            name="chosen_country" 
1957            value="HT"
1958            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1959            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1960            >
1961            <div class="flex flex-row items-center gap-x-2 min-w-0">
1962              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇹​</span>
1963              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1964                <span class="truncate">Haiti</span>
1965                <span class="flex-shrink-0">($ USD)</span>
1966              </div>
1967            </div>
1968            
1969          </button>
1970        </li>
1971        <li data-country-picker-target="item">
1972          <button 
1973            type="submit" 
1974            name="chosen_country" 
1975            value="HM"
1976            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1977            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1978            >
1979            <div class="flex flex-row items-center gap-x-2 min-w-0">
1980              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇲​</span>
1981              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
1982                <span class="truncate">Heard Island and McDonald Islands</span>
1983                <span class="flex-shrink-0">($ USD)</span>
1984              </div>
1985            </div>
1986            
1987          </button>
1988        </li>
1989        <li data-country-picker-target="item">
1990          <button 
1991            type="submit" 
1992            name="chosen_country" 
1993            value="VA"
1994            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
1995            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
1996            >
1997            <div class="flex flex-row items-center gap-x-2 min-w-0">
1998              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇦​</span>
1999              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2000                <span class="truncate">Holy See (Vatican City State)</span>
2001                <span class="flex-shrink-0">($ USD)</span>
2002              </div>
2003            </div>
2004            
2005          </button>
2006        </li>
2007        <li data-country-picker-target="item">
2008          <button 
2009            type="submit" 
2010            name="chosen_country" 
2011            value="HN"
2012            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2013            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2014            >
2015            <div class="flex flex-row items-center gap-x-2 min-w-0">
2016              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇳​</span>
2017              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2018                <span class="truncate">Honduras</span>
2019                <span class="flex-shrink-0">($ USD)</span>
2020              </div>
2021            </div>
2022            
2023          </button>
2024        </li>
2025        <li data-country-picker-target="item">
2026          <button 
2027            type="submit" 
2028            name="chosen_country" 
2029            value="HK"
2030            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2031            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2032            >
2033            <div class="flex flex-row items-center gap-x-2 min-w-0">
2034              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇰​</span>
2035              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2036                <span class="truncate">Hong Kong</span>
2037                <span class="flex-shrink-0">($ USD)</span>
2038              </div>
2039            </div>
2040            
2041          </button>
2042        </li>
2043        <li data-country-picker-target="item">
2044          <button 
2045            type="submit" 
2046            name="chosen_country" 
2047            value="HU"
2048            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2049            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2050            >
2051            <div class="flex flex-row items-center gap-x-2 min-w-0">
2052              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇺​</span>
2053              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2054                <span class="truncate">Hungary</span>
2055                <span class="flex-shrink-0">(€ EUR)</span>
2056              </div>
2057            </div>
2058            
2059          </button>
2060        </li>
2061        <li data-country-picker-target="item">
2062          <button 
2063            type="submit" 
2064            name="chosen_country" 
2065            value="IS"
2066            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2067            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2068            >
2069            <div class="flex flex-row items-center gap-x-2 min-w-0">
2070              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇸​</span>
2071              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2072                <span class="truncate">Iceland</span>
2073                <span class="flex-shrink-0">($ USD)</span>
2074              </div>
2075            </div>
2076            
2077          </button>
2078        </li>
2079        <li data-country-picker-target="item">
2080          <button 
2081            type="submit" 
2082            name="chosen_country" 
2083            value="IN"
2084            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2085            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2086            >
2087            <div class="flex flex-row items-center gap-x-2 min-w-0">
2088              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇳​</span>
2089              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2090                <span class="truncate">India</span>
2091                <span class="flex-shrink-0">($ USD)</span>
2092              </div>
2093            </div>
2094            
2095          </button>
2096        </li>
2097        <li data-country-picker-target="item">
2098          <button 
2099            type="submit" 
2100            name="chosen_country" 
2101            value="ID"
2102            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2103            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2104            >
2105            <div class="flex flex-row items-center gap-x-2 min-w-0">
2106              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇩​</span>
2107              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2108                <span class="truncate">Indonesia</span>
2109                <span class="flex-shrink-0">($ USD)</span>
2110              </div>
2111            </div>
2112            
2113          </button>
2114        </li>
2115        <li data-country-picker-target="item">
2116          <button 
2117            type="submit" 
2118            name="chosen_country" 
2119            value="IR"
2120            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2121            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2122            >
2123            <div class="flex flex-row items-center gap-x-2 min-w-0">
2124              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇷​</span>
2125              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2126                <span class="truncate">Iran</span>
2127                <span class="flex-shrink-0">($ USD)</span>
2128              </div>
2129            </div>
2130            
2131          </button>
2132        </li>
2133        <li data-country-picker-target="item">
2134          <button 
2135            type="submit" 
2136            name="chosen_country" 
2137            value="IQ"
2138            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2139            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2140            >
2141            <div class="flex flex-row items-center gap-x-2 min-w-0">
2142              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇶​</span>
2143              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2144                <span class="truncate">Iraq</span>
2145                <span class="flex-shrink-0">($ USD)</span>
2146              </div>
2147            </div>
2148            
2149          </button>
2150        </li>
2151        <li data-country-picker-target="item">
2152          <button 
2153            type="submit" 
2154            name="chosen_country" 
2155            value="IE"
2156            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2157            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2158            >
2159            <div class="flex flex-row items-center gap-x-2 min-w-0">
2160              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇪​</span>
2161              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2162                <span class="truncate">Ireland</span>
2163                <span class="flex-shrink-0">(€ EUR)</span>
2164              </div>
2165            </div>
2166            
2167          </button>
2168        </li>
2169        <li data-country-picker-target="item">
2170          <button 
2171            type="submit" 
2172            name="chosen_country" 
2173            value="IM"
2174            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2175            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2176            >
2177            <div class="flex flex-row items-center gap-x-2 min-w-0">
2178              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇲​</span>
2179              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2180                <span class="truncate">Isle of Man</span>
2181                <span class="flex-shrink-0">(£ GBP)</span>
2182              </div>
2183            </div>
2184            
2185          </button>
2186        </li>
2187        <li data-country-picker-target="item">
2188          <button 
2189            type="submit" 
2190            name="chosen_country" 
2191            value="IL"
2192            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2193            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2194            >
2195            <div class="flex flex-row items-center gap-x-2 min-w-0">
2196              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇱​</span>
2197              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2198                <span class="truncate">Israel</span>
2199                <span class="flex-shrink-0">($ USD)</span>
2200              </div>
2201            </div>
2202            
2203          </button>
2204        </li>
2205        <li data-country-picker-target="item">
2206          <button 
2207            type="submit" 
2208            name="chosen_country" 
2209            value="IT"
2210            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2211            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2212            >
2213            <div class="flex flex-row items-center gap-x-2 min-w-0">
2214              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇹​</span>
2215              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2216                <span class="truncate">Italy</span>
2217                <span class="flex-shrink-0">(€ EUR)</span>
2218              </div>
2219            </div>
2220            
2221          </button>
2222        </li>
2223        <li data-country-picker-target="item">
2224          <button 
2225            type="submit" 
2226            name="chosen_country" 
2227            value="JM"
2228            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2229            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2230            >
2231            <div class="flex flex-row items-center gap-x-2 min-w-0">
2232              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇲​</span>
2233              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2234                <span class="truncate">Jamaica</span>
2235                <span class="flex-shrink-0">($ USD)</span>
2236              </div>
2237            </div>
2238            
2239          </button>
2240        </li>
2241        <li data-country-picker-target="item">
2242          <button 
2243            type="submit" 
2244            name="chosen_country" 
2245            value="JP"
2246            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2247            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2248            >
2249            <div class="flex flex-row items-center gap-x-2 min-w-0">
2250              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇵​</span>
2251              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2252                <span class="truncate">Japan</span>
2253                <span class="flex-shrink-0">(Â¥ JPY)</span>
2254              </div>
2255            </div>
2256            
2257          </button>
2258        </li>
2259        <li data-country-picker-target="item">
2260          <button 
2261            type="submit" 
2262            name="chosen_country" 
2263            value="JE"
2264            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2265            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2266            >
2267            <div class="flex flex-row items-center gap-x-2 min-w-0">
2268              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇪​</span>
2269              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2270                <span class="truncate">Jersey</span>
2271                <span class="flex-shrink-0">($ USD)</span>
2272              </div>
2273            </div>
2274            
2275          </button>
2276        </li>
2277        <li data-country-picker-target="item">
2278          <button 
2279            type="submit" 
2280            name="chosen_country" 
2281            value="JO"
2282            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2283            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2284            >
2285            <div class="flex flex-row items-center gap-x-2 min-w-0">
2286              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇴​</span>
2287              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2288                <span class="truncate">Jordan</span>
2289                <span class="flex-shrink-0">($ USD)</span>
2290              </div>
2291            </div>
2292            
2293          </button>
2294        </li>
2295        <li data-country-picker-target="item">
2296          <button 
2297            type="submit" 
2298            name="chosen_country" 
2299            value="KZ"
2300            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2301            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2302            >
2303            <div class="flex flex-row items-center gap-x-2 min-w-0">
2304              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇿​</span>
2305              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2306                <span class="truncate">Kazakhstan</span>
2307                <span class="flex-shrink-0">($ USD)</span>
2308              </div>
2309            </div>
2310            
2311          </button>
2312        </li>
2313        <li data-country-picker-target="item">
2314          <button 
2315            type="submit" 
2316            name="chosen_country" 
2317            value="KI"
2318            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2319            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2320            >
2321            <div class="flex flex-row items-center gap-x-2 min-w-0">
2322              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇮​</span>
2323              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2324                <span class="truncate">Kiribati</span>
2325                <span class="flex-shrink-0">($ USD)</span>
2326              </div>
2327            </div>
2328            
2329          </button>
2330        </li>
2331        <li data-country-picker-target="item">
2332          <button 
2333            type="submit" 
2334            name="chosen_country" 
2335            value="KW"
2336            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2337            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2338            >
2339            <div class="flex flex-row items-center gap-x-2 min-w-0">
2340              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇼​</span>
2341              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2342                <span class="truncate">Kuwait</span>
2343                <span class="flex-shrink-0">($ USD)</span>
2344              </div>
2345            </div>
2346            
2347          </button>
2348        </li>
2349        <li data-country-picker-target="item">
2350          <button 
2351            type="submit" 
2352            name="chosen_country" 
2353            value="KG"
2354            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2355            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2356            >
2357            <div class="flex flex-row items-center gap-x-2 min-w-0">
2358              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇬​</span>
2359              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2360                <span class="truncate">Kyrgyzstan</span>
2361                <span class="flex-shrink-0">($ USD)</span>
2362              </div>
2363            </div>
2364            
2365          </button>
2366        </li>
2367        <li data-country-picker-target="item">
2368          <button 
2369            type="submit" 
2370            name="chosen_country" 
2371            value="LA"
2372            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2373            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2374            >
2375            <div class="flex flex-row items-center gap-x-2 min-w-0">
2376              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇦​</span>
2377              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2378                <span class="truncate">Lao People&#39;s Democratic Republic</span>
2379                <span class="flex-shrink-0">($ USD)</span>
2380              </div>
2381            </div>
2382            
2383          </button>
2384        </li>
2385        <li data-country-picker-target="item">
2386          <button 
2387            type="submit" 
2388            name="chosen_country" 
2389            value="LV"
2390            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2391            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2392            >
2393            <div class="flex flex-row items-center gap-x-2 min-w-0">
2394              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇻​</span>
2395              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2396                <span class="truncate">Latvia</span>
2397                <span class="flex-shrink-0">(€ EUR)</span>
2398              </div>
2399            </div>
2400            
2401          </button>
2402        </li>
2403        <li data-country-picker-target="item">
2404          <button 
2405            type="submit" 
2406            name="chosen_country" 
2407            value="LB"
2408            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2409            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2410            >
2411            <div class="flex flex-row items-center gap-x-2 min-w-0">
2412              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇧​</span>
2413              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2414                <span class="truncate">Lebanon</span>
2415                <span class="flex-shrink-0">($ USD)</span>
2416              </div>
2417            </div>
2418            
2419          </button>
2420        </li>
2421        <li data-country-picker-target="item">
2422          <button 
2423            type="submit" 
2424            name="chosen_country" 
2425            value="LS"
2426            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2427            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2428            >
2429            <div class="flex flex-row items-center gap-x-2 min-w-0">
2430              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇸​</span>
2431              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2432                <span class="truncate">Lesotho</span>
2433                <span class="flex-shrink-0">($ USD)</span>
2434              </div>
2435            </div>
2436            
2437          </button>
2438        </li>
2439        <li data-country-picker-target="item">
2440          <button 
2441            type="submit" 
2442            name="chosen_country" 
2443            value="LR"
2444            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2445            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2446            >
2447            <div class="flex flex-row items-center gap-x-2 min-w-0">
2448              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇷​</span>
2449              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2450                <span class="truncate">Liberia</span>
2451                <span class="flex-shrink-0">($ USD)</span>
2452              </div>
2453            </div>
2454            
2455          </button>
2456        </li>
2457        <li data-country-picker-target="item">
2458          <button 
2459            type="submit" 
2460            name="chosen_country" 
2461            value="LY"
2462            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2463            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2464            >
2465            <div class="flex flex-row items-center gap-x-2 min-w-0">
2466              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇾​</span>
2467              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2468                <span class="truncate">Libya</span>
2469                <span class="flex-shrink-0">($ USD)</span>
2470              </div>
2471            </div>
2472            
2473          </button>
2474        </li>
2475        <li data-country-picker-target="item">
2476          <button 
2477            type="submit" 
2478            name="chosen_country" 
2479            value="LI"
2480            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2481            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2482            >
2483            <div class="flex flex-row items-center gap-x-2 min-w-0">
2484              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇮​</span>
2485              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2486                <span class="truncate">Liechtenstein</span>
2487                <span class="flex-shrink-0">($ USD)</span>
2488              </div>
2489            </div>
2490            
2491          </button>
2492        </li>
2493        <li data-country-picker-target="item">
2494          <button 
2495            type="submit" 
2496            name="chosen_country" 
2497            value="LT"
2498            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2499            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2500            >
2501            <div class="flex flex-row items-center gap-x-2 min-w-0">
2502              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇹​</span>
2503              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2504                <span class="truncate">Lithuania</span>
2505                <span class="flex-shrink-0">(€ EUR)</span>
2506              </div>
2507            </div>
2508            
2509          </button>
2510        </li>
2511        <li data-country-picker-target="item">
2512          <button 
2513            type="submit" 
2514            name="chosen_country" 
2515            value="LU"
2516            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2517            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2518            >
2519            <div class="flex flex-row items-center gap-x-2 min-w-0">
2520              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇺​</span>
2521              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2522                <span class="truncate">Luxembourg</span>
2523                <span class="flex-shrink-0">(€ EUR)</span>
2524              </div>
2525            </div>
2526            
2527          </button>
2528        </li>
2529        <li data-country-picker-target="item">
2530          <button 
2531            type="submit" 
2532            name="chosen_country" 
2533            value="MO"
2534            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2535            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2536            >
2537            <div class="flex flex-row items-center gap-x-2 min-w-0">
2538              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇴​</span>
2539              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2540                <span class="truncate">Macao</span>
2541                <span class="flex-shrink-0">($ USD)</span>
2542              </div>
2543            </div>
2544            
2545          </button>
2546        </li>
2547        <li data-country-picker-target="item">
2548          <button 
2549            type="submit" 
2550            name="chosen_country" 
2551            value="MG"
2552            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2553            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2554            >
2555            <div class="flex flex-row items-center gap-x-2 min-w-0">
2556              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇬​</span>
2557              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2558                <span class="truncate">Madagascar</span>
2559                <span class="flex-shrink-0">($ USD)</span>
2560              </div>
2561            </div>
2562            
2563          </button>
2564        </li>
2565        <li data-country-picker-target="item">
2566          <button 
2567            type="submit" 
2568            name="chosen_country" 
2569            value="MW"
2570            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2571            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2572            >
2573            <div class="flex flex-row items-center gap-x-2 min-w-0">
2574              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇼​</span>
2575              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2576                <span class="truncate">Malawi</span>
2577                <span class="flex-shrink-0">($ USD)</span>
2578              </div>
2579            </div>
2580            
2581          </button>
2582        </li>
2583        <li data-country-picker-target="item">
2584          <button 
2585            type="submit" 
2586            name="chosen_country" 
2587            value="MY"
2588            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2589            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2590            >
2591            <div class="flex flex-row items-center gap-x-2 min-w-0">
2592              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇾​</span>
2593              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2594                <span class="truncate">Malaysia</span>
2595                <span class="flex-shrink-0">($ USD)</span>
2596              </div>
2597            </div>
2598            
2599          </button>
2600        </li>
2601        <li data-country-picker-target="item">
2602          <button 
2603            type="submit" 
2604            name="chosen_country" 
2605            value="MV"
2606            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2607            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2608            >
2609            <div class="flex flex-row items-center gap-x-2 min-w-0">
2610              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇻​</span>
2611              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2612                <span class="truncate">Maldives</span>
2613                <span class="flex-shrink-0">($ USD)</span>
2614              </div>
2615            </div>
2616            
2617          </button>
2618        </li>
2619        <li data-country-picker-target="item">
2620          <button 
2621            type="submit" 
2622            name="chosen_country" 
2623            value="ML"
2624            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2625            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2626            >
2627            <div class="flex flex-row items-center gap-x-2 min-w-0">
2628              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇱​</span>
2629              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2630                <span class="truncate">Mali</span>
2631                <span class="flex-shrink-0">($ USD)</span>
2632              </div>
2633            </div>
2634            
2635          </button>
2636        </li>
2637        <li data-country-picker-target="item">
2638          <button 
2639            type="submit" 
2640            name="chosen_country" 
2641            value="MT"
2642            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2643            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2644            >
2645            <div class="flex flex-row items-center gap-x-2 min-w-0">
2646              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇹​</span>
2647              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2648                <span class="truncate">Malta</span>
2649                <span class="flex-shrink-0">(€ EUR)</span>
2650              </div>
2651            </div>
2652            
2653          </button>
2654        </li>
2655        <li data-country-picker-target="item">
2656          <button 
2657            type="submit" 
2658            name="chosen_country" 
2659            value="MH"
2660            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2661            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2662            >
2663            <div class="flex flex-row items-center gap-x-2 min-w-0">
2664              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇭​</span>
2665              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2666                <span class="truncate">Marshall Islands</span>
2667                <span class="flex-shrink-0">($ USD)</span>
2668              </div>
2669            </div>
2670            
2671          </button>
2672        </li>
2673        <li data-country-picker-target="item">
2674          <button 
2675            type="submit" 
2676            name="chosen_country" 
2677            value="MQ"
2678            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2679            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2680            >
2681            <div class="flex flex-row items-center gap-x-2 min-w-0">
2682              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇶​</span>
2683              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2684                <span class="truncate">Martinique</span>
2685                <span class="flex-shrink-0">($ USD)</span>
2686              </div>
2687            </div>
2688            
2689          </button>
2690        </li>
2691        <li data-country-picker-target="item">
2692          <button 
2693            type="submit" 
2694            name="chosen_country" 
2695            value="MR"
2696            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2697            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2698            >
2699            <div class="flex flex-row items-center gap-x-2 min-w-0">
2700              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇷​</span>
2701              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2702                <span class="truncate">Mauritania</span>
2703                <span class="flex-shrink-0">($ USD)</span>
2704              </div>
2705            </div>
2706            
2707          </button>
2708        </li>
2709        <li data-country-picker-target="item">
2710          <button 
2711            type="submit" 
2712            name="chosen_country" 
2713            value="MU"
2714            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2715            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2716            >
2717            <div class="flex flex-row items-center gap-x-2 min-w-0">
2718              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇺​</span>
2719              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2720                <span class="truncate">Mauritius</span>
2721                <span class="flex-shrink-0">($ USD)</span>
2722              </div>
2723            </div>
2724            
2725          </button>
2726        </li>
2727        <li data-country-picker-target="item">
2728          <button 
2729            type="submit" 
2730            name="chosen_country" 
2731            value="YT"
2732            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2733            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2734            >
2735            <div class="flex flex-row items-center gap-x-2 min-w-0">
2736              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇾🇹​</span>
2737              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2738                <span class="truncate">Mayotte</span>
2739                <span class="flex-shrink-0">($ USD)</span>
2740              </div>
2741            </div>
2742            
2743          </button>
2744        </li>
2745        <li data-country-picker-target="item">
2746          <button 
2747            type="submit" 
2748            name="chosen_country" 
2749            value="MX"
2750            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2751            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2752            >
2753            <div class="flex flex-row items-center gap-x-2 min-w-0">
2754              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇽​</span>
2755              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2756                <span class="truncate">Mexico</span>
2757                <span class="flex-shrink-0">($ USD)</span>
2758              </div>
2759            </div>
2760            
2761          </button>
2762        </li>
2763        <li data-country-picker-target="item">
2764          <button 
2765            type="submit" 
2766            name="chosen_country" 
2767            value="MD"
2768            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2769            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2770            >
2771            <div class="flex flex-row items-center gap-x-2 min-w-0">
2772              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇩​</span>
2773              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2774                <span class="truncate">Moldova</span>
2775                <span class="flex-shrink-0">($ USD)</span>
2776              </div>
2777            </div>
2778            
2779          </button>
2780        </li>
2781        <li data-country-picker-target="item">
2782          <button 
2783            type="submit" 
2784            name="chosen_country" 
2785            value="MC"
2786            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2787            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2788            >
2789            <div class="flex flex-row items-center gap-x-2 min-w-0">
2790              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇨​</span>
2791              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2792                <span class="truncate">Monaco</span>
2793                <span class="flex-shrink-0">(€ EUR)</span>
2794              </div>
2795            </div>
2796            
2797          </button>
2798        </li>
2799        <li data-country-picker-target="item">
2800          <button 
2801            type="submit" 
2802            name="chosen_country" 
2803            value="MN"
2804            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2805            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2806            >
2807            <div class="flex flex-row items-center gap-x-2 min-w-0">
2808              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇳​</span>
2809              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2810                <span class="truncate">Mongolia</span>
2811                <span class="flex-shrink-0">($ USD)</span>
2812              </div>
2813            </div>
2814            
2815          </button>
2816        </li>
2817        <li data-country-picker-target="item">
2818          <button 
2819            type="submit" 
2820            name="chosen_country" 
2821            value="ME"
2822            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2823            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2824            >
2825            <div class="flex flex-row items-center gap-x-2 min-w-0">
2826              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇪​</span>
2827              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2828                <span class="truncate">Montenegro</span>
2829                <span class="flex-shrink-0">($ USD)</span>
2830              </div>
2831            </div>
2832            
2833          </button>
2834        </li>
2835        <li data-country-picker-target="item">
2836          <button 
2837            type="submit" 
2838            name="chosen_country" 
2839            value="MS"
2840            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2841            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2842            >
2843            <div class="flex flex-row items-center gap-x-2 min-w-0">
2844              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇸​</span>
2845              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2846                <span class="truncate">Montserrat</span>
2847                <span class="flex-shrink-0">($ USD)</span>
2848              </div>
2849            </div>
2850            
2851          </button>
2852        </li>
2853        <li data-country-picker-target="item">
2854          <button 
2855            type="submit" 
2856            name="chosen_country" 
2857            value="MA"
2858            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2859            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2860            >
2861            <div class="flex flex-row items-center gap-x-2 min-w-0">
2862              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇦​</span>
2863              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2864                <span class="truncate">Morocco</span>
2865                <span class="flex-shrink-0">($ USD)</span>
2866              </div>
2867            </div>
2868            
2869          </button>
2870        </li>
2871        <li data-country-picker-target="item">
2872          <button 
2873            type="submit" 
2874            name="chosen_country" 
2875            value="MZ"
2876            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2877            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2878            >
2879            <div class="flex flex-row items-center gap-x-2 min-w-0">
2880              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇿​</span>
2881              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2882                <span class="truncate">Mozambique</span>
2883                <span class="flex-shrink-0">($ USD)</span>
2884              </div>
2885            </div>
2886            
2887          </button>
2888        </li>
2889        <li data-country-picker-target="item">
2890          <button 
2891            type="submit" 
2892            name="chosen_country" 
2893            value="MM"
2894            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2895            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2896            >
2897            <div class="flex flex-row items-center gap-x-2 min-w-0">
2898              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇲​</span>
2899              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2900                <span class="truncate">Myanmar</span>
2901                <span class="flex-shrink-0">($ USD)</span>
2902              </div>
2903            </div>
2904            
2905          </button>
2906        </li>
2907        <li data-country-picker-target="item">
2908          <button 
2909            type="submit" 
2910            name="chosen_country" 
2911            value="NA"
2912            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2913            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2914            >
2915            <div class="flex flex-row items-center gap-x-2 min-w-0">
2916              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇦​</span>
2917              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2918                <span class="truncate">Namibia</span>
2919                <span class="flex-shrink-0">($ USD)</span>
2920              </div>
2921            </div>
2922            
2923          </button>
2924        </li>
2925        <li data-country-picker-target="item">
2926          <button 
2927            type="submit" 
2928            name="chosen_country" 
2929            value="NR"
2930            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2931            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2932            >
2933            <div class="flex flex-row items-center gap-x-2 min-w-0">
2934              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇷​</span>
2935              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2936                <span class="truncate">Nauru</span>
2937                <span class="flex-shrink-0">($ USD)</span>
2938              </div>
2939            </div>
2940            
2941          </button>
2942        </li>
2943        <li data-country-picker-target="item">
2944          <button 
2945            type="submit" 
2946            name="chosen_country" 
2947            value="NP"
2948            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2949            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2950            >
2951            <div class="flex flex-row items-center gap-x-2 min-w-0">
2952              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇵​</span>
2953              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2954                <span class="truncate">Nepal</span>
2955                <span class="flex-shrink-0">($ USD)</span>
2956              </div>
2957            </div>
2958            
2959          </button>
2960        </li>
2961        <li data-country-picker-target="item">
2962          <button 
2963            type="submit" 
2964            name="chosen_country" 
2965            value="NL"
2966            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2967            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2968            >
2969            <div class="flex flex-row items-center gap-x-2 min-w-0">
2970              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇱​</span>
2971              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2972                <span class="truncate">Netherlands</span>
2973                <span class="flex-shrink-0">(€ EUR)</span>
2974              </div>
2975            </div>
2976            
2977          </button>
2978        </li>
2979        <li data-country-picker-target="item">
2980          <button 
2981            type="submit" 
2982            name="chosen_country" 
2983            value="NC"
2984            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
2985            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
2986            >
2987            <div class="flex flex-row items-center gap-x-2 min-w-0">
2988              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇨​</span>
2989              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
2990                <span class="truncate">New Caledonia</span>
2991                <span class="flex-shrink-0">($ USD)</span>
2992              </div>
2993            </div>
2994            
2995          </button>
2996        </li>
2997        <li data-country-picker-target="item">
2998          <button 
2999            type="submit" 
3000            name="chosen_country" 
3001            value="NZ"
3002            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3003            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3004            >
3005            <div class="flex flex-row items-center gap-x-2 min-w-0">
3006              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇿​</span>
3007              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3008                <span class="truncate">New Zealand</span>
3009                <span class="flex-shrink-0">($ USD)</span>
3010              </div>
3011            </div>
3012            
3013          </button>
3014        </li>
3015        <li data-country-picker-target="item">
3016          <button 
3017            type="submit" 
3018            name="chosen_country" 
3019            value="NI"
3020            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3021            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3022            >
3023            <div class="flex flex-row items-center gap-x-2 min-w-0">
3024              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇮​</span>
3025              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3026                <span class="truncate">Nicaragua</span>
3027                <span class="flex-shrink-0">($ USD)</span>
3028              </div>
3029            </div>
3030            
3031          </button>
3032        </li>
3033        <li data-country-picker-target="item">
3034          <button 
3035            type="submit" 
3036            name="chosen_country" 
3037            value="NE"
3038            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3039            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3040            >
3041            <div class="flex flex-row items-center gap-x-2 min-w-0">
3042              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇪​</span>
3043              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3044                <span class="truncate">Niger</span>
3045                <span class="flex-shrink-0">($ USD)</span>
3046              </div>
3047            </div>
3048            
3049          </button>
3050        </li>
3051        <li data-country-picker-target="item">
3052          <button 
3053            type="submit" 
3054            name="chosen_country" 
3055            value="NG"
3056            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3057            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3058            >
3059            <div class="flex flex-row items-center gap-x-2 min-w-0">
3060              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇬​</span>
3061              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3062                <span class="truncate">Nigeria</span>
3063                <span class="flex-shrink-0">($ USD)</span>
3064              </div>
3065            </div>
3066            
3067          </button>
3068        </li>
3069        <li data-country-picker-target="item">
3070          <button 
3071            type="submit" 
3072            name="chosen_country" 
3073            value="NU"
3074            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3075            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3076            >
3077            <div class="flex flex-row items-center gap-x-2 min-w-0">
3078              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇺​</span>
3079              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3080                <span class="truncate">Niue</span>
3081                <span class="flex-shrink-0">($ USD)</span>
3082              </div>
3083            </div>
3084            
3085          </button>
3086        </li>
3087        <li data-country-picker-target="item">
3088          <button 
3089            type="submit" 
3090            name="chosen_country" 
3091            value="NF"
3092            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3093            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3094            >
3095            <div class="flex flex-row items-center gap-x-2 min-w-0">
3096              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇫​</span>
3097              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3098                <span class="truncate">Norfolk Island</span>
3099                <span class="flex-shrink-0">($ USD)</span>
3100              </div>
3101            </div>
3102            
3103          </button>
3104        </li>
3105        <li data-country-picker-target="item">
3106          <button 
3107            type="submit" 
3108            name="chosen_country" 
3109            value="KP"
3110            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3111            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3112            >
3113            <div class="flex flex-row items-center gap-x-2 min-w-0">
3114              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇵​</span>
3115              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3116                <span class="truncate">North Korea</span>
3117                <span class="flex-shrink-0">($ USD)</span>
3118              </div>
3119            </div>
3120            
3121          </button>
3122        </li>
3123        <li data-country-picker-target="item">
3124          <button 
3125            type="submit" 
3126            name="chosen_country" 
3127            value="MK"
3128            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3129            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3130            >
3131            <div class="flex flex-row items-center gap-x-2 min-w-0">
3132              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇰​</span>
3133              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3134                <span class="truncate">North Macedonia</span>
3135                <span class="flex-shrink-0">($ USD)</span>
3136              </div>
3137            </div>
3138            
3139          </button>
3140        </li>
3141        <li data-country-picker-target="item">
3142          <button 
3143            type="submit" 
3144            name="chosen_country" 
3145            value="MP"
3146            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3147            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3148            >
3149            <div class="flex flex-row items-center gap-x-2 min-w-0">
3150              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇵​</span>
3151              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3152                <span class="truncate">Northern Mariana Islands</span>
3153                <span class="flex-shrink-0">($ USD)</span>
3154              </div>
3155            </div>
3156            
3157          </button>
3158        </li>
3159        <li data-country-picker-target="item">
3160          <button 
3161            type="submit" 
3162            name="chosen_country" 
3163            value="NO"
3164            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3165            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3166            >
3167            <div class="flex flex-row items-center gap-x-2 min-w-0">
3168              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇴​</span>
3169              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3170                <span class="truncate">Norway</span>
3171                <span class="flex-shrink-0">(€ EUR)</span>
3172              </div>
3173            </div>
3174            
3175          </button>
3176        </li>
3177        <li data-country-picker-target="item">
3178          <button 
3179            type="submit" 
3180            name="chosen_country" 
3181            value="OM"
3182            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3183            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3184            >
3185            <div class="flex flex-row items-center gap-x-2 min-w-0">
3186              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇴🇲​</span>
3187              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3188                <span class="truncate">Oman</span>
3189                <span class="flex-shrink-0">($ USD)</span>
3190              </div>
3191            </div>
3192            
3193          </button>
3194        </li>
3195        <li data-country-picker-target="item">
3196          <button 
3197            type="submit" 
3198            name="chosen_country" 
3199            value="PK"
3200            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3201            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3202            >
3203            <div class="flex flex-row items-center gap-x-2 min-w-0">
3204              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇰​</span>
3205              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3206                <span class="truncate">Pakistan</span>
3207                <span class="flex-shrink-0">($ USD)</span>
3208              </div>
3209            </div>
3210            
3211          </button>
3212        </li>
3213        <li data-country-picker-target="item">
3214          <button 
3215            type="submit" 
3216            name="chosen_country" 
3217            value="PW"
3218            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3219            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3220            >
3221            <div class="flex flex-row items-center gap-x-2 min-w-0">
3222              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇼​</span>
3223              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3224                <span class="truncate">Palau</span>
3225                <span class="flex-shrink-0">($ USD)</span>
3226              </div>
3227            </div>
3228            
3229          </button>
3230        </li>
3231        <li data-country-picker-target="item">
3232          <button 
3233            type="submit" 
3234            name="chosen_country" 
3235            value="PS"
3236            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3237            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3238            >
3239            <div class="flex flex-row items-center gap-x-2 min-w-0">
3240              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇸​</span>
3241              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3242                <span class="truncate">Palestine, State of</span>
3243                <span class="flex-shrink-0">($ USD)</span>
3244              </div>
3245            </div>
3246            
3247          </button>
3248        </li>
3249        <li data-country-picker-target="item">
3250          <button 
3251            type="submit" 
3252            name="chosen_country" 
3253            value="PA"
3254            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3255            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3256            >
3257            <div class="flex flex-row items-center gap-x-2 min-w-0">
3258              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇦​</span>
3259              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3260                <span class="truncate">Panama</span>
3261                <span class="flex-shrink-0">($ USD)</span>
3262              </div>
3263            </div>
3264            
3265          </button>
3266        </li>
3267        <li data-country-picker-target="item">
3268          <button 
3269            type="submit" 
3270            name="chosen_country" 
3271            value="PG"
3272            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3273            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3274            >
3275            <div class="flex flex-row items-center gap-x-2 min-w-0">
3276              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇬​</span>
3277              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3278                <span class="truncate">Papua New Guinea</span>
3279                <span class="flex-shrink-0">($ USD)</span>
3280              </div>
3281            </div>
3282            
3283          </button>
3284        </li>
3285        <li data-country-picker-target="item">
3286          <button 
3287            type="submit" 
3288            name="chosen_country" 
3289            value="PY"
3290            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3291            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3292            >
3293            <div class="flex flex-row items-center gap-x-2 min-w-0">
3294              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇾​</span>
3295              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3296                <span class="truncate">Paraguay</span>
3297                <span class="flex-shrink-0">($ USD)</span>
3298              </div>
3299            </div>
3300            
3301          </button>
3302        </li>
3303        <li data-country-picker-target="item">
3304          <button 
3305            type="submit" 
3306            name="chosen_country" 
3307            value="PE"
3308            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3309            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3310            >
3311            <div class="flex flex-row items-center gap-x-2 min-w-0">
3312              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇪​</span>
3313              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3314                <span class="truncate">Peru</span>
3315                <span class="flex-shrink-0">($ USD)</span>
3316              </div>
3317            </div>
3318            
3319          </button>
3320        </li>
3321        <li data-country-picker-target="item">
3322          <button 
3323            type="submit" 
3324            name="chosen_country" 
3325            value="PH"
3326            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3327            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3328            >
3329            <div class="flex flex-row items-center gap-x-2 min-w-0">
3330              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇭​</span>
3331              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3332                <span class="truncate">Philippines</span>
3333                <span class="flex-shrink-0">($ USD)</span>
3334              </div>
3335            </div>
3336            
3337          </button>
3338        </li>
3339        <li data-country-picker-target="item">
3340          <button 
3341            type="submit" 
3342            name="chosen_country" 
3343            value="PN"
3344            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3345            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3346            >
3347            <div class="flex flex-row items-center gap-x-2 min-w-0">
3348              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇳​</span>
3349              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3350                <span class="truncate">Pitcairn</span>
3351                <span class="flex-shrink-0">($ USD)</span>
3352              </div>
3353            </div>
3354            
3355          </button>
3356        </li>
3357        <li data-country-picker-target="item">
3358          <button 
3359            type="submit" 
3360            name="chosen_country" 
3361            value="PL"
3362            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3363            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3364            >
3365            <div class="flex flex-row items-center gap-x-2 min-w-0">
3366              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇱​</span>
3367              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3368                <span class="truncate">Poland</span>
3369                <span class="flex-shrink-0">(€ EUR)</span>
3370              </div>
3371            </div>
3372            
3373          </button>
3374        </li>
3375        <li data-country-picker-target="item">
3376          <button 
3377            type="submit" 
3378            name="chosen_country" 
3379            value="PT"
3380            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3381            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3382            >
3383            <div class="flex flex-row items-center gap-x-2 min-w-0">
3384              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇹​</span>
3385              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3386                <span class="truncate">Portugal</span>
3387                <span class="flex-shrink-0">(€ EUR)</span>
3388              </div>
3389            </div>
3390            
3391          </button>
3392        </li>
3393        <li data-country-picker-target="item">
3394          <button 
3395            type="submit" 
3396            name="chosen_country" 
3397            value="PR"
3398            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3399            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3400            >
3401            <div class="flex flex-row items-center gap-x-2 min-w-0">
3402              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇷​</span>
3403              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3404                <span class="truncate">Puerto Rico</span>
3405                <span class="flex-shrink-0">($ USD)</span>
3406              </div>
3407            </div>
3408            
3409          </button>
3410        </li>
3411        <li data-country-picker-target="item">
3412          <button 
3413            type="submit" 
3414            name="chosen_country" 
3415            value="QA"
3416            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3417            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3418            >
3419            <div class="flex flex-row items-center gap-x-2 min-w-0">
3420              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇶🇦​</span>
3421              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3422                <span class="truncate">Qatar</span>
3423                <span class="flex-shrink-0">($ USD)</span>
3424              </div>
3425            </div>
3426            
3427          </button>
3428        </li>
3429        <li data-country-picker-target="item">
3430          <button 
3431            type="submit" 
3432            name="chosen_country" 
3433            value="RO"
3434            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3435            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3436            >
3437            <div class="flex flex-row items-center gap-x-2 min-w-0">
3438              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇴​</span>
3439              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3440                <span class="truncate">Romania</span>
3441                <span class="flex-shrink-0">(€ EUR)</span>
3442              </div>
3443            </div>
3444            
3445          </button>
3446        </li>
3447        <li data-country-picker-target="item">
3448          <button 
3449            type="submit" 
3450            name="chosen_country" 
3451            value="RW"
3452            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3453            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3454            >
3455            <div class="flex flex-row items-center gap-x-2 min-w-0">
3456              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇼​</span>
3457              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3458                <span class="truncate">Rwanda</span>
3459                <span class="flex-shrink-0">($ USD)</span>
3460              </div>
3461            </div>
3462            
3463          </button>
3464        </li>
3465        <li data-country-picker-target="item">
3466          <button 
3467            type="submit" 
3468            name="chosen_country" 
3469            value="RE"
3470            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3471            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3472            >
3473            <div class="flex flex-row items-center gap-x-2 min-w-0">
3474              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇪​</span>
3475              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3476                <span class="truncate">Réunion</span>
3477                <span class="flex-shrink-0">($ USD)</span>
3478              </div>
3479            </div>
3480            
3481          </button>
3482        </li>
3483        <li data-country-picker-target="item">
3484          <button 
3485            type="submit" 
3486            name="chosen_country" 
3487            value="BL"
3488            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3489            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3490            >
3491            <div class="flex flex-row items-center gap-x-2 min-w-0">
3492              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇱​</span>
3493              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3494                <span class="truncate">Saint Barthélemy</span>
3495                <span class="flex-shrink-0">($ USD)</span>
3496              </div>
3497            </div>
3498            
3499          </button>
3500        </li>
3501        <li data-country-picker-target="item">
3502          <button 
3503            type="submit" 
3504            name="chosen_country" 
3505            value="SH"
3506            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3507            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3508            >
3509            <div class="flex flex-row items-center gap-x-2 min-w-0">
3510              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇭​</span>
3511              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3512                <span class="truncate">Saint Helena, Ascension and Tristan da Cunha</span>
3513                <span class="flex-shrink-0">($ USD)</span>
3514              </div>
3515            </div>
3516            
3517          </button>
3518        </li>
3519        <li data-country-picker-target="item">
3520          <button 
3521            type="submit" 
3522            name="chosen_country" 
3523            value="KN"
3524            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3525            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3526            >
3527            <div class="flex flex-row items-center gap-x-2 min-w-0">
3528              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇳​</span>
3529              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3530                <span class="truncate">Saint Kitts and Nevis</span>
3531                <span class="flex-shrink-0">($ USD)</span>
3532              </div>
3533            </div>
3534            
3535          </button>
3536        </li>
3537        <li data-country-picker-target="item">
3538          <button 
3539            type="submit" 
3540            name="chosen_country" 
3541            value="LC"
3542            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3543            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3544            >
3545            <div class="flex flex-row items-center gap-x-2 min-w-0">
3546              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇨​</span>
3547              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3548                <span class="truncate">Saint Lucia</span>
3549                <span class="flex-shrink-0">($ USD)</span>
3550              </div>
3551            </div>
3552            
3553          </button>
3554        </li>
3555        <li data-country-picker-target="item">
3556          <button 
3557            type="submit" 
3558            name="chosen_country" 
3559            value="MF"
3560            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3561            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3562            >
3563            <div class="flex flex-row items-center gap-x-2 min-w-0">
3564              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇫​</span>
3565              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3566                <span class="truncate">Saint Martin (French part)</span>
3567                <span class="flex-shrink-0">($ USD)</span>
3568              </div>
3569            </div>
3570            
3571          </button>
3572        </li>
3573        <li data-country-picker-target="item">
3574          <button 
3575            type="submit" 
3576            name="chosen_country" 
3577            value="PM"
3578            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3579            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3580            >
3581            <div class="flex flex-row items-center gap-x-2 min-w-0">
3582              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇲​</span>
3583              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3584                <span class="truncate">Saint Pierre and Miquelon</span>
3585                <span class="flex-shrink-0">($ USD)</span>
3586              </div>
3587            </div>
3588            
3589          </button>
3590        </li>
3591        <li data-country-picker-target="item">
3592          <button 
3593            type="submit" 
3594            name="chosen_country" 
3595            value="VC"
3596            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3597            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3598            >
3599            <div class="flex flex-row items-center gap-x-2 min-w-0">
3600              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇨​</span>
3601              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3602                <span class="truncate">Saint Vincent and the Grenadines</span>
3603                <span class="flex-shrink-0">($ USD)</span>
3604              </div>
3605            </div>
3606            
3607          </button>
3608        </li>
3609        <li data-country-picker-target="item">
3610          <button 
3611            type="submit" 
3612            name="chosen_country" 
3613            value="WS"
3614            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3615            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3616            >
3617            <div class="flex flex-row items-center gap-x-2 min-w-0">
3618              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇼🇸​</span>
3619              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3620                <span class="truncate">Samoa</span>
3621                <span class="flex-shrink-0">($ USD)</span>
3622              </div>
3623            </div>
3624            
3625          </button>
3626        </li>
3627        <li data-country-picker-target="item">
3628          <button 
3629            type="submit" 
3630            name="chosen_country" 
3631            value="SM"
3632            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3633            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3634            >
3635            <div class="flex flex-row items-center gap-x-2 min-w-0">
3636              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇲​</span>
3637              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3638                <span class="truncate">San Marino</span>
3639                <span class="flex-shrink-0">($ USD)</span>
3640              </div>
3641            </div>
3642            
3643          </button>
3644        </li>
3645        <li data-country-picker-target="item">
3646          <button 
3647            type="submit" 
3648            name="chosen_country" 
3649            value="ST"
3650            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3651            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3652            >
3653            <div class="flex flex-row items-center gap-x-2 min-w-0">
3654              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇹​</span>
3655              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3656                <span class="truncate">Sao Tome and Principe</span>
3657                <span class="flex-shrink-0">($ USD)</span>
3658              </div>
3659            </div>
3660            
3661          </button>
3662        </li>
3663        <li data-country-picker-target="item">
3664          <button 
3665            type="submit" 
3666            name="chosen_country" 
3667            value="SA"
3668            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3669            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3670            >
3671            <div class="flex flex-row items-center gap-x-2 min-w-0">
3672              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇦​</span>
3673              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3674                <span class="truncate">Saudi Arabia</span>
3675                <span class="flex-shrink-0">($ USD)</span>
3676              </div>
3677            </div>
3678            
3679          </button>
3680        </li>
3681        <li data-country-picker-target="item">
3682          <button 
3683            type="submit" 
3684            name="chosen_country" 
3685            value="SN"
3686            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3687            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3688            >
3689            <div class="flex flex-row items-center gap-x-2 min-w-0">
3690              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇳​</span>
3691              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3692                <span class="truncate">Senegal</span>
3693                <span class="flex-shrink-0">($ USD)</span>
3694              </div>
3695            </div>
3696            
3697          </button>
3698        </li>
3699        <li data-country-picker-target="item">
3700          <button 
3701            type="submit" 
3702            name="chosen_country" 
3703            value="RS"
3704            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3705            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3706            >
3707            <div class="flex flex-row items-center gap-x-2 min-w-0">
3708              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇸​</span>
3709              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3710                <span class="truncate">Serbia</span>
3711                <span class="flex-shrink-0">($ USD)</span>
3712              </div>
3713            </div>
3714            
3715          </button>
3716        </li>
3717        <li data-country-picker-target="item">
3718          <button 
3719            type="submit" 
3720            name="chosen_country" 
3721            value="SC"
3722            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3723            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3724            >
3725            <div class="flex flex-row items-center gap-x-2 min-w-0">
3726              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇨​</span>
3727              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3728                <span class="truncate">Seychelles</span>
3729                <span class="flex-shrink-0">($ USD)</span>
3730              </div>
3731            </div>
3732            
3733          </button>
3734        </li>
3735        <li data-country-picker-target="item">
3736          <button 
3737            type="submit" 
3738            name="chosen_country" 
3739            value="SL"
3740            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3741            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3742            >
3743            <div class="flex flex-row items-center gap-x-2 min-w-0">
3744              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇱​</span>
3745              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3746                <span class="truncate">Sierra Leone</span>
3747                <span class="flex-shrink-0">($ USD)</span>
3748              </div>
3749            </div>
3750            
3751          </button>
3752        </li>
3753        <li data-country-picker-target="item">
3754          <button 
3755            type="submit" 
3756            name="chosen_country" 
3757            value="SG"
3758            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3759            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3760            >
3761            <div class="flex flex-row items-center gap-x-2 min-w-0">
3762              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇬​</span>
3763              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3764                <span class="truncate">Singapore</span>
3765                <span class="flex-shrink-0">($ USD)</span>
3766              </div>
3767            </div>
3768            
3769          </button>
3770        </li>
3771        <li data-country-picker-target="item">
3772          <button 
3773            type="submit" 
3774            name="chosen_country" 
3775            value="SX"
3776            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3777            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3778            >
3779            <div class="flex flex-row items-center gap-x-2 min-w-0">
3780              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇽​</span>
3781              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3782                <span class="truncate">Sint Maarten (Dutch part)</span>
3783                <span class="flex-shrink-0">($ USD)</span>
3784              </div>
3785            </div>
3786            
3787          </button>
3788        </li>
3789        <li data-country-picker-target="item">
3790          <button 
3791            type="submit" 
3792            name="chosen_country" 
3793            value="SK"
3794            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3795            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3796            >
3797            <div class="flex flex-row items-center gap-x-2 min-w-0">
3798              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇰​</span>
3799              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3800                <span class="truncate">Slovakia</span>
3801                <span class="flex-shrink-0">(€ EUR)</span>
3802              </div>
3803            </div>
3804            
3805          </button>
3806        </li>
3807        <li data-country-picker-target="item">
3808          <button 
3809            type="submit" 
3810            name="chosen_country" 
3811            value="SI"
3812            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3813            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3814            >
3815            <div class="flex flex-row items-center gap-x-2 min-w-0">
3816              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇮​</span>
3817              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3818                <span class="truncate">Slovenia</span>
3819                <span class="flex-shrink-0">(€ EUR)</span>
3820              </div>
3821            </div>
3822            
3823          </button>
3824        </li>
3825        <li data-country-picker-target="item">
3826          <button 
3827            type="submit" 
3828            name="chosen_country" 
3829            value="SB"
3830            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3831            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3832            >
3833            <div class="flex flex-row items-center gap-x-2 min-w-0">
3834              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇧​</span>
3835              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3836                <span class="truncate">Solomon Islands</span>
3837                <span class="flex-shrink-0">($ USD)</span>
3838              </div>
3839            </div>
3840            
3841          </button>
3842        </li>
3843        <li data-country-picker-target="item">
3844          <button 
3845            type="submit" 
3846            name="chosen_country" 
3847            value="SO"
3848            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3849            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3850            >
3851            <div class="flex flex-row items-center gap-x-2 min-w-0">
3852              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇴​</span>
3853              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3854                <span class="truncate">Somalia</span>
3855                <span class="flex-shrink-0">($ USD)</span>
3856              </div>
3857            </div>
3858            
3859          </button>
3860        </li>
3861        <li data-country-picker-target="item">
3862          <button 
3863            type="submit" 
3864            name="chosen_country" 
3865            value="ZA"
3866            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3867            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3868            >
3869            <div class="flex flex-row items-center gap-x-2 min-w-0">
3870              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇿🇦​</span>
3871              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3872                <span class="truncate">South Africa</span>
3873                <span class="flex-shrink-0">($ USD)</span>
3874              </div>
3875            </div>
3876            
3877          </button>
3878        </li>
3879        <li data-country-picker-target="item">
3880          <button 
3881            type="submit" 
3882            name="chosen_country" 
3883            value="GS"
3884            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3885            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3886            >
3887            <div class="flex flex-row items-center gap-x-2 min-w-0">
3888              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇸​</span>
3889              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3890                <span class="truncate">South Georgia and the South Sandwich Islands</span>
3891                <span class="flex-shrink-0">($ USD)</span>
3892              </div>
3893            </div>
3894            
3895          </button>
3896        </li>
3897        <li data-country-picker-target="item">
3898          <button 
3899            type="submit" 
3900            name="chosen_country" 
3901            value="KR"
3902            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3903            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3904            >
3905            <div class="flex flex-row items-center gap-x-2 min-w-0">
3906              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇷​</span>
3907              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3908                <span class="truncate">South Korea</span>
3909                <span class="flex-shrink-0">($ USD)</span>
3910              </div>
3911            </div>
3912            
3913          </button>
3914        </li>
3915        <li data-country-picker-target="item">
3916          <button 
3917            type="submit" 
3918            name="chosen_country" 
3919            value="SS"
3920            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3921            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3922            >
3923            <div class="flex flex-row items-center gap-x-2 min-w-0">
3924              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇸​</span>
3925              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3926                <span class="truncate">South Sudan</span>
3927                <span class="flex-shrink-0">($ USD)</span>
3928              </div>
3929            </div>
3930            
3931          </button>
3932        </li>
3933        <li data-country-picker-target="item">
3934          <button 
3935            type="submit" 
3936            name="chosen_country" 
3937            value="ES"
3938            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3939            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3940            >
3941            <div class="flex flex-row items-center gap-x-2 min-w-0">
3942              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇸​</span>
3943              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3944                <span class="truncate">Spain</span>
3945                <span class="flex-shrink-0">(€ EUR)</span>
3946              </div>
3947            </div>
3948            
3949          </button>
3950        </li>
3951        <li data-country-picker-target="item">
3952          <button 
3953            type="submit" 
3954            name="chosen_country" 
3955            value="LK"
3956            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3957            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3958            >
3959            <div class="flex flex-row items-center gap-x-2 min-w-0">
3960              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇰​</span>
3961              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3962                <span class="truncate">Sri Lanka</span>
3963                <span class="flex-shrink-0">($ USD)</span>
3964              </div>
3965            </div>
3966            
3967          </button>
3968        </li>
3969        <li data-country-picker-target="item">
3970          <button 
3971            type="submit" 
3972            name="chosen_country" 
3973            value="SD"
3974            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3975            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3976            >
3977            <div class="flex flex-row items-center gap-x-2 min-w-0">
3978              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇩​</span>
3979              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3980                <span class="truncate">Sudan</span>
3981                <span class="flex-shrink-0">($ USD)</span>
3982              </div>
3983            </div>
3984            
3985          </button>
3986        </li>
3987        <li data-country-picker-target="item">
3988          <button 
3989            type="submit" 
3990            name="chosen_country" 
3991            value="SR"
3992            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
3993            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
3994            >
3995            <div class="flex flex-row items-center gap-x-2 min-w-0">
3996              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇷​</span>
3997              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
3998                <span class="truncate">Suriname</span>
3999                <span class="flex-shrink-0">($ USD)</span>
4000              </div>
4001            </div>
4002            
4003          </button>
4004        </li>
4005        <li data-country-picker-target="item">
4006          <button 
4007            type="submit" 
4008            name="chosen_country" 
4009            value="SJ"
4010            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4011            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4012            >
4013            <div class="flex flex-row items-center gap-x-2 min-w-0">
4014              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇯​</span>
4015              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4016                <span class="truncate">Svalbard and Jan Mayen</span>
4017                <span class="flex-shrink-0">($ USD)</span>
4018              </div>
4019            </div>
4020            
4021          </button>
4022        </li>
4023        <li data-country-picker-target="item">
4024          <button 
4025            type="submit" 
4026            name="chosen_country" 
4027            value="SE"
4028            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4029            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4030            >
4031            <div class="flex flex-row items-center gap-x-2 min-w-0">
4032              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇪​</span>
4033              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4034                <span class="truncate">Sweden</span>
4035                <span class="flex-shrink-0">(€ EUR)</span>
4036              </div>
4037            </div>
4038            
4039          </button>
4040        </li>
4041        <li data-country-picker-target="item">
4042          <button 
4043            type="submit" 
4044            name="chosen_country" 
4045            value="CH"
4046            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4047            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4048            >
4049            <div class="flex flex-row items-center gap-x-2 min-w-0">
4050              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇭​</span>
4051              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4052                <span class="truncate">Switzerland</span>
4053                <span class="flex-shrink-0">($ USD)</span>
4054              </div>
4055            </div>
4056            
4057          </button>
4058        </li>
4059        <li data-country-picker-target="item">
4060          <button 
4061            type="submit" 
4062            name="chosen_country" 
4063            value="SY"
4064            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4065            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4066            >
4067            <div class="flex flex-row items-center gap-x-2 min-w-0">
4068              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇾​</span>
4069              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4070                <span class="truncate">Syrian Arab Republic</span>
4071                <span class="flex-shrink-0">($ USD)</span>
4072              </div>
4073            </div>
4074            
4075          </button>
4076        </li>
4077        <li data-country-picker-target="item">
4078          <button 
4079            type="submit" 
4080            name="chosen_country" 
4081            value="TW"
4082            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4083            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4084            >
4085            <div class="flex flex-row items-center gap-x-2 min-w-0">
4086              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇼​</span>
4087              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4088                <span class="truncate">Taiwan</span>
4089                <span class="flex-shrink-0">($ USD)</span>
4090              </div>
4091            </div>
4092            
4093          </button>
4094        </li>
4095        <li data-country-picker-target="item">
4096          <button 
4097            type="submit" 
4098            name="chosen_country" 
4099            value="TJ"
4100            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4101            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4102            >
4103            <div class="flex flex-row items-center gap-x-2 min-w-0">
4104              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇯​</span>
4105              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4106                <span class="truncate">Tajikistan</span>
4107                <span class="flex-shrink-0">($ USD)</span>
4108              </div>
4109            </div>
4110            
4111          </button>
4112        </li>
4113        <li data-country-picker-target="item">
4114          <button 
4115            type="submit" 
4116            name="chosen_country" 
4117            value="TH"
4118            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4119            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4120            >
4121            <div class="flex flex-row items-center gap-x-2 min-w-0">
4122              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇭​</span>
4123              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4124                <span class="truncate">Thailand</span>
4125                <span class="flex-shrink-0">($ USD)</span>
4126              </div>
4127            </div>
4128            
4129          </button>
4130        </li>
4131        <li data-country-picker-target="item">
4132          <button 
4133            type="submit" 
4134            name="chosen_country" 
4135            value="CD"
4136            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4137            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4138            >
4139            <div class="flex flex-row items-center gap-x-2 min-w-0">
4140              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇩​</span>
4141              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4142                <span class="truncate">The Democratic Republic of the Congo</span>
4143                <span class="flex-shrink-0">($ USD)</span>
4144              </div>
4145            </div>
4146            
4147          </button>
4148        </li>
4149        <li data-country-picker-target="item">
4150          <button 
4151            type="submit" 
4152            name="chosen_country" 
4153            value="TL"
4154            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4155            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4156            >
4157            <div class="flex flex-row items-center gap-x-2 min-w-0">
4158              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇱​</span>
4159              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4160                <span class="truncate">Timor-Leste</span>
4161                <span class="flex-shrink-0">($ USD)</span>
4162              </div>
4163            </div>
4164            
4165          </button>
4166        </li>
4167        <li data-country-picker-target="item">
4168          <button 
4169            type="submit" 
4170            name="chosen_country" 
4171            value="TG"
4172            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4173            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4174            >
4175            <div class="flex flex-row items-center gap-x-2 min-w-0">
4176              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇬​</span>
4177              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4178                <span class="truncate">Togo</span>
4179                <span class="flex-shrink-0">($ USD)</span>
4180              </div>
4181            </div>
4182            
4183          </button>
4184        </li>
4185        <li data-country-picker-target="item">
4186          <button 
4187            type="submit" 
4188            name="chosen_country" 
4189            value="TK"
4190            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4191            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4192            >
4193            <div class="flex flex-row items-center gap-x-2 min-w-0">
4194              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇰​</span>
4195              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4196                <span class="truncate">Tokelau</span>
4197                <span class="flex-shrink-0">($ USD)</span>
4198              </div>
4199            </div>
4200            
4201          </button>
4202        </li>
4203        <li data-country-picker-target="item">
4204          <button 
4205            type="submit" 
4206            name="chosen_country" 
4207            value="TO"
4208            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4209            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4210            >
4211            <div class="flex flex-row items-center gap-x-2 min-w-0">
4212              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇴​</span>
4213              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4214                <span class="truncate">Tonga</span>
4215                <span class="flex-shrink-0">($ USD)</span>
4216              </div>
4217            </div>
4218            
4219          </button>
4220        </li>
4221        <li data-country-picker-target="item">
4222          <button 
4223            type="submit" 
4224            name="chosen_country" 
4225            value="TT"
4226            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4227            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4228            >
4229            <div class="flex flex-row items-center gap-x-2 min-w-0">
4230              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇹​</span>
4231              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4232                <span class="truncate">Trinidad and Tobago</span>
4233                <span class="flex-shrink-0">($ USD)</span>
4234              </div>
4235            </div>
4236            
4237          </button>
4238        </li>
4239        <li data-country-picker-target="item">
4240          <button 
4241            type="submit" 
4242            name="chosen_country" 
4243            value="TN"
4244            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4245            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4246            >
4247            <div class="flex flex-row items-center gap-x-2 min-w-0">
4248              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇳​</span>
4249              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4250                <span class="truncate">Tunisia</span>
4251                <span class="flex-shrink-0">($ USD)</span>
4252              </div>
4253            </div>
4254            
4255          </button>
4256        </li>
4257        <li data-country-picker-target="item">
4258          <button 
4259            type="submit" 
4260            name="chosen_country" 
4261            value="TM"
4262            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4263            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4264            >
4265            <div class="flex flex-row items-center gap-x-2 min-w-0">
4266              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇲​</span>
4267              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4268                <span class="truncate">Turkmenistan</span>
4269                <span class="flex-shrink-0">($ USD)</span>
4270              </div>
4271            </div>
4272            
4273          </button>
4274        </li>
4275        <li data-country-picker-target="item">
4276          <button 
4277            type="submit" 
4278            name="chosen_country" 
4279            value="TC"
4280            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4281            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4282            >
4283            <div class="flex flex-row items-center gap-x-2 min-w-0">
4284              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇨​</span>
4285              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4286                <span class="truncate">Turks and Caicos Islands</span>
4287                <span class="flex-shrink-0">($ USD)</span>
4288              </div>
4289            </div>
4290            
4291          </button>
4292        </li>
4293        <li data-country-picker-target="item">
4294          <button 
4295            type="submit" 
4296            name="chosen_country" 
4297            value="TV"
4298            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4299            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4300            >
4301            <div class="flex flex-row items-center gap-x-2 min-w-0">
4302              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇻​</span>
4303              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4304                <span class="truncate">Tuvalu</span>
4305                <span class="flex-shrink-0">($ USD)</span>
4306              </div>
4307            </div>
4308            
4309          </button>
4310        </li>
4311        <li data-country-picker-target="item">
4312          <button 
4313            type="submit" 
4314            name="chosen_country" 
4315            value="TR"
4316            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4317            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4318            >
4319            <div class="flex flex-row items-center gap-x-2 min-w-0">
4320              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇷​</span>
4321              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4322                <span class="truncate">Türkiye</span>
4323                <span class="flex-shrink-0">($ USD)</span>
4324              </div>
4325            </div>
4326            
4327          </button>
4328        </li>
4329        <li data-country-picker-target="item">
4330          <button 
4331            type="submit" 
4332            name="chosen_country" 
4333            value="UA"
4334            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4335            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4336            >
4337            <div class="flex flex-row items-center gap-x-2 min-w-0">
4338              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇦​</span>
4339              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4340                <span class="truncate">Ukraine</span>
4341                <span class="flex-shrink-0">($ USD)</span>
4342              </div>
4343            </div>
4344            
4345          </button>
4346        </li>
4347        <li data-country-picker-target="item">
4348          <button 
4349            type="submit" 
4350            name="chosen_country" 
4351            value="AE"
4352            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4353            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4354            >
4355            <div class="flex flex-row items-center gap-x-2 min-w-0">
4356              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇪​</span>
4357              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4358                <span class="truncate">United Arab Emirates</span>
4359                <span class="flex-shrink-0">($ USD)</span>
4360              </div>
4361            </div>
4362            
4363          </button>
4364        </li>
4365        <li data-country-picker-target="item">
4366          <button 
4367            type="submit" 
4368            name="chosen_country" 
4369            value="GB"
4370            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4371            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4372            >
4373            <div class="flex flex-row items-center gap-x-2 min-w-0">
4374              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇧​</span>
4375              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4376                <span class="truncate">United Kingdom</span>
4377                <span class="flex-shrink-0">(£ GBP)</span>
4378              </div>
4379            </div>
4380            
4381          </button>
4382        </li>
4383        <li data-country-picker-target="item">
4384          <button 
4385            type="submit" 
4386            name="chosen_country" 
4387            value="US"
4388            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4389            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4390            >
4391            <div class="flex flex-row items-center gap-x-2 min-w-0">
4392              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇸​</span>
4393              <div class="flex flex-row items-center gap-x-2 min-w-0 text-gray-800">
4394                <span class="truncate">United States</span>
4395                <span class="flex-shrink-0">($ USD)</span>
4396              </div>
4397            </div>
4398            
4399<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 20" class="w-4 h-4 fill-current text-[#343330] w-4 h-4">
4400  <path d="M26.0612 3.06126L10.0612 19.0613C9.92184 19.2011 9.75625 19.3121 9.57392 19.3878C9.3916 19.4635 9.19612 19.5024 8.9987 19.5024C8.80127 19.5024 8.60579 19.4635 8.42347 19.3878C8.24114 19.3121 8.07555 19.2011 7.9362 19.0613L0.936196 12.0613C0.796666 11.9217 0.685985 11.7561 0.610472 11.5738C0.53496 11.3915 0.496094 11.1961 0.496094 10.9988C0.496094 10.8014 0.53496 10.606 0.610472 10.4237C0.685985 10.2414 0.796666 10.0758 0.936196 9.93626C1.07573 9.79673 1.24137 9.68605 1.42367 9.61054C1.60598 9.53502 1.80137 9.49616 1.9987 9.49616C2.19602 9.49616 2.39141 9.53502 2.57372 9.61054C2.75602 9.68605 2.92167 9.79673 3.0612 9.93626L8.99995 15.875L23.9387 0.938759C24.2205 0.656966 24.6027 0.498657 25.0012 0.498657C25.3997 0.498657 25.7819 0.656966 26.0637 0.938759C26.3455 1.22055 26.5038 1.60274 26.5038 2.00126C26.5038 2.39977 26.3455 2.78197 26.0637 3.06376L26.0612 3.06126Z" />
4401</svg>
4402
4403          </button>
4404        </li>
4405        <li data-country-picker-target="item">
4406          <button 
4407            type="submit" 
4408            name="chosen_country" 
4409            value="UM"
4410            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4411            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4412            >
4413            <div class="flex flex-row items-center gap-x-2 min-w-0">
4414              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇲​</span>
4415              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4416                <span class="truncate">United States Minor Outlying Islands</span>
4417                <span class="flex-shrink-0">($ USD)</span>
4418              </div>
4419            </div>
4420            
4421          </button>
4422        </li>
4423        <li data-country-picker-target="item">
4424          <button 
4425            type="submit" 
4426            name="chosen_country" 
4427            value="UY"
4428            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4429            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4430            >
4431            <div class="flex flex-row items-center gap-x-2 min-w-0">
4432              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇾​</span>
4433              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4434                <span class="truncate">Uruguay</span>
4435                <span class="flex-shrink-0">($ USD)</span>
4436              </div>
4437            </div>
4438            
4439          </button>
4440        </li>
4441        <li data-country-picker-target="item">
4442          <button 
4443            type="submit" 
4444            name="chosen_country" 
4445            value="UZ"
4446            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4447            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4448            >
4449            <div class="flex flex-row items-center gap-x-2 min-w-0">
4450              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇿​</span>
4451              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4452                <span class="truncate">Uzbekistan</span>
4453                <span class="flex-shrink-0">($ USD)</span>
4454              </div>
4455            </div>
4456            
4457          </button>
4458        </li>
4459        <li data-country-picker-target="item">
4460          <button 
4461            type="submit" 
4462            name="chosen_country" 
4463            value="VU"
4464            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4465            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4466            >
4467            <div class="flex flex-row items-center gap-x-2 min-w-0">
4468              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇺​</span>
4469              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4470                <span class="truncate">Vanuatu</span>
4471                <span class="flex-shrink-0">($ USD)</span>
4472              </div>
4473            </div>
4474            
4475          </button>
4476        </li>
4477        <li data-country-picker-target="item">
4478          <button 
4479            type="submit" 
4480            name="chosen_country" 
4481            value="VE"
4482            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4483            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4484            >
4485            <div class="flex flex-row items-center gap-x-2 min-w-0">
4486              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇪​</span>
4487              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4488                <span class="truncate">Venezuela</span>
4489                <span class="flex-shrink-0">($ USD)</span>
4490              </div>
4491            </div>
4492            
4493          </button>
4494        </li>
4495        <li data-country-picker-target="item">
4496          <button 
4497            type="submit" 
4498            name="chosen_country" 
4499            value="VN"
4500            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4501            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4502            >
4503            <div class="flex flex-row items-center gap-x-2 min-w-0">
4504              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇳​</span>
4505              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4506                <span class="truncate">Vietnam</span>
4507                <span class="flex-shrink-0">($ USD)</span>
4508              </div>
4509            </div>
4510            
4511          </button>
4512        </li>
4513        <li data-country-picker-target="item">
4514          <button 
4515            type="submit" 
4516            name="chosen_country" 
4517            value="VG"
4518            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4519            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4520            >
4521            <div class="flex flex-row items-center gap-x-2 min-w-0">
4522              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇬​</span>
4523              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4524                <span class="truncate">Virgin Islands, British</span>
4525                <span class="flex-shrink-0">($ USD)</span>
4526              </div>
4527            </div>
4528            
4529          </button>
4530        </li>
4531        <li data-country-picker-target="item">
4532          <button 
4533            type="submit" 
4534            name="chosen_country" 
4535            value="VI"
4536            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4537            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4538            >
4539            <div class="flex flex-row items-center gap-x-2 min-w-0">
4540              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇮​</span>
4541              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4542                <span class="truncate">Virgin Islands, U.S.</span>
4543                <span class="flex-shrink-0">($ USD)</span>
4544              </div>
4545            </div>
4546            
4547          </button>
4548        </li>
4549        <li data-country-picker-target="item">
4550          <button 
4551            type="submit" 
4552            name="chosen_country" 
4553            value="WF"
4554            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4555            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4556            >
4557            <div class="flex flex-row items-center gap-x-2 min-w-0">
4558              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇼🇫​</span>
4559              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4560                <span class="truncate">Wallis and Futuna</span>
4561                <span class="flex-shrink-0">($ USD)</span>
4562              </div>
4563            </div>
4564            
4565          </button>
4566        </li>
4567        <li data-country-picker-target="item">
4568          <button 
4569            type="submit" 
4570            name="chosen_country" 
4571            value="EH"
4572            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4573            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4574            >
4575            <div class="flex flex-row items-center gap-x-2 min-w-0">
4576              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇭​</span>
4577              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4578                <span class="truncate">Western Sahara</span>
4579                <span class="flex-shrink-0">($ USD)</span>
4580              </div>
4581            </div>
4582            
4583          </button>
4584        </li>
4585        <li data-country-picker-target="item">
4586          <button 
4587            type="submit" 
4588            name="chosen_country" 
4589            value="YE"
4590            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4591            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4592            >
4593            <div class="flex flex-row items-center gap-x-2 min-w-0">
4594              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇾🇪​</span>
4595              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4596                <span class="truncate">Yemen</span>
4597                <span class="flex-shrink-0">($ USD)</span>
4598              </div>
4599            </div>
4600            
4601          </button>
4602        </li>
4603        <li data-country-picker-target="item">
4604          <button 
4605            type="submit" 
4606            name="chosen_country" 
4607            value="ZM"
4608            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4609            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4610            >
4611            <div class="flex flex-row items-center gap-x-2 min-w-0">
4612              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇿🇲​</span>
4613              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4614                <span class="truncate">Zambia</span>
4615                <span class="flex-shrink-0">($ USD)</span>
4616              </div>
4617            </div>
4618            
4619          </button>
4620        </li>
4621        <li data-country-picker-target="item">
4622          <button 
4623            type="submit" 
4624            name="chosen_country" 
4625            value="ZW"
4626            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4627            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4628            >
4629            <div class="flex flex-row items-center gap-x-2 min-w-0">
4630              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇿🇼​</span>
4631              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4632                <span class="truncate">Zimbabwe</span>
4633                <span class="flex-shrink-0">($ USD)</span>
4634              </div>
4635            </div>
4636            
4637          </button>
4638        </li>
4639        <li data-country-picker-target="item">
4640          <button 
4641            type="submit" 
4642            name="chosen_country" 
4643            value="AX"
4644            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
4645            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
4646            >
4647            <div class="flex flex-row items-center gap-x-2 min-w-0">
4648              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇽​</span>
4649              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
4650                <span class="truncate">Åland Islands</span>
4651                <span class="flex-shrink-0">($ USD)</span>
4652              </div>
4653            </div>
4654            
4655          </button>
4656        </li>
4657    </ul>
4658
4659    <div class="hidden" data-country-picker-target="noResults">
4660      <div class="flex flex-col items-center gap-y-4 text-center">
4661        <img alt="No results found" src="/vite/assets/magnifier-De6dphRK.png" />
4662        <h5 class="font-semibold">No results found</h5>
4663        <div>
4664          <p>We couldn’t find any country matching <span data-country-picker-target="noResultsQuery"></span>.</p>
4665          <p>Please check your spelling or try again.</p>
4666        </div>
4667      </div>
4668    </div>
4669  </div>
4670
4671</form>
4672      </div>
4673    </div>
4674  </div>
4675</div>
4676
4677
4678
4679        
4680          
4681<div id="wishlist-items-counter " class="hidden sm:block">
4682  <a class="flex items-center gap-2" data-layer="{&quot;category&quot;:&quot;header&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;wishlist&quot;,&quot;event&quot;:&quot;send&quot;}" href="/wishlist">
4683    <img alt="Wishlist" title="Wishlist" class="min-w-6 min-h-6 stroke-gray-900" src="/vite/assets/heart-B5XNpmAS.svg" />
4684</a></div>
4685
4686
4687
4688
4689        <div id="header-cart" class="flex flex-row not-first:items-center relative cursor-pointer">
4690          
4691            <a data-turbo-stream="true" data-cart-sidebar-target="cartButton" data-action="click-&gt;cart-sidebar#toggle" data-layer="{&quot;category&quot;:&quot;header&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;cart&quot;,&quot;event&quot;:&quot;send&quot;}" rel="nofollow" href="/cart/order_items?show_cart=true">
4692  <img alt="Cart" title="Cart" src="/vite/assets/cart-DukWsSOW.svg" />
4693</a>
4694
4695        </div>
4696
4697        <div class="hidden sm:block">
4698            <a class="text-gray-900 text-base font-bold leading-tight" href="/auth/login">
4699              <img alt="Log In" title="Account" src="/vite/assets/user-CzkuNyBN.svg" />
4700</a>        </div>
4701      </div>
4702    </div>
4703  </div>
4704  
4705      <div id="navbar" class="fixed transition-transform duration-300 top-15 left-0 right-0 z-47 h-15 bg-gray-100 border-b border-gray-400 hidden sm:block sm:top-25"
4706       data-controller="navbar"
4707       data-navbar-target="navbar"
4708       data-top-text-banner-target="navbar"
4709       data-navbar-up-icon-value="/vite/assets/caret-up-dark-BkDtPDdK.svg"
4710       data-navbar-down-icon-value="/vite/assets/caret-down-dark-DtwmbmJ5.svg"
4711  >
4712		
4713
4714			<nav class="flex flex-row gap-[50px] md:gap-[90px] justify-center py-3 px-4 max-w-290 mx-auto">
4715        <button
4716          type="button"
4717          data-action="mouseenter->navbar#show mouseleave->navbar#hide focus->navbar#show blur->navbar#hide"
4718          data-navbar-target="productsTrigger"
4719          aria-haspopup="true"
4720          aria-expanded="false"
4721          class="py-2 text-base font-medium leading-tight text-gray-900 hover:font-bold inline-flex justify-center items-center gap-1 cursor-pointer bg-transparent border-none"
4722        >
4723          <span class="inline-grid">
4724            <span class="[grid-area:1/1] invisible font-bold pointer-events-none" aria-hidden="true">Products</span>
4725            <span class="[grid-area:1/1]">Products</span>
4726          </span>
4727          <span class="inline-block">
4728            <img alt="" data-navbar-target="caretIcon" src="/vite/assets/caret-down-dark-DtwmbmJ5.svg" />
4729          </span>
4730        </button>
4731
4732        <a class="block py-2 text-base font-medium leading-tight text-gray-900 hover:font-bold" href="/deals">
4733          <span class="inline-grid">
4734            <span class="[grid-area:1/1] invisible font-bold pointer-events-none" aria-hidden="true">Deals</span>
4735            <span class="[grid-area:1/1]">Deals</span>
4736          </span>
4737</a>
4738        <a class="block py-2 text-base font-medium leading-tight text-gray-900 hover:font-bold" href="/brands">
4739          <span class="inline-grid">
4740            <span class="[grid-area:1/1] invisible font-bold pointer-events-none" aria-hidden="true">Brands</span>
4741            <span class="[grid-area:1/1]">Brands</span>
4742          </span>
4743</a>
4744        <a class="block py-2 text-base font-medium leading-tight text-gray-900 hover:font-bold" href="/rent-to-own-plugins">
4745          <span class="inline-grid">
4746            <span class="[grid-area:1/1] invisible font-bold pointer-events-none" aria-hidden="true">Rent to Own</span>
4747            <span class="[grid-area:1/1]">Rent to Own</span>
4748          </span>
4749</a>
4750        <a class="block py-2 text-base font-medium leading-tight text-gray-900 hover:font-bold" href="/blog">
4751          <span class="inline-grid">
4752            <span class="[grid-area:1/1] invisible font-bold pointer-events-none" aria-hidden="true">Blog</span>
4753            <span class="[grid-area:1/1]">Blog</span>
4754          </span>
4755</a>
4756        <a class="block py-2 text-base font-medium leading-tight text-gray-900 hover:font-bold" href="/free-plugins">
4757          <span class="inline-grid">
4758            <span class="[grid-area:1/1] invisible font-bold pointer-events-none" aria-hidden="true">Free</span>
4759            <span class="[grid-area:1/1]">Free</span>
4760          </span>
4761</a>			</nav>
4762
4763      <div
4764        class="hidden absolute top-15 bg-gray-100 transition-all duration-300 ease-in-out transform overflow-y-auto sm:overflow-y-hidden overflow-x-hidden max-h-[calc(100vh-(var(--spacing)*29))] left-0 right-0 z-50 py-6"
4765        data-navbar-target="productsDropdown"
4766        data-action="mouseenter->navbar#hold mouseleave->navbar#release focusin->navbar#hold focusout->navbar#release"
4767      >
4768        <div class="z-50 w-full text-center">
4769          <div class="inline-flex flex-row items-start text-left w-fit">
4770          <ul class="flex flex-col gap-2 min-w-44 md:min-w-50 border-r border-gray-400 pr-4">
4771              <li>
4772                <a class="flex flex-row justify-between items-center gap-2 px-1.5 py-1 text-sm rounded-md text-gray-900 font-bold bg-gray-200" data-action="mouseenter-&gt;navbar#activateCategory focus-&gt;navbar#activateCategory" data-navbar-target="categoryTrigger" data-navbar-category-id-param="2" href="/categories/2-Effects">
4773                  <span>Effects</span>
4774                  <img alt="" class="h-4 w-4" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
4775</a>              </li>
4776              <li>
4777                <a class="flex flex-row justify-between items-center gap-2 px-1.5 py-1 text-sm rounded-md text-gray-900 font-normal" data-action="mouseenter-&gt;navbar#activateCategory focus-&gt;navbar#activateCategory" data-navbar-target="categoryTrigger" data-navbar-category-id-param="1" href="/categories/1-Instruments">
4778                  <span>Instruments</span>
4779                  <img alt="" class="h-4 w-4" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
4780</a>              </li>
4781              <li>
4782                <a class="flex flex-row justify-between items-center gap-2 px-1.5 py-1 text-sm rounded-md text-gray-900 font-normal" data-action="mouseenter-&gt;navbar#activateCategory focus-&gt;navbar#activateCategory" data-navbar-target="categoryTrigger" data-navbar-category-id-param="99" href="/categories/99-Sample-Packs">
4783                  <span>Sounds</span>
4784                  <img alt="" class="h-4 w-4" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
4785</a>              </li>
4786              <li>
4787                <a class="flex flex-row justify-between items-center gap-2 px-1.5 py-1 text-sm rounded-md text-gray-900 font-normal" data-action="mouseenter-&gt;navbar#activateCategory focus-&gt;navbar#activateCategory" data-navbar-target="categoryTrigger" data-navbar-category-id-param="3" href="/categories/3-Studio-Tools">
4788                  <span>Studio Tools</span>
4789                  <img alt="" class="h-4 w-4" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
4790</a>              </li>
4791              <li>
4792                <a class="flex flex-row justify-between items-center gap-2 px-1.5 py-1 text-sm rounded-md text-gray-900 font-normal" data-action="mouseenter-&gt;navbar#activateCategory focus-&gt;navbar#activateCategory" data-navbar-target="categoryTrigger" data-navbar-category-id-param="81" href="/categories/81-Bundles">
4793                  <span>Bundles</span>
4794                  <img alt="" class="h-4 w-4" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
4795</a>              </li>
4796              <li>
4797                <a class="flex flex-row justify-between items-center gap-2 px-1.5 py-1 text-sm rounded-md text-gray-900 font-normal" data-action="mouseenter-&gt;navbar#activateCategory focus-&gt;navbar#activateCategory" data-navbar-target="categoryTrigger" data-navbar-category-id-param="66" href="/categories/66-Music-Courses">
4798                  <span>Music Courses</span>
4799                  <img alt="" class="h-4 w-4" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
4800</a>              </li>
4801          </ul>
4802
4803          <div class="pl-8 grid">
4804              <div
4805                class="[grid-area:1/1]"
4806                data-navbar-target="categoryContent"
4807                data-navbar-category-id-param="2"
4808              >
4809                <ul class="grid grid-flow-col grid-cols-[repeat(3,max-content)] md:grid-cols-[repeat(4,max-content)] gap-x-10 md:gap-x-12 [grid-template-rows:repeat(var(--nav-rows-tablet),auto)] md:[grid-template-rows:repeat(var(--nav-rows-desktop),auto)]"
4810                    style="--nav-rows-tablet: 16; --nav-rows-desktop: 12;">
4811                  <li>
4812                    <a aria-label="Show All Effects" class="font-bold text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/2-Effects">Show All</a>
4813                  </li>
4814                    <li>
4815                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/18-Amp-Simulator">Amp Simulator</a>
4816                    </li>
4817                    <li>
4818                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/32-Bit-Crusher">Bit Crusher</a>
4819                    </li>
4820                    <li>
4821                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/21-Channel-Strip">Channel Strip</a>
4822                    </li>
4823                    <li>
4824                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/11-Chorus">Chorus</a>
4825                    </li>
4826                    <li>
4827                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/8-Compressor">Compressor</a>
4828                    </li>
4829                    <li>
4830                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/59-De-Esser">De-Esser</a>
4831                    </li>
4832                    <li>
4833                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/10-Delay">Delay</a>
4834                    </li>
4835                    <li>
4836                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/30-Distortion">Distortion</a>
4837                    </li>
4838                    <li>
4839                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/73-DJ-Tools">DJ Tools</a>
4840                    </li>
4841                    <li>
4842                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/13-Drum-FX">Drum FX</a>
4843                    </li>
4844                    <li>
4845                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/71-Dynamics-Processor">Dynamics Processor</a>
4846                    </li>
4847                    <li>
4848                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/49-Echo">Echo</a>
4849                    </li>
4850                    <li>
4851                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/42-Enhancer">Enhancer</a>
4852                    </li>
4853                    <li>
4854                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/63-Envelope-Shaper">Envelope Shaper</a>
4855                    </li>
4856                    <li>
4857                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/16-EQ">EQ</a>
4858                    </li>
4859                    <li>
4860                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/62-Exciter">Exciter</a>
4861                    </li>
4862                    <li>
4863                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/37-Expander">Expander</a>
4864                    </li>
4865                    <li>
4866                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/76-Expansion-Packs">Expansion Packs</a>
4867                    </li>
4868                    <li>
4869                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/19-Filter">Filter</a>
4870                    </li>
4871                    <li>
4872                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/12-Flanger">Flanger</a>
4873                    </li>
4874                    <li>
4875                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/28-Frequency-Shifter">Frequency Shifter</a>
4876                    </li>
4877                    <li>
4878                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/20-Gate">Gate</a>
4879                    </li>
4880                    <li>
4881                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/45-Granular-FX">Granular FX</a>
4882                    </li>
4883                    <li>
4884                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/91-Harmonizer">Harmonizer</a>
4885                    </li>
4886                    <li>
4887                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/9-Limiter">Limiter</a>
4888                    </li>
4889                    <li>
4890                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/50-Mastering-">Mastering </a>
4891                    </li>
4892                    <li>
4893                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/52-Mastering-Suite">Mastering Suite</a>
4894                    </li>
4895                    <li>
4896                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/14-MIDI-Arp">MIDI Arp</a>
4897                    </li>
4898                    <li>
4899                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/33-Modulator">Modulator</a>
4900                    </li>
4901                    <li>
4902                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/53-Multi-Effect-">Multi-Effect </a>
4903                    </li>
4904                    <li>
4905                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/29-Phaser">Phaser</a>
4906                    </li>
4907                    <li>
4908                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/35-Pitch-Shifter">Pitch Shifter</a>
4909                    </li>
4910                    <li>
4911                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/74-Preamp">Preamp</a>
4912                    </li>
4913                    <li>
4914                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/46-Randomiser">Randomiser</a>
4915                    </li>
4916                    <li>
4917                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/17-Reverb">Reverb</a>
4918                    </li>
4919                    <li>
4920                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/44-Saturation">Saturation</a>
4921                    </li>
4922                    <li>
4923                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/24-Sequencer">
4923Sequencer</a>
4924                    </li>
4925                    <li>
4926                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/25-Spectral-Analysis">Spectral Analysis</a>
4927                    </li>
4928                    <li>
4929                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/27-Stereo-Width">Stereo Width</a>
4930                    </li>
4931                    <li>
4932                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/38-Surround-Tools">Surround Tools</a>
4933                    </li>
4934                    <li>
4935                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/96-Tape-Emulation">Tape Emulation</a>
4936                    </li>
4937                    <li>
4938                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/36-Transient-Shaper">Transient Shaper</a>
4939                    </li>
4940                    <li>
4941                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/40-Tremolo">Tremolo</a>
4942                    </li>
4943                    <li>
4944                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/41-Vibrato">Vibrato</a>
4945                    </li>
4946                    <li>
4947                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/54-Vocal-Processing">Vocal Processing</a>
4948                    </li>
4949                    <li>
4950                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/43-Vocoder">Vocoder</a>
4951                    </li>
4952                </ul>
4953              </div>
4954              <div
4955                class="[grid-area:1/1] invisible"
4956                data-navbar-target="categoryContent"
4957                data-navbar-category-id-param="1"
4958              >
4959                <ul class="grid grid-flow-col grid-cols-[repeat(3,max-content)] md:grid-cols-[repeat(4,max-content)] gap-x-10 md:gap-x-12 [grid-template-rows:repeat(var(--nav-rows-tablet),auto)] md:[grid-template-rows:repeat(var(--nav-rows-desktop),auto)]"
4960                    style="--nav-rows-tablet: 5; --nav-rows-desktop: 4;">
4961                  <li>
4962                    <a aria-label="Show All Instruments" class="font-bold text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/1-Instruments">Show All</a>
4963                  </li>
4964                    <li>
4965                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/57-Complete-Collection">Complete Collection</a>
4966                    </li>
4967                    <li>
4968                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/7-Drum-Machine">Drum Machine</a>
4969                    </li>
4970                    <li>
4971                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/139-Drum-Synth">Drum Synth</a>
4972                    </li>
4973                    <li>
4974                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/70-Expansion-Packs">Expansion Packs</a>
4975                    </li>
4976                    <li>
4977                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/69-Generator">Generator</a>
4978                    </li>
4979                    <li>
4980                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/6-Groovebox">Groovebox</a>
4981                    </li>
4982                    <li>
4983                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/55-Kontakt-Instrument">Kontakt Instrument</a>
4984                    </li>
4985                    <li>
4986                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/85-Maschine-Expansions">Maschine Expansions</a>
4987                    </li>
4988                    <li>
4989                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/60-Reaktor-Ensemble">Reaktor Ensemble</a>
4990                    </li>
4991                    <li>
4992                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/5-Sampler">Sampler</a>
4993                    </li>
4994                    <li>
4995                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/4-Synth">Synth</a>
4996                    </li>
4997                    <li>
4998                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/31-Synth-Presets">Synth Presets</a>
4999                    </li>
5000                    <li>
5001                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/64-Virtual-Instruments">Virtual Instruments</a>
5002                    </li>
5003                    <li>
5004                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/140-Vocal-Synth">Vocal Synth</a>
5005                    </li>
5006                </ul>
5007              </div>
5008              <div
5009                class="[grid-area:1/1] invisible"
5010                data-navbar-target="categoryContent"
5011                data-navbar-category-id-param="99"
5012              >
5013                <ul class="grid grid-flow-col grid-cols-[repeat(3,max-content)] md:grid-cols-[repeat(4,max-content)] gap-x-10 md:gap-x-12 [grid-template-rows:repeat(var(--nav-rows-tablet),auto)] md:[grid-template-rows:repeat(var(--nav-rows-desktop),auto)]"
5014                    style="--nav-rows-tablet: 13; --nav-rows-desktop: 10;">
5015                  <li>
5016                    <a aria-label="Show All Sounds" class="font-bold text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/99-Sample-Packs">Show All</a>
5017                  </li>
5018                    <li>
5019                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/100-Afrobeat">Afrobeat</a>
5020                    </li>
5021                    <li>
5022                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/101-Bass-Music">Bass Music</a>
5023                    </li>
5024                    <li>
5025                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/102-Blues">Blues</a>
5026                    </li>
5027                    <li>
5028                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/103-Breaks">Breaks</a>
5029                    </li>
5030                    <li>
5031                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/135-Bundles">Bundles</a>
5032                    </li>
5033                    <li>
5034                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/104-Cinematic">Cinematic</a>
5035                    </li>
5036                    <li>
5037                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/105-Country">Country</a>
5038                    </li>
5039                    <li>
5040                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/106-Disco">Disco</a>
5041                    </li>
5042                    <li>
5043                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/107-DJ-Tools">DJ Tools</a>
5044                    </li>
5045                    <li>
5046                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/108-Downtempo">Downtempo</a>
5047                    </li>
5048                    <li>
5049                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/109-Drum-and-Bass">Drum and Bass</a>
5050                    </li>
5051                    <li>
5052                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/132-Electro">Electro</a>
5053                    </li>
5054                    <li>
5055                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/110-Funk">Funk</a>
5056                    </li>
5057                    <li>
5058                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/111-Hard-Dance">Hard Dance</a>
5059                    </li>
5060                    <li>
5061                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/112-Hip-Hop">Hip Hop</a>
5062                    </li>
5063                    <li>
5064                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/113-House">House</a>
5065                    </li>
5066                    <li>
5067                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/130-House-Afro-House">
5067House / Afro House</a>
5068                    </li>
5069                    <li>
5070                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/131-House-Amapiano-">House / Amapiano </a>
5071                    </li>
5072                    <li>
5073                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/128-House-Deep-House">House / Deep House</a>
5074                    </li>
5075                    <li>
5076                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/129-House-Tech-House">House / Tech House</a>
5077                    </li>
5078                    <li>
5079                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/114-IDM">IDM</a>
5080                    </li>
5081                    <li>
5082                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/115-Instruments-">Instruments </a>
5083                    </li>
5084                    <li>
5085                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/116-Jazz">Jazz</a>
5086                    </li>
5087                    <li>
5088                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/117-Orchestral-">Orchestral </a>
5089                    </li>
5090                    <li>
5091                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/118-Pop">Pop</a>
5092                    </li>
5093                    <li>
5094                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/119-Reggae-">Reggae </a>
5095                    </li>
5096                    <li>
5097                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/133-Reggae-Dub">Reggae / Dub</a>
5098                    </li>
5099                    <li>
5100                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/120-Rock-">Rock </a>
5101                    </li>
5102                    <li>
5103                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/121-Soul-and-RnB-">Soul and RnB </a>
5104                    </li>
5105                    <li>
5106                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/134-Sound-Effects">Sound Effects</a>
5107                    </li>
5108                    <li>
5109                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/122-Synthwave-">Synthwave </a>
5110                    </li>
5111                    <li>
5112                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/123-Techno-">Techno </a>
5113                    </li>
5114                    <li>
5115                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/124-Trance-">Trance </a>
5116                    </li>
5117                    <li>
5118                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/125-Trap-">Trap </a>
5119                    </li>
5120                    <li>
5121                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/126-Vocals-">Vocals </a>
5122                    </li>
5123                    <li>
5124                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/127-World-">World </a>
5125                    </li>
5126                </ul>
5127              </div>
5128              <div
5129                class="[grid-area:1/1] invisible"
5130                data-navbar-target="categoryContent"
5131                data-navbar-category-id-param="3"
5132              >
5133                <ul class="grid grid-flow-col grid-cols-[repeat(3,max-content)] md:grid-cols-[repeat(4,max-content)] gap-x-10 md:gap-x-12 [grid-template-rows:repeat(var(--nav-rows-tablet),auto)] md:[grid-template-rows:repeat(var(--nav-rows-desktop),auto)]"
5134                    style="--nav-rows-tablet: 6; --nav-rows-desktop: 5;">
5135                  <li>
5136                    <a aria-label="Show All Studio Tools" class="font-bold text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/3-Studio-Tools">Show All</a>
5137                  </li>
5138                    <li>
5139                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/88-Ableton-Racks">Ableton Racks</a>
5140                    </li>
5141                    <li>
5142                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/48-Audio-Editor">Audio Editor</a>
5143                    </li>
5144                    <li>
5145                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/51-Audio-Restoration-">Audio Restoration </a>
5146                    </li>
5147                    <li>
5148                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/23-DAW">DAW</a>
5149                    </li>
5150                    <li>
5151                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/138-DAW-Templates">DAW Templates</a>
5152                    </li>
5153                    <li>
5154                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/80-Drum-Tools">Drum Tools</a>
5155                    </li>
5156                    <li>
5157                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/94-eBook">eBook</a>
5158                    </li>
5159                    <li>
5160                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/47-Gain">Gain</a>
5161                    </li>
5162                    <li>
5163                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/92-Impulse-Response">Impulse Response</a>
5164                    </li>
5165                    <li>
5166                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/79-Metering">Metering</a>
5167                    </li>
5168                    <li>
5169                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/93-Music-Theory-Tools">Music Theory Tools</a>
5170                    </li>
5171                    <li>
5172                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/95-Referencing-Tools">Referencing Tools</a>
5173                    </li>
5174                    <li>
5175                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/22-Sound-Editor">Sound Editor</a>
5176                    </li>
5177                    <li>
5178                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/72-Utility">Utility</a>
5179                    </li>
5180                    <li>
5181                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/65-Video-Interactive-Courses">Video &amp;
5181 Interactive Courses</a>
5182                    </li>
5183                    <li>
5184                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/67-Virtual-Patchbay">Virtual Patchbay</a>
5185                    </li>
5186                </ul>
5187              </div>
5188              <div
5189                class="[grid-area:1/1] invisible"
5190                data-navbar-target="categoryContent"
5191                data-navbar-category-id-param="81"
5192              >
5193                <ul class="grid grid-flow-col grid-cols-[repeat(3,max-content)] md:grid-cols-[repeat(4,max-content)] gap-x-10 md:gap-x-12 [grid-template-rows:repeat(var(--nav-rows-tablet),auto)] md:[grid-template-rows:repeat(var(--nav-rows-desktop),auto)]"
5194                    style="--nav-rows-tablet: 3; --nav-rows-desktop: 3;">
5195                  <li>
5196                    <a aria-label="Show All Bundles" class="font-bold text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/81-Bundles">Show All</a>
5197                  </li>
5198                    <li>
5199                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/89-Complete-Collection">Complete Collection</a>
5200                    </li>
5201                    <li>
5202                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/39-Effects-Bundles">Effects Bundles</a>
5203                    </li>
5204                    <li>
5205                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/141-Free-Bundles">Free Bundles</a>
5206                    </li>
5207                    <li>
5208                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/83-Genre-Bundle">Genre Bundle</a>
5209                    </li>
5210                    <li>
5211                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/58-Instrument-Bundles">Instrument Bundles</a>
5212                    </li>
5213                    <li>
5214                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/84-Mix-Master">Mix &amp; Master</a>
5215                    </li>
5216                    <li>
5217                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/98-Sample-and-Preset-Packs">Sample and Preset Packs</a>
5218                    </li>
5219                    <li>
5220                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/97-Various-Category">Various Category</a>
5221                    </li>
5222                </ul>
5223              </div>
5224              <div
5225                class="[grid-area:1/1] invisible"
5226                data-navbar-target="categoryContent"
5227                data-navbar-category-id-param="66"
5228              >
5229                <ul class="grid grid-flow-col grid-cols-[repeat(3,max-content)] md:grid-cols-[repeat(4,max-content)] gap-x-10 md:gap-x-12 [grid-template-rows:repeat(var(--nav-rows-tablet),auto)] md:[grid-template-rows:repeat(var(--nav-rows-desktop),auto)]"
5230                    style="--nav-rows-tablet: 1; --nav-rows-desktop: 1;">
5231                  <li>
5232                    <a aria-label="Show All Music Courses" class="font-bold text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/66-Music-Courses">Show All</a>
5233                  </li>
5234                    <li>
5235                      <a class="font-normal text-sm text-gray-900 hover:bg-gray-200 rounded-md block px-1.5 py-1 whitespace-nowrap" href="/categories/78-Video-Interactive-Courses">Video &amp;
5235 Interactive Courses</a>
5236                    </li>
5237                </ul>
5238              </div>
5239          </div>
5240          </div>
5241        </div>
5242      </div>
5243	</div>
5244
5245
5246  
5247    <div
5248  data-cart-sidebar-target="cartSidebar"
5249  data-turbo-permanent="true"
5250  data-top-text-banner-target="cartSidebar"
5251  data-action="pib:show-cart-sidebar@document->cart-sidebar#on turbo:render@window->cart-sidebar#off keydown.esc@window->cart-sidebar#off"
5252  id="cart-sidebar"
5253  test-id="cart-sidebar"
5254    inert
5255  class="overflow-hidden h-[100dvh] flex flex-col sm:h-[calc(100dvh-3.8rem)] fixed z-50 sm:z-47 top-0 sm:top-15 right-0 left-0 sm:left-auto w-full sm:w-90 bottom-0 bg-gray-100 border-t-1 border-l-1 shadow-2xl border-gray-200 justify-between items-stretch transition-transform duration-300 ease-in-out sm:top-25 sm:h-[calc(100dvh-5.9rem)] translate-x-full">
5256
5257  <div class="flex items-center justify-center h-full">
5258    <div class="text-gray-500 text-sm">
5259      Loading...
5260    </div>
5261  </div>
5262
5263</div>
5264
5265
5266  
5267    <div data-mobile-hamburger-target="mobileMenuContent" class="sm:hidden hidden fixed top-0 bg-gray-100 bottom-0 z-60 left-0 right-0 transition-all duration-300 -translate-y-1/1 flex flex-col overflow-hidden">
5268  
5269    <div class="px-6 py-3 flex flex-row border-b-1 border-gray-400 justify-between items-center">
5270      <div>
5271        <div data-mobile-hamburger-target="logo" class="transition-all duration-300 ">
5272          <a href="/"><img alt="Logo" class="h-8 min-w-8  " src="/vite/assets/signet-mfG32Rpj.svg" /></a>
5273        </div>
5274        <div data-mobile-hamburger-target="backButton" data-action="click->mobile-hamburger#closeSubMenu"  class="absolute top-4 left-5 flex flex-row gap-1 items-center justify-start transition-all duration-300 -translate-x-2/1"><img alt="Caret Left" class="h-5 min-w-5 " src="/vite/assets/caret-left-CM7SIOSa.svg" />
5275          <div class="text-base font-medium text-gray-900" data-mobile-hamburger-target="backButtonLabel">Back</div>
5276        </div>
5277      </div>
5278      <div data-action="click->mobile-hamburger#toggle"><img alt="Logo" class="h-8 min-w-8 " src="/vite/assets/x-DCCQlVyE.svg" />
5279      </div>
5280    </div>
5281    <div class="flex flex-row flex-1 relative overflow-hidden w-full">
5282      <ul class="flex flex-col gap-4 p-6 transition-all duration-300 w-full" data-mobile-hamburger-target="menuList">
5283          <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium" data-action="click->mobile-hamburger#openSubMenu" data-mobile-hamburger-target="menuItem" data-mobile-hamburger-category-id-param="2" data-mobile-hamburger-category-name-param="Effects">
5284            Effects
5285            <img alt="CaretRight" class="h-5 min-w-5" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
5286          </li>
5287          <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium" data-action="click->mobile-hamburger#openSubMenu" data-mobile-hamburger-target="menuItem" data-mobile-hamburger-category-id-param="1" data-mobile-hamburger-category-name-param="Instruments">
5288            Instruments
5289            <img alt="CaretRight" class="h-5 min-w-5" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
5290          </li>
5291          <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium" data-action="click->mobile-hamburger#openSubMenu" data-mobile-hamburger-target="menuItem" data-mobile-hamburger-category-id-param="99" data-mobile-hamburger-category-name-param="Sounds">
5292            Sounds
5293            <img alt="CaretRight" class="h-5 min-w-5" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
5294          </li>
5295          <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium" data-action="click->mobile-hamburger#openSubMenu" data-mobile-hamburger-target="menuItem" data-mobile-hamburger-category-id-param="3" data-mobile-hamburger-category-name-param="Studio Tools">
5296            Studio Tools
5297            <img alt="CaretRight" class="h-5 min-w-5" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
5298          </li>
5299          <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium" data-action="click->mobile-hamburger#openSubMenu" data-mobile-hamburger-target="menuItem" data-mobile-hamburger-category-id-param="81" data-mobile-hamburger-category-name-param="Bundles">
5300            Bundles
5301            <img alt="CaretRight" class="h-5 min-w-5" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
5302          </li>
5303          <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium" data-action="click->mobile-hamburger#openSubMenu" data-mobile-hamburger-target="menuItem" data-mobile-hamburger-category-id-param="66" data-mobile-hamburger-category-name-param="Music Courses">
5304            Music Courses
5305            <img alt="CaretRight" class="h-5 min-w-5" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
5306          </li>
5307        <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium">
5308          <a href="/deals">Deals</a>
5309        </li>
5310        <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium">
5311          <a href="/brands">Brands</a>
5312        </li>
5313        <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium">
5314          <a href="/rent-to-own-plugins">Rent to Own</a>
5315        </li>
5316        <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium">
5317          <a href="/blog">Blog</a>
5318        </li>
5319        <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium">
5320          <a href="/free-plugins">Free</a>
5321        </li>
5322        <li class="flex flex-row justify-between items-center hover:text-blue-500 text-gray-900 font-medium">
5323          <a href="/contact">Contact Us</a>
5324        </li>
5325      </ul>
5326        <div class="absolute p-6 duration-300 ease-in-out transform overflow-y-auto max-h-full w-full transition-all translate-x-1/1" data-mobile-hamburger-category-id-param="2" data-mobile-hamburger-target="submenuContent"><div class="flex flex-row"><ul class="flex flex-col w-1/2 gap-3"><li class="font-bold text-base text-gray-900"><a href="/categories/2-Effects">Show All</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/18-Amp-Simulator">Amp Simulator</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/32-Bit-Crusher">Bit Crusher</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/21-Channel-Strip">Channel Strip</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/11-Chorus">Chorus</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/8-Compressor">Compressor</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/59-De-Esser">De-Esser</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/10-Delay">Delay</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/30-Distortion">Distortion</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/73-DJ-Tools">DJ Tools</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/13-Drum-FX">Drum FX</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/71-Dynamics-Processor">Dynamics Processor</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/49-Echo">Echo</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/42-Enhancer">Enhancer</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/63-Envelope-Shaper">Envelope Shaper</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/16-EQ">EQ</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/62-Exciter">Exciter</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/37-Expander">Expander</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/76-Expansion-Packs">Expansion Packs</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/19-Filter">Filter</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/12-Flanger">Flanger</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/28-Frequency-Shifter">Frequency Shifter</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/20-Gate">Gate</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/45-Granular-FX">Granular FX</a></li></ul><ul class="flex flex-col w-1/2 gap-3"><li class="font-normal text-base text-gray-900"><a href="/categories/91-Harmonizer">Harmonizer</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/9-Limiter">Limiter</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/50-Mastering-">Mastering </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/52-Mastering-Suite">Mastering Suite</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/14-MIDI-Arp">MIDI Arp</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/33-Modulator">Modulator</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/53-Multi-Effect-">Multi-Effect </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/29-Phaser">Phaser</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/35-Pitch-Shifter">Pitch Shifter</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/74-Preamp">Preamp</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/46-Randomiser">Randomiser</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/17-Reverb">Reverb</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/44-Saturation">Saturation</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/24-Sequencer">
5326Sequencer</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/25-Spectral-Analysis">Spectral Analysis</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/27-Stereo-Width">Stereo Width</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/38-Surround-Tools">Surround Tools</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/96-Tape-Emulation">Tape Emulation</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/36-Transient-Shaper">Transient Shaper</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/40-Tremolo">Tremolo</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/41-Vibrato">Vibrato</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/54-Vocal-Processing">Vocal Processing</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/43-Vocoder">Vocoder</a></li></ul></div></div>
5327        <div class="absolute p-6 duration-300 ease-in-out transform overflow-y-auto max-h-full w-full transition-all translate-x-1/1" data-mobile-hamburger-category-id-param="1" data-mobile-hamburger-target="submenuContent"><div class="flex flex-row"><ul class="flex flex-col w-1/2 gap-3"><li class="font-bold text-base text-gray-900"><a href="/categories/1-Instruments">Show All</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/57-Complete-Collection">Complete Collection</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/7-Drum-Machine">Drum Machine</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/139-Drum-Synth">Drum Synth</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/70-Expansion-Packs">Expansion Packs</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/69-Generator">Generator</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/6-Groovebox">Groovebox</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/55-Kontakt-Instrument">Kontakt Instrument</a></li></ul><ul class="flex flex-col w-1/2 gap-3"><li class="font-normal text-base text-gray-900"><a href="/categories/85-Maschine-Expansions">Maschine Expansions</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/60-Reaktor-Ensemble">Reaktor Ensemble</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/5-Sampler">Sampler</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/4-Synth">Synth</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/31-Synth-Presets">Synth Presets</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/64-Virtual-Instruments">Virtual Instruments</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/140-Vocal-Synth">Vocal Synth</a></li></ul></div></div>
5328        <div class="absolute p-6 duration-300 ease-in-out transform overflow-y-auto max-h-full w-full transition-all translate-x-1/1" data-mobile-hamburger-category-id-param="99" data-mobile-hamburger-target="submenuContent"><div class="flex flex-row"><ul class="flex flex-col w-1/2 gap-3"><li class="font-bold text-base text-gray-900"><a href="/categories/99-Sample-Packs">Show All</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/100-Afrobeat">Afrobeat</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/101-Bass-Music">Bass Music</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/102-Blues">Blues</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/103-Breaks">Breaks</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/135-Bundles">Bundles</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/104-Cinematic">Cinematic</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/105-Country">Country</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/106-Disco">Disco</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/107-DJ-Tools">DJ Tools</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/108-Downtempo">Downtempo</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/109-Drum-and-Bass">Drum and Bass</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/132-Electro">Electro</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/110-Funk">Funk</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/111-Hard-Dance">Hard Dance</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/112-Hip-Hop">Hip Hop</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/113-House">House</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/130-House-Afro-House">
5328House / Afro House</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/131-House-Amapiano-">House / Amapiano </a></li></ul><ul class="flex flex-col w-1/2 gap-3"><li class="font-normal text-base text-gray-900"><a href="/categories/128-House-Deep-House">House / Deep House</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/129-House-Tech-House">House / Tech House</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/114-IDM">IDM</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/115-Instruments-">Instruments </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/116-Jazz">Jazz</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/117-Orchestral-">Orchestral </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/118-Pop">Pop</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/119-Reggae-">Reggae </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/133-Reggae-Dub">Reggae / Dub</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/120-Rock-">Rock </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/121-Soul-and-RnB-">Soul and RnB </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/134-Sound-Effects">Sound Effects</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/122-Synthwave-">Synthwave </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/123-Techno-">Techno </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/124-Trance-">Trance </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/125-Trap-">Trap </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/126-Vocals-">Vocals </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/127-World-">World </a></li></ul></div></div>
5329        <div class="absolute p-6 duration-300 ease-in-out transform overflow-y-auto max-h-full w-full transition-all translate-x-1/1" data-mobile-hamburger-category-id-param="3" data-mobile-hamburger-target="submenuContent"><div class="flex flex-row"><ul class="flex flex-col w-1/2 gap-3"><li class="font-bold text-base text-gray-900"><a href="/categories/3-Studio-Tools">Show All</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/88-Ableton-Racks">Ableton Racks</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/48-Audio-Editor">Audio Editor</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/51-Audio-Restoration-">Audio Restoration </a></li><li class="font-normal text-base text-gray-900"><a href="/categories/23-DAW">DAW</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/138-DAW-Templates">DAW Templates</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/80-Drum-Tools">Drum Tools</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/94-eBook">eBook</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/47-Gain">Gain</a></li></ul><ul class="flex flex-col w-1/2 gap-3"><li class="font-normal text-base text-gray-900"><a href="/categories/92-Impulse-Response">Impulse Response</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/79-Metering">Metering</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/93-Music-Theory-Tools">Music Theory Tools</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/95-Referencing-Tools">Referencing Tools</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/22-Sound-Editor">Sound Editor</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/72-Utility">Utility</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/65-Video-Interactive-Courses">Video &amp; Interactive Courses</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/67-Virtual-Patchbay">Virtual Patchbay</a></li></ul></div></div>
5330        <div class="absolute p-6 duration-300 ease-in-out transform overflow-y-auto max-h-full w-full transition-all translate-x-1/1" data-mobile-hamburger-category-id-param="81" data-mobile-hamburger-target="submenuContent"><div class="flex flex-row"><ul class="flex flex-col w-1/2 gap-3"><li class="font-bold text-base text-gray-900"><a href="/categories/81-Bundles">Show All</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/89-Complete-Collection">Complete Collection</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/39-Effects-Bundles">Effects Bundles</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/141-Free-Bundles">Free Bundles</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/83-Genre-Bundle">
5330Genre Bundle</a></li></ul><ul class="flex flex-col w-1/2 gap-3"><li class="font-normal text-base text-gray-900"><a href="/categories/58-Instrument-Bundles">Instrument Bundles</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/84-Mix-Master">Mix &amp; Master</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/98-Sample-and-Preset-Packs">Sample and Preset Packs</a></li><li class="font-normal text-base text-gray-900"><a href="/categories/97-Various-Category">Various Category</a></li></ul></div></div>
5331        <div class="absolute p-6 duration-300 ease-in-out transform overflow-y-auto max-h-full w-full transition-all translate-x-1/1" data-mobile-hamburger-category-id-param="66" data-mobile-hamburger-target="submenuContent"><div class="flex flex-row"><ul class="flex flex-col w-1/2 gap-3"><li class="font-bold text-base text-gray-900"><a href="/categories/66-Music-Courses">Show All</a></li></ul><ul class="flex flex-col w-1/2 gap-3"><li class="font-normal text-base text-gray-900"><a href="/categories/78-Video-Interactive-Courses">Video &amp; Interactive Courses</a></li></ul></div></div>
5332    </div>
5333</div>
5334
5335
5336  
5337    <div data-controller="country-picker" data-mobile-account-menu-target="mobileAccountMenu" class="sm:hidden hidden fixed -top-5.5 border-b-1 border-gray-400 h-auto bottom-0 right-0 mt-6 bg-gray-100 text-gray-800 w-full z-60 overflow-hidden">
5338  <div>
5339    <div class="px-6 py-3 flex flex-row border-b-1 border-gray-400 justify-between items-center">
5340      <div>
5341        <div data-mobile-account-menu-target="logo" class="transition-all duration-300">
5342          <a href="/"><img alt="Logo" class="h-8 min-w-8" src="/vite/assets/signet-mfG32Rpj.svg" /></a>
5343        </div>
5344        <button data-mobile-account-menu-target="backButton" data-action="click->mobile-account-menu#closeSubMenu click->country-picker#showAllItems" class="absolute top-4 left-5 flex flex-row gap-1 items-center justify-start transition-all duration-300 -translate-x-2/1 cursor-pointer">
5345          <img alt="Caret Left" class="h-5 min-w-5" src="/vite/assets/caret-left-CM7SIOSa.svg" />
5346          <div class="text-base font-medium text-gray-900" data-mobile-hamburger-target="backButtonLabel"><span class="translation_missing" title="translation missing: en.common.back">Back</span></div>
5347        </button>
5348      </div>
5349      <button data-action="click->mobile-account-menu#toggle click->country-picker#showAllItems">
5350        <img alt="Close" class="h-8 min-w-8 cursor-pointer" src="/vite/assets/x-DCCQlVyE.svg" />
5351      </button>
5352    </div>
5353  </div>
5354  <div class="flex flex-row">
5355    <ul role="menu" class="flex flex-col break-words font-medium px-4 py-2 sm:p-2 w-full transition-all duration-300" data-mobile-account-menu-target="menuList">
5356        <li class="rounded-lg hover:bg-gray-400">
5357          <a class="flex flex-row items-center gap-2 p-2" href="/auth/login">
5358            <img alt="" aria_hidden="true" src="/vite/assets/user_pm-Bp7eBxq_.svg" />
5359            Log In
5360</a>        </li>
5361        <li class="rounded-lg hover:bg-gray-400">
5362          <a class="flex flex-row items-center gap-2 p-2" href="/auth/sign_up">
5363            <img alt="" aria_hidden="true" src="/vite/assets/user_pm-Bp7eBxq_.svg" />
5364            Sign Up
5365</a>        </li>
5366      <li class="border-t-1 border-gray-400 mt-1">
5367        <button class="flex flex-row items-center gap-2 p-2 w-full justify-between rounded-lg hover:bg-gray-400 mt-1 cursor-pointer" data-action="click->mobile-account-menu#openSubMenu">
5368          <div class="flex flex-row items-center gap-x-2">
5369            <span>Your Country</span>
5370            <span class="text-2xl notranslate" translate="no">
5371              🇺🇸​
5372            </span>
5373          </div>
5374          <img alt="" aria_hidden="true" class="h-4 min-w-4" src="/vite/assets/caret-right-Dod_Mz_i.svg" />
5375        </button>
5376      </li>
5377    </ul>
5378    <div class="absolute gap-3 duration-300 ease-in-out transform overflow-y-scroll max-h-[calc(100%-3.5rem)] overflow-x-hidden w-full transition-all translate-x-1/1" data-mobile-account-menu-target="submenuContent">
5379      
5380<form class="flex flex-col" data-turbo="false" action="/" accept-charset="UTF-8" method="get">
5381
5382  <div class="border-b-1 border-gray-400 px-4 py-2">
5383    <div class="flex-1 sm:flex gap-2 flex justify-start items-center relative">
5384  <div class="w-3 h-3 left-3 absolute">
5385    
5386<svg class="h-4 w-4 h-3 max-h-3 min-w-3 stroke-gray-700" viewBox="0 0 17 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
5387  <path d="M16.4438 16.0579L12.5321 12.1469C13.6659 10.7858 14.2312 9.03989 14.1106 7.2725C13.9899 5.50512 13.1925 3.85229 11.8843 2.65785C10.576 1.46341 8.85761 0.819317 7.08657 0.859567C5.31553 0.899817 3.62818 1.62131 2.37554 2.87395C1.12289 4.12659 0.401404 5.81394 0.361154 7.58498C0.320904 9.35603 0.964993 11.0744 2.15943 12.3827C3.35387 13.6909 5.0067 14.4883 6.77409 14.609C8.54148 14.7297 10.2874 14.1643 11.6485 13.0305L15.5595 16.9422C15.6175 17.0003 15.6865 17.0464 15.7623 17.0778C15.8382 17.1092 15.9195 17.1254 16.0016 17.1254C16.0838 17.1254 16.1651 17.1092 16.241 17.0778C16.3168 17.0464 16.3858 17.0003 16.4438 16.9422C16.5019 16.8842 16.548 16.8152 16.5794 16.7394C16.6108 16.6635 16.627 16.5822 16.627 16.5001C16.627 16.4179 16.6108 16.3366 16.5794 16.2607C16.548 16.1849 16.5019 16.1159 16.4438 16.0579ZM1.62664 7.75006C1.62664 6.63754 1.95654 5.55 2.57463 4.62497C3.19271 3.69995 4.07121 2.97898 5.09905 2.55323C6.12688 2.12749 7.25788 2.0161 8.34903 2.23314C9.44017 2.45018 10.4424 2.98591 11.2291 3.77258C12.0158 4.55925 12.5515 5.56153 12.7686 6.65267C12.9856 7.74382 12.8742 8.87482 12.4485 9.90265C12.0227 10.9305 11.3018 11.809 10.3767 12.4271C9.4517 13.0452 8.36416 13.3751 7.25164 13.3751C5.76031 13.3734 4.33053 12.7802 3.27599 11.7257C2.22146 10.6712 1.6283 9.24139 1.62664 7.75006Z"/>
5388</svg>
5389
5390  </div>
5391
5392  <input type="search" name="" id="" value="" placeholder="Type to find your country" data-country-picker-target="input" data-desktop-country-picker-dropdown-target="input" data-action="input-&gt;country-picker#filter keydown.down-&gt;country-picker#focusFirst" data-testid="country-picker-input" class="rounded-lg text-sm font-semibold h-8 justify-start pl-8 outline-transparent focus:text-gray-900 focus:bg-gray-300 placeholder-shown:outline-1 placeholder-shown:outline-offset-[-1px] placeholder-shown:outline-gray-400 placeholder-shown:text-gray-600 focus:placeholder-shown:outline-gray-800 focus:outline-gray-800 focus:placeholder-shown:text-gray-700 text-gray-900 placeholder-shown:bg-white bg-gray-300 search-cancel:false truncate [&amp;::-webkit-search-cancel-button]:[-webkit-appearance:none] [&amp;::-webkit-search-cancel-button]:[background-image:var(--library-search-cancel-btn-url)] [&amp;::-webkit-search-cancel-button]:[background-size:18px_18px] [&amp;::-webkit-search-cancel-button]:bg-no-repeat [&amp;::-webkit-search-cancel-button]:h-[19px] [&amp;::-webkit-search-cancel-button]:w-[19px] [&amp;::-webkit-search-cancel-button]:mr-2 [&amp;::-webkit-search-cancel-button]:cursor-pointer [&amp;::-webkit-search-cancel-button]:[transition:background-color_0.35s_ease] [&amp;::-webkit-search-cancel-button]:self-center [&amp;::-webkit-search-cancel-button]:[-webkit-align-items:center] [&amp;::-webkit-search-cancel-button]:justify-center [&amp;::-webkit-search-cancel-button]:[-webkit-justify-content:center] [&amp;::-webkit-search-cancel-button]:items-center w-full" />
5393</div>
5394
5395  </div>
5396
5397  <div class="p-4 text-gray-700 sm:overflow-y-auto sm:max-h-[calc(100vh-10rem)]">
5398    <ul data-country-picker-target="list" class="text-sm font-semibold">
5399        <li data-country-picker-target="item">
5400          <button 
5401            type="submit" 
5402            name="chosen_country" 
5403            value="AF"
5404            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5405            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5406            >
5407            <div class="flex flex-row items-center gap-x-2 min-w-0">
5408              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇫​</span>
5409              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5410                <span class="truncate">Afghanistan</span>
5411                <span class="flex-shrink-0">($ USD)</span>
5412              </div>
5413            </div>
5414            
5415          </button>
5416        </li>
5417        <li data-country-picker-target="item">
5418          <button 
5419            type="submit" 
5420            name="chosen_country" 
5421            value="AL"
5422            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5423            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5424            >
5425            <div class="flex flex-row items-center gap-x-2 min-w-0">
5426              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇱​</span>
5427              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5428                <span class="truncate">Albania</span>
5429                <span class="flex-shrink-0">($ USD)</span>
5430              </div>
5431            </div>
5432            
5433          </button>
5434        </li>
5435        <li data-country-picker-target="item">
5436          <button 
5437            type="submit" 
5438            name="chosen_country" 
5439            value="DZ"
5440            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5441            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5442            >
5443            <div class="flex flex-row items-center gap-x-2 min-w-0">
5444              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇿​</span>
5445              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5446                <span class="truncate">Algeria</span>
5447                <span class="flex-shrink-0">($ USD)</span>
5448              </div>
5449            </div>
5450            
5451          </button>
5452        </li>
5453        <li data-country-picker-target="item">
5454          <button 
5455            type="submit" 
5456            name="chosen_country" 
5457            value="AS"
5458            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5459            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5460            >
5461            <div class="flex flex-row items-center gap-x-2 min-w-0">
5462              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇸​</span>
5463              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5464                <span class="truncate">American Samoa</span>
5465                <span class="flex-shrink-0">($ USD)</span>
5466              </div>
5467            </div>
5468            
5469          </button>
5470        </li>
5471        <li data-country-picker-target="item">
5472          <button 
5473            type="submit" 
5474            name="chosen_country" 
5475            value="AD"
5476            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5477            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5478            >
5479            <div class="flex flex-row items-center gap-x-2 min-w-0">
5480              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇩​</span>
5481              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5482                <span class="truncate">Andorra</span>
5483                <span class="flex-shrink-0">($ USD)</span>
5484              </div>
5485            </div>
5486            
5487          </button>
5488        </li>
5489        <li data-country-picker-target="item">
5490          <button 
5491            type="submit" 
5492            name="chosen_country" 
5493            value="AO"
5494            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5495            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5496            >
5497            <div class="flex flex-row items-center gap-x-2 min-w-0">
5498              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇴​</span>
5499              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5500                <span class="truncate">Angola</span>
5501                <span class="flex-shrink-0">($ USD)</span>
5502              </div>
5503            </div>
5504            
5505          </button>
5506        </li>
5507        <li data-country-picker-target="item">
5508          <button 
5509            type="submit" 
5510            name="chosen_country" 
5511            value="AI"
5512            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5513            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5514            >
5515            <div class="flex flex-row items-center gap-x-2 min-w-0">
5516              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇮​</span>
5517              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5518                <span class="truncate">Anguilla</span>
5519                <span class="flex-shrink-0">($ USD)</span>
5520              </div>
5521            </div>
5522            
5523          </button>
5524        </li>
5525        <li data-country-picker-target="item">
5526          <button 
5527            type="submit" 
5528            name="chosen_country" 
5529            value="AQ"
5530            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5531            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5532            >
5533            <div class="flex flex-row items-center gap-x-2 min-w-0">
5534              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇶​</span>
5535              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5536                <span class="truncate">Antarctica</span>
5537                <span class="flex-shrink-0">($ USD)</span>
5538              </div>
5539            </div>
5540            
5541          </button>
5542        </li>
5543        <li data-country-picker-target="item">
5544          <button 
5545            type="submit" 
5546            name="chosen_country" 
5547            value="AG"
5548            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5549            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5550            >
5551            <div class="flex flex-row items-center gap-x-2 min-w-0">
5552              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇬​</span>
5553              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5554                <span class="truncate">Antigua and Barbuda</span>
5555                <span class="flex-shrink-0">($ USD)</span>
5556              </div>
5557            </div>
5558            
5559          </button>
5560        </li>
5561        <li data-country-picker-target="item">
5562          <button 
5563            type="submit" 
5564            name="chosen_country" 
5565            value="AR"
5566            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5567            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5568            >
5569            <div class="flex flex-row items-center gap-x-2 min-w-0">
5570              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇷​</span>
5571              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5572                <span class="truncate">Argentina</span>
5573                <span class="flex-shrink-0">($ USD)</span>
5574              </div>
5575            </div>
5576            
5577          </button>
5578        </li>
5579        <li data-country-picker-target="item">
5580          <button 
5581            type="submit" 
5582            name="chosen_country" 
5583            value="AM"
5584            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5585            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5586            >
5587            <div class="flex flex-row items-center gap-x-2 min-w-0">
5588              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇲​</span>
5589              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5590                <span class="truncate">Armenia</span>
5591                <span class="flex-shrink-0">($ USD)</span>
5592              </div>
5593            </div>
5594            
5595          </button>
5596        </li>
5597        <li data-country-picker-target="item">
5598          <button 
5599            type="submit" 
5600            name="chosen_country" 
5601            value="AW"
5602            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5603            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5604            >
5605            <div class="flex flex-row items-center gap-x-2 min-w-0">
5606              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇼​</span>
5607              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5608                <span class="truncate">Aruba</span>
5609                <span class="flex-shrink-0">($ USD)</span>
5610              </div>
5611            </div>
5612            
5613          </button>
5614        </li>
5615        <li data-country-picker-target="item">
5616          <button 
5617            type="submit" 
5618            name="chosen_country" 
5619            value="AU"
5620            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5621            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5622            >
5623            <div class="flex flex-row items-center gap-x-2 min-w-0">
5624              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇺​</span>
5625              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5626                <span class="truncate">Australia</span>
5627                <span class="flex-shrink-0">($ USD)</span>
5628              </div>
5629            </div>
5630            
5631          </button>
5632        </li>
5633        <li data-country-picker-target="item">
5634          <button 
5635            type="submit" 
5636            name="chosen_country" 
5637            value="AT"
5638            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5639            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5640            >
5641            <div class="flex flex-row items-center gap-x-2 min-w-0">
5642              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇹​</span>
5643              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5644                <span class="truncate">Austria</span>
5645                <span class="flex-shrink-0">(€ EUR)</span>
5646              </div>
5647            </div>
5648            
5649          </button>
5650        </li>
5651        <li data-country-picker-target="item">
5652          <button 
5653            type="submit" 
5654            name="chosen_country" 
5655            value="AZ"
5656            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5657            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5658            >
5659            <div class="flex flex-row items-center gap-x-2 min-w-0">
5660              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇿​</span>
5661              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5662                <span class="truncate">Azerbaijan</span>
5663                <span class="flex-shrink-0">($ USD)</span>
5664              </div>
5665            </div>
5666            
5667          </button>
5668        </li>
5669        <li data-country-picker-target="item">
5670          <button 
5671            type="submit" 
5672            name="chosen_country" 
5673            value="BS"
5674            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5675            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5676            >
5677            <div class="flex flex-row items-center gap-x-2 min-w-0">
5678              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇸​</span>
5679              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5680                <span class="truncate">Bahamas</span>
5681                <span class="flex-shrink-0">($ USD)</span>
5682              </div>
5683            </div>
5684            
5685          </button>
5686        </li>
5687        <li data-country-picker-target="item">
5688          <button 
5689            type="submit" 
5690            name="chosen_country" 
5691            value="BH"
5692            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5693            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5694            >
5695            <div class="flex flex-row items-center gap-x-2 min-w-0">
5696              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇭​</span>
5697              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5698                <span class="truncate">Bahrain</span>
5699                <span class="flex-shrink-0">($ USD)</span>
5700              </div>
5701            </div>
5702            
5703          </button>
5704        </li>
5705        <li data-country-picker-target="item">
5706          <button 
5707            type="submit" 
5708            name="chosen_country" 
5709            value="BD"
5710            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5711            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5712            >
5713            <div class="flex flex-row items-center gap-x-2 min-w-0">
5714              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇩​</span>
5715              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5716                <span class="truncate">Bangladesh</span>
5717                <span class="flex-shrink-0">($ USD)</span>
5718              </div>
5719            </div>
5720            
5721          </button>
5722        </li>
5723        <li data-country-picker-target="item">
5724          <button 
5725            type="submit" 
5726            name="chosen_country" 
5727            value="BB"
5728            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5729            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5730            >
5731            <div class="flex flex-row items-center gap-x-2 min-w-0">
5732              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇧​</span>
5733              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5734                <span class="truncate">Barbados</span>
5735                <span class="flex-shrink-0">($ USD)</span>
5736              </div>
5737            </div>
5738            
5739          </button>
5740        </li>
5741        <li data-country-picker-target="item">
5742          <button 
5743            type="submit" 
5744            name="chosen_country" 
5745            value="BY"
5746            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5747            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5748            >
5749            <div class="flex flex-row items-center gap-x-2 min-w-0">
5750              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇾​</span>
5751              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5752                <span class="truncate">Belarus</span>
5753                <span class="flex-shrink-0">($ USD)</span>
5754              </div>
5755            </div>
5756            
5757          </button>
5758        </li>
5759        <li data-country-picker-target="item">
5760          <button 
5761            type="submit" 
5762            name="chosen_country" 
5763            value="BE"
5764            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5765            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5766            >
5767            <div class="flex flex-row items-center gap-x-2 min-w-0">
5768              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇪​</span>
5769              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5770                <span class="truncate">Belgium</span>
5771                <span class="flex-shrink-0">(€ EUR)</span>
5772              </div>
5773            </div>
5774            
5775          </button>
5776        </li>
5777        <li data-country-picker-target="item">
5778          <button 
5779            type="submit" 
5780            name="chosen_country" 
5781            value="BZ"
5782            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5783            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5784            >
5785            <div class="flex flex-row items-center gap-x-2 min-w-0">
5786              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇿​</span>
5787              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5788                <span class="truncate">Belize</span>
5789                <span class="flex-shrink-0">($ USD)</span>
5790              </div>
5791            </div>
5792            
5793          </button>
5794        </li>
5795        <li data-country-picker-target="item">
5796          <button 
5797            type="submit" 
5798            name="chosen_country" 
5799            value="BJ"
5800            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5801            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5802            >
5803            <div class="flex flex-row items-center gap-x-2 min-w-0">
5804              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇯​</span>
5805              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5806                <span class="truncate">Benin</span>
5807                <span class="flex-shrink-0">($ USD)</span>
5808              </div>
5809            </div>
5810            
5811          </button>
5812        </li>
5813        <li data-country-picker-target="item">
5814          <button 
5815            type="submit" 
5816            name="chosen_country" 
5817            value="BM"
5818            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5819            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5820            >
5821            <div class="flex flex-row items-center gap-x-2 min-w-0">
5822              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇲​</span>
5823              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5824                <span class="truncate">Bermuda</span>
5825                <span class="flex-shrink-0">($ USD)</span>
5826              </div>
5827            </div>
5828            
5829          </button>
5830        </li>
5831        <li data-country-picker-target="item">
5832          <button 
5833            type="submit" 
5834            name="chosen_country" 
5835            value="BT"
5836            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5837            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5838            >
5839            <div class="flex flex-row items-center gap-x-2 min-w-0">
5840              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇹​</span>
5841              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5842                <span class="truncate">Bhutan</span>
5843                <span class="flex-shrink-0">($ USD)</span>
5844              </div>
5845            </div>
5846            
5847          </button>
5848        </li>
5849        <li data-country-picker-target="item">
5850          <button 
5851            type="submit" 
5852            name="chosen_country" 
5853            value="BO"
5854            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5855            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5856            >
5857            <div class="flex flex-row items-center gap-x-2 min-w-0">
5858              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇴​</span>
5859              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5860                <span class="truncate">Bolivia</span>
5861                <span class="flex-shrink-0">($ USD)</span>
5862              </div>
5863            </div>
5864            
5865          </button>
5866        </li>
5867        <li data-country-picker-target="item">
5868          <button 
5869            type="submit" 
5870            name="chosen_country" 
5871            value="BQ"
5872            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5873            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5874            >
5875            <div class="flex flex-row items-center gap-x-2 min-w-0">
5876              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇶​</span>
5877              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5878                <span class="truncate">Bonaire, Sint Eustatius and Saba</span>
5879                <span class="flex-shrink-0">($ USD)</span>
5880              </div>
5881            </div>
5882            
5883          </button>
5884        </li>
5885        <li data-country-picker-target="item">
5886          <button 
5887            type="submit" 
5888            name="chosen_country" 
5889            value="BA"
5890            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5891            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5892            >
5893            <div class="flex flex-row items-center gap-x-2 min-w-0">
5894              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇦​</span>
5895              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5896                <span class="truncate">Bosnia and Herzegovina</span>
5897                <span class="flex-shrink-0">($ USD)</span>
5898              </div>
5899            </div>
5900            
5901          </button>
5902        </li>
5903        <li data-country-picker-target="item">
5904          <button 
5905            type="submit" 
5906            name="chosen_country" 
5907            value="BW"
5908            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5909            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5910            >
5911            <div class="flex flex-row items-center gap-x-2 min-w-0">
5912              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇼​</span>
5913              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5914                <span class="truncate">Botswana</span>
5915                <span class="flex-shrink-0">($ USD)</span>
5916              </div>
5917            </div>
5918            
5919          </button>
5920        </li>
5921        <li data-country-picker-target="item">
5922          <button 
5923            type="submit" 
5924            name="chosen_country" 
5925            value="BV"
5926            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5927            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5928            >
5929            <div class="flex flex-row items-center gap-x-2 min-w-0">
5930              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇻​</span>
5931              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5932                <span class="truncate">Bouvet Island</span>
5933                <span class="flex-shrink-0">($ USD)</span>
5934              </div>
5935            </div>
5936            
5937          </button>
5938        </li>
5939        <li data-country-picker-target="item">
5940          <button 
5941            type="submit" 
5942            name="chosen_country" 
5943            value="BR"
5944            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5945            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5946            >
5947            <div class="flex flex-row items-center gap-x-2 min-w-0">
5948              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇷​</span>
5949              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5950                <span class="truncate">Brazil</span>
5951                <span class="flex-shrink-0">($ USD)</span>
5952              </div>
5953            </div>
5954            
5955          </button>
5956        </li>
5957        <li data-country-picker-target="item">
5958          <button 
5959            type="submit" 
5960            name="chosen_country" 
5961            value="IO"
5962            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5963            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5964            >
5965            <div class="flex flex-row items-center gap-x-2 min-w-0">
5966              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇴​</span>
5967              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5968                <span class="truncate">British Indian Ocean Territory</span>
5969                <span class="flex-shrink-0">($ USD)</span>
5970              </div>
5971            </div>
5972            
5973          </button>
5974        </li>
5975        <li data-country-picker-target="item">
5976          <button 
5977            type="submit" 
5978            name="chosen_country" 
5979            value="BN"
5980            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5981            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
5982            >
5983            <div class="flex flex-row items-center gap-x-2 min-w-0">
5984              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇳​</span>
5985              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
5986                <span class="truncate">Brunei Darussalam</span>
5987                <span class="flex-shrink-0">($ USD)</span>
5988              </div>
5989            </div>
5990            
5991          </button>
5992        </li>
5993        <li data-country-picker-target="item">
5994          <button 
5995            type="submit" 
5996            name="chosen_country" 
5997            value="BG"
5998            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
5999            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6000            >
6001            <div class="flex flex-row items-center gap-x-2 min-w-0">
6002              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇬​</span>
6003              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6004                <span class="truncate">Bulgaria</span>
6005                <span class="flex-shrink-0">(€ EUR)</span>
6006              </div>
6007            </div>
6008            
6009          </button>
6010        </li>
6011        <li data-country-picker-target="item">
6012          <button 
6013            type="submit" 
6014            name="chosen_country" 
6015            value="BF"
6016            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6017            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6018            >
6019            <div class="flex flex-row items-center gap-x-2 min-w-0">
6020              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇫​</span>
6021              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6022                <span class="truncate">Burkina Faso</span>
6023                <span class="flex-shrink-0">($ USD)</span>
6024              </div>
6025            </div>
6026            
6027          </button>
6028        </li>
6029        <li data-country-picker-target="item">
6030          <button 
6031            type="submit" 
6032            name="chosen_country" 
6033            value="BI"
6034            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6035            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6036            >
6037            <div class="flex flex-row items-center gap-x-2 min-w-0">
6038              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇮​</span>
6039              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6040                <span class="truncate">Burundi</span>
6041                <span class="flex-shrink-0">($ USD)</span>
6042              </div>
6043            </div>
6044            
6045          </button>
6046        </li>
6047        <li data-country-picker-target="item">
6048          <button 
6049            type="submit" 
6050            name="chosen_country" 
6051            value="CV"
6052            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6053            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6054            >
6055            <div class="flex flex-row items-center gap-x-2 min-w-0">
6056              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇻​</span>
6057              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6058                <span class="truncate">Cabo Verde</span>
6059                <span class="flex-shrink-0">($ USD)</span>
6060              </div>
6061            </div>
6062            
6063          </button>
6064        </li>
6065        <li data-country-picker-target="item">
6066          <button 
6067            type="submit" 
6068            name="chosen_country" 
6069            value="KH"
6070            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6071            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6072            >
6073            <div class="flex flex-row items-center gap-x-2 min-w-0">
6074              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇭​</span>
6075              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6076                <span class="truncate">Cambodia</span>
6077                <span class="flex-shrink-0">($ USD)</span>
6078              </div>
6079            </div>
6080            
6081          </button>
6082        </li>
6083        <li data-country-picker-target="item">
6084          <button 
6085            type="submit" 
6086            name="chosen_country" 
6087            value="CM"
6088            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6089            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6090            >
6091            <div class="flex flex-row items-center gap-x-2 min-w-0">
6092              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇲​</span>
6093              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6094                <span class="truncate">Cameroon</span>
6095                <span class="flex-shrink-0">($ USD)</span>
6096              </div>
6097            </div>
6098            
6099          </button>
6100        </li>
6101        <li data-country-picker-target="item">
6102          <button 
6103            type="submit" 
6104            name="chosen_country" 
6105            value="CA"
6106            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6107            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6108            >
6109            <div class="flex flex-row items-center gap-x-2 min-w-0">
6110              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇦​</span>
6111              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6112                <span class="truncate">Canada</span>
6113                <span class="flex-shrink-0">($ USD)</span>
6114              </div>
6115            </div>
6116            
6117          </button>
6118        </li>
6119        <li data-country-picker-target="item">
6120          <button 
6121            type="submit" 
6122            name="chosen_country" 
6123            value="KY"
6124            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6125            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6126            >
6127            <div class="flex flex-row items-center gap-x-2 min-w-0">
6128              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇾​</span>
6129              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6130                <span class="truncate">Cayman Islands</span>
6131                <span class="flex-shrink-0">($ USD)</span>
6132              </div>
6133            </div>
6134            
6135          </button>
6136        </li>
6137        <li data-country-picker-target="item">
6138          <button 
6139            type="submit" 
6140            name="chosen_country" 
6141            value="CF"
6142            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6143            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6144            >
6145            <div class="flex flex-row items-center gap-x-2 min-w-0">
6146              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇫​</span>
6147              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6148                <span class="truncate">Central African Republic</span>
6149                <span class="flex-shrink-0">($ USD)</span>
6150              </div>
6151            </div>
6152            
6153          </button>
6154        </li>
6155        <li data-country-picker-target="item">
6156          <button 
6157            type="submit" 
6158            name="chosen_country" 
6159            value="TD"
6160            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6161            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6162            >
6163            <div class="flex flex-row items-center gap-x-2 min-w-0">
6164              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇩​</span>
6165              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6166                <span class="truncate">Chad</span>
6167                <span class="flex-shrink-0">($ USD)</span>
6168              </div>
6169            </div>
6170            
6171          </button>
6172        </li>
6173        <li data-country-picker-target="item">
6174          <button 
6175            type="submit" 
6176            name="chosen_country" 
6177            value="CL"
6178            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6179            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6180            >
6181            <div class="flex flex-row items-center gap-x-2 min-w-0">
6182              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇱​</span>
6183              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6184                <span class="truncate">Chile</span>
6185                <span class="flex-shrink-0">($ USD)</span>
6186              </div>
6187            </div>
6188            
6189          </button>
6190        </li>
6191        <li data-country-picker-target="item">
6192          <button 
6193            type="submit" 
6194            name="chosen_country" 
6195            value="CN"
6196            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6197            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6198            >
6199            <div class="flex flex-row items-center gap-x-2 min-w-0">
6200              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇳​</span>
6201              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6202                <span class="truncate">China</span>
6203                <span class="flex-shrink-0">($ USD)</span>
6204              </div>
6205            </div>
6206            
6207          </button>
6208        </li>
6209        <li data-country-picker-target="item">
6210          <button 
6211            type="submit" 
6212            name="chosen_country" 
6213            value="CX"
6214            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6215            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6216            >
6217            <div class="flex flex-row items-center gap-x-2 min-w-0">
6218              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇽​</span>
6219              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6220                <span class="truncate">Christmas Island</span>
6221                <span class="flex-shrink-0">($ USD)</span>
6222              </div>
6223            </div>
6224            
6225          </button>
6226        </li>
6227        <li data-country-picker-target="item">
6228          <button 
6229            type="submit" 
6230            name="chosen_country" 
6231            value="CC"
6232            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6233            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6234            >
6235            <div class="flex flex-row items-center gap-x-2 min-w-0">
6236              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇨​</span>
6237              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6238                <span class="truncate">Cocos (Keeling) Islands</span>
6239                <span class="flex-shrink-0">($ USD)</span>
6240              </div>
6241            </div>
6242            
6243          </button>
6244        </li>
6245        <li data-country-picker-target="item">
6246          <button 
6247            type="submit" 
6248            name="chosen_country" 
6249            value="CO"
6250            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6251            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6252            >
6253            <div class="flex flex-row items-center gap-x-2 min-w-0">
6254              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇴​</span>
6255              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6256                <span class="truncate">Colombia</span>
6257                <span class="flex-shrink-0">($ USD)</span>
6258              </div>
6259            </div>
6260            
6261          </button>
6262        </li>
6263        <li data-country-picker-target="item">
6264          <button 
6265            type="submit" 
6266            name="chosen_country" 
6267            value="KM"
6268            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6269            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6270            >
6271            <div class="flex flex-row items-center gap-x-2 min-w-0">
6272              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇲​</span>
6273              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6274                <span class="truncate">Comoros</span>
6275                <span class="flex-shrink-0">($ USD)</span>
6276              </div>
6277            </div>
6278            
6279          </button>
6280        </li>
6281        <li data-country-picker-target="item">
6282          <button 
6283            type="submit" 
6284            name="chosen_country" 
6285            value="CG"
6286            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6287            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6288            >
6289            <div class="flex flex-row items-center gap-x-2 min-w-0">
6290              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇬​</span>
6291              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6292                <span class="truncate">Congo</span>
6293                <span class="flex-shrink-0">($ USD)</span>
6294              </div>
6295            </div>
6296            
6297          </button>
6298        </li>
6299        <li data-country-picker-target="item">
6300          <button 
6301            type="submit" 
6302            name="chosen_country" 
6303            value="CK"
6304            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6305            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6306            >
6307            <div class="flex flex-row items-center gap-x-2 min-w-0">
6308              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇰​</span>
6309              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6310                <span class="truncate">Cook Islands</span>
6311                <span class="flex-shrink-0">($ USD)</span>
6312              </div>
6313            </div>
6314            
6315          </button>
6316        </li>
6317        <li data-country-picker-target="item">
6318          <button 
6319            type="submit" 
6320            name="chosen_country" 
6321            value="CR"
6322            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6323            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6324            >
6325            <div class="flex flex-row items-center gap-x-2 min-w-0">
6326              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇷​</span>
6327              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6328                <span class="truncate">Costa Rica</span>
6329                <span class="flex-shrink-0">($ USD)</span>
6330              </div>
6331            </div>
6332            
6333          </button>
6334        </li>
6335        <li data-country-picker-target="item">
6336          <button 
6337            type="submit" 
6338            name="chosen_country" 
6339            value="HR"
6340            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6341            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6342            >
6343            <div class="flex flex-row items-center gap-x-2 min-w-0">
6344              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇷​</span>
6345              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6346                <span class="truncate">Croatia</span>
6347                <span class="flex-shrink-0">(€ EUR)</span>
6348              </div>
6349            </div>
6350            
6351          </button>
6352        </li>
6353        <li data-country-picker-target="item">
6354          <button 
6355            type="submit" 
6356            name="chosen_country" 
6357            value="CU"
6358            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6359            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6360            >
6361            <div class="flex flex-row items-center gap-x-2 min-w-0">
6362              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇺​</span>
6363              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6364                <span class="truncate">Cuba</span>
6365                <span class="flex-shrink-0">($ USD)</span>
6366              </div>
6367            </div>
6368            
6369          </button>
6370        </li>
6371        <li data-country-picker-target="item">
6372          <button 
6373            type="submit" 
6374            name="chosen_country" 
6375            value="CW"
6376            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6377            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6378            >
6379            <div class="flex flex-row items-center gap-x-2 min-w-0">
6380              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇼​</span>
6381              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6382                <span class="truncate">Curaçao</span>
6383                <span class="flex-shrink-0">($ USD)</span>
6384              </div>
6385            </div>
6386            
6387          </button>
6388        </li>
6389        <li data-country-picker-target="item">
6390          <button 
6391            type="submit" 
6392            name="chosen_country" 
6393            value="CY"
6394            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6395            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6396            >
6397            <div class="flex flex-row items-center gap-x-2 min-w-0">
6398              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇾​</span>
6399              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6400                <span class="truncate">Cyprus</span>
6401                <span class="flex-shrink-0">(€ EUR)</span>
6402              </div>
6403            </div>
6404            
6405          </button>
6406        </li>
6407        <li data-country-picker-target="item">
6408          <button 
6409            type="submit" 
6410            name="chosen_country" 
6411            value="CZ"
6412            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6413            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6414            >
6415            <div class="flex flex-row items-center gap-x-2 min-w-0">
6416              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇿​</span>
6417              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6418                <span class="truncate">Czechia</span>
6419                <span class="flex-shrink-0">(€ EUR)</span>
6420              </div>
6421            </div>
6422            
6423          </button>
6424        </li>
6425        <li data-country-picker-target="item">
6426          <button 
6427            type="submit" 
6428            name="chosen_country" 
6429            value="CI"
6430            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6431            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6432            >
6433            <div class="flex flex-row items-center gap-x-2 min-w-0">
6434              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇮​</span>
6435              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6436                <span class="truncate">Côte d&#39;Ivoire</span>
6437                <span class="flex-shrink-0">($ USD)</span>
6438              </div>
6439            </div>
6440            
6441          </button>
6442        </li>
6443        <li data-country-picker-target="item">
6444          <button 
6445            type="submit" 
6446            name="chosen_country" 
6447            value="DK"
6448            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6449            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6450            >
6451            <div class="flex flex-row items-center gap-x-2 min-w-0">
6452              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇰​</span>
6453              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6454                <span class="truncate">Denmark</span>
6455                <span class="flex-shrink-0">(€ EUR)</span>
6456              </div>
6457            </div>
6458            
6459          </button>
6460        </li>
6461        <li data-country-picker-target="item">
6462          <button 
6463            type="submit" 
6464            name="chosen_country" 
6465            value="DJ"
6466            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6467            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6468            >
6469            <div class="flex flex-row items-center gap-x-2 min-w-0">
6470              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇯​</span>
6471              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6472                <span class="truncate">Djibouti</span>
6473                <span class="flex-shrink-0">($ USD)</span>
6474              </div>
6475            </div>
6476            
6477          </button>
6478        </li>
6479        <li data-country-picker-target="item">
6480          <button 
6481            type="submit" 
6482            name="chosen_country" 
6483            value="DM"
6484            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6485            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6486            >
6487            <div class="flex flex-row items-center gap-x-2 min-w-0">
6488              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇲​</span>
6489              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6490                <span class="truncate">Dominica</span>
6491                <span class="flex-shrink-0">($ USD)</span>
6492              </div>
6493            </div>
6494            
6495          </button>
6496        </li>
6497        <li data-country-picker-target="item">
6498          <button 
6499            type="submit" 
6500            name="chosen_country" 
6501            value="DO"
6502            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6503            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6504            >
6505            <div class="flex flex-row items-center gap-x-2 min-w-0">
6506              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇴​</span>
6507              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6508                <span class="truncate">Dominican Republic</span>
6509                <span class="flex-shrink-0">($ USD)</span>
6510              </div>
6511            </div>
6512            
6513          </button>
6514        </li>
6515        <li data-country-picker-target="item">
6516          <button 
6517            type="submit" 
6518            name="chosen_country" 
6519            value="EC"
6520            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6521            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6522            >
6523            <div class="flex flex-row items-center gap-x-2 min-w-0">
6524              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇨​</span>
6525              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6526                <span class="truncate">Ecuador</span>
6527                <span class="flex-shrink-0">($ USD)</span>
6528              </div>
6529            </div>
6530            
6531          </button>
6532        </li>
6533        <li data-country-picker-target="item">
6534          <button 
6535            type="submit" 
6536            name="chosen_country" 
6537            value="EG"
6538            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6539            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6540            >
6541            <div class="flex flex-row items-center gap-x-2 min-w-0">
6542              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇬​</span>
6543              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6544                <span class="truncate">Egypt</span>
6545                <span class="flex-shrink-0">($ USD)</span>
6546              </div>
6547            </div>
6548            
6549          </button>
6550        </li>
6551        <li data-country-picker-target="item">
6552          <button 
6553            type="submit" 
6554            name="chosen_country" 
6555            value="SV"
6556            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6557            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6558            >
6559            <div class="flex flex-row items-center gap-x-2 min-w-0">
6560              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇻​</span>
6561              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6562                <span class="truncate">El Salvador</span>
6563                <span class="flex-shrink-0">($ USD)</span>
6564              </div>
6565            </div>
6566            
6567          </button>
6568        </li>
6569        <li data-country-picker-target="item">
6570          <button 
6571            type="submit" 
6572            name="chosen_country" 
6573            value="GQ"
6574            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6575            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6576            >
6577            <div class="flex flex-row items-center gap-x-2 min-w-0">
6578              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇶​</span>
6579              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6580                <span class="truncate">Equatorial Guinea</span>
6581                <span class="flex-shrink-0">($ USD)</span>
6582              </div>
6583            </div>
6584            
6585          </button>
6586        </li>
6587        <li data-country-picker-target="item">
6588          <button 
6589            type="submit" 
6590            name="chosen_country" 
6591            value="ER"
6592            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6593            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6594            >
6595            <div class="flex flex-row items-center gap-x-2 min-w-0">
6596              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇷​</span>
6597              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6598                <span class="truncate">Eritrea</span>
6599                <span class="flex-shrink-0">($ USD)</span>
6600              </div>
6601            </div>
6602            
6603          </button>
6604        </li>
6605        <li data-country-picker-target="item">
6606          <button 
6607            type="submit" 
6608            name="chosen_country" 
6609            value="EE"
6610            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6611            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6612            >
6613            <div class="flex flex-row items-center gap-x-2 min-w-0">
6614              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇪​</span>
6615              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6616                <span class="truncate">Estonia</span>
6617                <span class="flex-shrink-0">(€ EUR)</span>
6618              </div>
6619            </div>
6620            
6621          </button>
6622        </li>
6623        <li data-country-picker-target="item">
6624          <button 
6625            type="submit" 
6626            name="chosen_country" 
6627            value="SZ"
6628            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6629            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6630            >
6631            <div class="flex flex-row items-center gap-x-2 min-w-0">
6632              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇿​</span>
6633              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6634                <span class="truncate">Eswatini</span>
6635                <span class="flex-shrink-0">($ USD)</span>
6636              </div>
6637            </div>
6638            
6639          </button>
6640        </li>
6641        <li data-country-picker-target="item">
6642          <button 
6643            type="submit" 
6644            name="chosen_country" 
6645            value="ET"
6646            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6647            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6648            >
6649            <div class="flex flex-row items-center gap-x-2 min-w-0">
6650              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇹​</span>
6651              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6652                <span class="truncate">Ethiopia</span>
6653                <span class="flex-shrink-0">($ USD)</span>
6654              </div>
6655            </div>
6656            
6657          </button>
6658        </li>
6659        <li data-country-picker-target="item">
6660          <button 
6661            type="submit" 
6662            name="chosen_country" 
6663            value="FK"
6664            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6665            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6666            >
6667            <div class="flex flex-row items-center gap-x-2 min-w-0">
6668              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇰​</span>
6669              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6670                <span class="truncate">Falkland Islands (Malvinas)</span>
6671                <span class="flex-shrink-0">($ USD)</span>
6672              </div>
6673            </div>
6674            
6675          </button>
6676        </li>
6677        <li data-country-picker-target="item">
6678          <button 
6679            type="submit" 
6680            name="chosen_country" 
6681            value="FO"
6682            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6683            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6684            >
6685            <div class="flex flex-row items-center gap-x-2 min-w-0">
6686              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇴​</span>
6687              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6688                <span class="truncate">Faroe Islands</span>
6689                <span class="flex-shrink-0">($ USD)</span>
6690              </div>
6691            </div>
6692            
6693          </button>
6694        </li>
6695        <li data-country-picker-target="item">
6696          <button 
6697            type="submit" 
6698            name="chosen_country" 
6699            value="FM"
6700            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6701            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6702            >
6703            <div class="flex flex-row items-center gap-x-2 min-w-0">
6704              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇲​</span>
6705              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6706                <span class="truncate">Federated States of Micronesia</span>
6707                <span class="flex-shrink-0">($ USD)</span>
6708              </div>
6709            </div>
6710            
6711          </button>
6712        </li>
6713        <li data-country-picker-target="item">
6714          <button 
6715            type="submit" 
6716            name="chosen_country" 
6717            value="FJ"
6718            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6719            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6720            >
6721            <div class="flex flex-row items-center gap-x-2 min-w-0">
6722              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇯​</span>
6723              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6724                <span class="truncate">Fiji</span>
6725                <span class="flex-shrink-0">($ USD)</span>
6726              </div>
6727            </div>
6728            
6729          </button>
6730        </li>
6731        <li data-country-picker-target="item">
6732          <button 
6733            type="submit" 
6734            name="chosen_country" 
6735            value="FI"
6736            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6737            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6738            >
6739            <div class="flex flex-row items-center gap-x-2 min-w-0">
6740              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇮​</span>
6741              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6742                <span class="truncate">Finland</span>
6743                <span class="flex-shrink-0">(€ EUR)</span>
6744              </div>
6745            </div>
6746            
6747          </button>
6748        </li>
6749        <li data-country-picker-target="item">
6750          <button 
6751            type="submit" 
6752            name="chosen_country" 
6753            value="FR"
6754            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6755            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6756            >
6757            <div class="flex flex-row items-center gap-x-2 min-w-0">
6758              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇫🇷​</span>
6759              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6760                <span class="truncate">France</span>
6761                <span class="flex-shrink-0">(€ EUR)</span>
6762              </div>
6763            </div>
6764            
6765          </button>
6766        </li>
6767        <li data-country-picker-target="item">
6768          <button 
6769            type="submit" 
6770            name="chosen_country" 
6771            value="GF"
6772            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6773            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6774            >
6775            <div class="flex flex-row items-center gap-x-2 min-w-0">
6776              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇫​</span>
6777              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6778                <span class="truncate">French Guiana</span>
6779                <span class="flex-shrink-0">($ USD)</span>
6780              </div>
6781            </div>
6782            
6783          </button>
6784        </li>
6785        <li data-country-picker-target="item">
6786          <button 
6787            type="submit" 
6788            name="chosen_country" 
6789            value="PF"
6790            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6791            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6792            >
6793            <div class="flex flex-row items-center gap-x-2 min-w-0">
6794              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇫​</span>
6795              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6796                <span class="truncate">French Polynesia</span>
6797                <span class="flex-shrink-0">($ USD)</span>
6798              </div>
6799            </div>
6800            
6801          </button>
6802        </li>
6803        <li data-country-picker-target="item">
6804          <button 
6805            type="submit" 
6806            name="chosen_country" 
6807            value="TF"
6808            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6809            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6810            >
6811            <div class="flex flex-row items-center gap-x-2 min-w-0">
6812              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇫​</span>
6813              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6814                <span class="truncate">French Southern Territories</span>
6815                <span class="flex-shrink-0">($ USD)</span>
6816              </div>
6817            </div>
6818            
6819          </button>
6820        </li>
6821        <li data-country-picker-target="item">
6822          <button 
6823            type="submit" 
6824            name="chosen_country" 
6825            value="GA"
6826            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6827            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6828            >
6829            <div class="flex flex-row items-center gap-x-2 min-w-0">
6830              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇦​</span>
6831              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6832                <span class="truncate">Gabon</span>
6833                <span class="flex-shrink-0">($ USD)</span>
6834              </div>
6835            </div>
6836            
6837          </button>
6838        </li>
6839        <li data-country-picker-target="item">
6840          <button 
6841            type="submit" 
6842            name="chosen_country" 
6843            value="GM"
6844            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6845            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6846            >
6847            <div class="flex flex-row items-center gap-x-2 min-w-0">
6848              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇲​</span>
6849              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6850                <span class="truncate">Gambia</span>
6851                <span class="flex-shrink-0">($ USD)</span>
6852              </div>
6853            </div>
6854            
6855          </button>
6856        </li>
6857        <li data-country-picker-target="item">
6858          <button 
6859            type="submit" 
6860            name="chosen_country" 
6861            value="GE"
6862            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6863            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6864            >
6865            <div class="flex flex-row items-center gap-x-2 min-w-0">
6866              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇪​</span>
6867              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6868                <span class="truncate">Georgia</span>
6869                <span class="flex-shrink-0">($ USD)</span>
6870              </div>
6871            </div>
6872            
6873          </button>
6874        </li>
6875        <li data-country-picker-target="item">
6876          <button 
6877            type="submit" 
6878            name="chosen_country" 
6879            value="DE"
6880            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6881            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6882            >
6883            <div class="flex flex-row items-center gap-x-2 min-w-0">
6884              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇩🇪​</span>
6885              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6886                <span class="truncate">Germany</span>
6887                <span class="flex-shrink-0">(€ EUR)</span>
6888              </div>
6889            </div>
6890            
6891          </button>
6892        </li>
6893        <li data-country-picker-target="item">
6894          <button 
6895            type="submit" 
6896            name="chosen_country" 
6897            value="GH"
6898            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6899            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6900            >
6901            <div class="flex flex-row items-center gap-x-2 min-w-0">
6902              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇭​</span>
6903              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6904                <span class="truncate">Ghana</span>
6905                <span class="flex-shrink-0">($ USD)</span>
6906              </div>
6907            </div>
6908            
6909          </button>
6910        </li>
6911        <li data-country-picker-target="item">
6912          <button 
6913            type="submit" 
6914            name="chosen_country" 
6915            value="GI"
6916            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6917            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6918            >
6919            <div class="flex flex-row items-center gap-x-2 min-w-0">
6920              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇮​</span>
6921              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6922                <span class="truncate">Gibraltar</span>
6923                <span class="flex-shrink-0">($ USD)</span>
6924              </div>
6925            </div>
6926            
6927          </button>
6928        </li>
6929        <li data-country-picker-target="item">
6930          <button 
6931            type="submit" 
6932            name="chosen_country" 
6933            value="GR"
6934            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6935            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6936            >
6937            <div class="flex flex-row items-center gap-x-2 min-w-0">
6938              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇷​</span>
6939              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6940                <span class="truncate">Greece</span>
6941                <span class="flex-shrink-0">(€ EUR)</span>
6942              </div>
6943            </div>
6944            
6945          </button>
6946        </li>
6947        <li data-country-picker-target="item">
6948          <button 
6949            type="submit" 
6950            name="chosen_country" 
6951            value="GL"
6952            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6953            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6954            >
6955            <div class="flex flex-row items-center gap-x-2 min-w-0">
6956              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇱​</span>
6957              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6958                <span class="truncate">Greenland</span>
6959                <span class="flex-shrink-0">($ USD)</span>
6960              </div>
6961            </div>
6962            
6963          </button>
6964        </li>
6965        <li data-country-picker-target="item">
6966          <button 
6967            type="submit" 
6968            name="chosen_country" 
6969            value="GD"
6970            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6971            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6972            >
6973            <div class="flex flex-row items-center gap-x-2 min-w-0">
6974              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇩​</span>
6975              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6976                <span class="truncate">Grenada</span>
6977                <span class="flex-shrink-0">($ USD)</span>
6978              </div>
6979            </div>
6980            
6981          </button>
6982        </li>
6983        <li data-country-picker-target="item">
6984          <button 
6985            type="submit" 
6986            name="chosen_country" 
6987            value="GP"
6988            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
6989            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
6990            >
6991            <div class="flex flex-row items-center gap-x-2 min-w-0">
6992              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇵​</span>
6993              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
6994                <span class="truncate">Guadeloupe</span>
6995                <span class="flex-shrink-0">($ USD)</span>
6996              </div>
6997            </div>
6998            
6999          </button>
7000        </li>
7001        <li data-country-picker-target="item">
7002          <button 
7003            type="submit" 
7004            name="chosen_country" 
7005            value="GU"
7006            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7007            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7008            >
7009            <div class="flex flex-row items-center gap-x-2 min-w-0">
7010              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇺​</span>
7011              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7012                <span class="truncate">Guam</span>
7013                <span class="flex-shrink-0">($ USD)</span>
7014              </div>
7015            </div>
7016            
7017          </button>
7018        </li>
7019        <li data-country-picker-target="item">
7020          <button 
7021            type="submit" 
7022            name="chosen_country" 
7023            value="GT"
7024            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7025            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7026            >
7027            <div class="flex flex-row items-center gap-x-2 min-w-0">
7028              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇹​</span>
7029              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7030                <span class="truncate">Guatemala</span>
7031                <span class="flex-shrink-0">($ USD)</span>
7032              </div>
7033            </div>
7034            
7035          </button>
7036        </li>
7037        <li data-country-picker-target="item">
7038          <button 
7039            type="submit" 
7040            name="chosen_country" 
7041            value="GG"
7042            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7043            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7044            >
7045            <div class="flex flex-row items-center gap-x-2 min-w-0">
7046              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇬​</span>
7047              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7048                <span class="truncate">Guernsey</span>
7049                <span class="flex-shrink-0">($ USD)</span>
7050              </div>
7051            </div>
7052            
7053          </button>
7054        </li>
7055        <li data-country-picker-target="item">
7056          <button 
7057            type="submit" 
7058            name="chosen_country" 
7059            value="GN"
7060            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7061            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7062            >
7063            <div class="flex flex-row items-center gap-x-2 min-w-0">
7064              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇳​</span>
7065              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7066                <span class="truncate">Guinea</span>
7067                <span class="flex-shrink-0">($ USD)</span>
7068              </div>
7069            </div>
7070            
7071          </button>
7072        </li>
7073        <li data-country-picker-target="item">
7074          <button 
7075            type="submit" 
7076            name="chosen_country" 
7077            value="GW"
7078            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7079            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7080            >
7081            <div class="flex flex-row items-center gap-x-2 min-w-0">
7082              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇼​</span>
7083              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7084                <span class="truncate">Guinea-Bissau</span>
7085                <span class="flex-shrink-0">($ USD)</span>
7086              </div>
7087            </div>
7088            
7089          </button>
7090        </li>
7091        <li data-country-picker-target="item">
7092          <button 
7093            type="submit" 
7094            name="chosen_country" 
7095            value="GY"
7096            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7097            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7098            >
7099            <div class="flex flex-row items-center gap-x-2 min-w-0">
7100              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇾​</span>
7101              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7102                <span class="truncate">Guyana</span>
7103                <span class="flex-shrink-0">($ USD)</span>
7104              </div>
7105            </div>
7106            
7107          </button>
7108        </li>
7109        <li data-country-picker-target="item">
7110          <button 
7111            type="submit" 
7112            name="chosen_country" 
7113            value="HT"
7114            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7115            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7116            >
7117            <div class="flex flex-row items-center gap-x-2 min-w-0">
7118              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇹​</span>
7119              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7120                <span class="truncate">Haiti</span>
7121                <span class="flex-shrink-0">($ USD)</span>
7122              </div>
7123            </div>
7124            
7125          </button>
7126        </li>
7127        <li data-country-picker-target="item">
7128          <button 
7129            type="submit" 
7130            name="chosen_country" 
7131            value="HM"
7132            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7133            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7134            >
7135            <div class="flex flex-row items-center gap-x-2 min-w-0">
7136              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇲​</span>
7137              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7138                <span class="truncate">Heard Island and McDonald Islands</span>
7139                <span class="flex-shrink-0">($ USD)</span>
7140              </div>
7141            </div>
7142            
7143          </button>
7144        </li>
7145        <li data-country-picker-target="item">
7146          <button 
7147            type="submit" 
7148            name="chosen_country" 
7149            value="VA"
7150            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7151            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7152            >
7153            <div class="flex flex-row items-center gap-x-2 min-w-0">
7154              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇦​</span>
7155              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7156                <span class="truncate">Holy See (Vatican City State)</span>
7157                <span class="flex-shrink-0">($ USD)</span>
7158              </div>
7159            </div>
7160            
7161          </button>
7162        </li>
7163        <li data-country-picker-target="item">
7164          <button 
7165            type="submit" 
7166            name="chosen_country" 
7167            value="HN"
7168            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7169            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7170            >
7171            <div class="flex flex-row items-center gap-x-2 min-w-0">
7172              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇳​</span>
7173              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7174                <span class="truncate">Honduras</span>
7175                <span class="flex-shrink-0">($ USD)</span>
7176              </div>
7177            </div>
7178            
7179          </button>
7180        </li>
7181        <li data-country-picker-target="item">
7182          <button 
7183            type="submit" 
7184            name="chosen_country" 
7185            value="HK"
7186            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7187            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7188            >
7189            <div class="flex flex-row items-center gap-x-2 min-w-0">
7190              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇰​</span>
7191              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7192                <span class="truncate">Hong Kong</span>
7193                <span class="flex-shrink-0">($ USD)</span>
7194              </div>
7195            </div>
7196            
7197          </button>
7198        </li>
7199        <li data-country-picker-target="item">
7200          <button 
7201            type="submit" 
7202            name="chosen_country" 
7203            value="HU"
7204            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7205            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7206            >
7207            <div class="flex flex-row items-center gap-x-2 min-w-0">
7208              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇭🇺​</span>
7209              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7210                <span class="truncate">Hungary</span>
7211                <span class="flex-shrink-0">(€ EUR)</span>
7212              </div>
7213            </div>
7214            
7215          </button>
7216        </li>
7217        <li data-country-picker-target="item">
7218          <button 
7219            type="submit" 
7220            name="chosen_country" 
7221            value="IS"
7222            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7223            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7224            >
7225            <div class="flex flex-row items-center gap-x-2 min-w-0">
7226              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇸​</span>
7227              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7228                <span class="truncate">Iceland</span>
7229                <span class="flex-shrink-0">($ USD)</span>
7230              </div>
7231            </div>
7232            
7233          </button>
7234        </li>
7235        <li data-country-picker-target="item">
7236          <button 
7237            type="submit" 
7238            name="chosen_country" 
7239            value="IN"
7240            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7241            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7242            >
7243            <div class="flex flex-row items-center gap-x-2 min-w-0">
7244              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇳​</span>
7245              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7246                <span class="truncate">India</span>
7247                <span class="flex-shrink-0">($ USD)</span>
7248              </div>
7249            </div>
7250            
7251          </button>
7252        </li>
7253        <li data-country-picker-target="item">
7254          <button 
7255            type="submit" 
7256            name="chosen_country" 
7257            value="ID"
7258            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7259            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7260            >
7261            <div class="flex flex-row items-center gap-x-2 min-w-0">
7262              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇩​</span>
7263              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7264                <span class="truncate">Indonesia</span>
7265                <span class="flex-shrink-0">($ USD)</span>
7266              </div>
7267            </div>
7268            
7269          </button>
7270        </li>
7271        <li data-country-picker-target="item">
7272          <button 
7273            type="submit" 
7274            name="chosen_country" 
7275            value="IR"
7276            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7277            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7278            >
7279            <div class="flex flex-row items-center gap-x-2 min-w-0">
7280              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇷​</span>
7281              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7282                <span class="truncate">Iran</span>
7283                <span class="flex-shrink-0">($ USD)</span>
7284              </div>
7285            </div>
7286            
7287          </button>
7288        </li>
7289        <li data-country-picker-target="item">
7290          <button 
7291            type="submit" 
7292            name="chosen_country" 
7293            value="IQ"
7294            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7295            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7296            >
7297            <div class="flex flex-row items-center gap-x-2 min-w-0">
7298              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇶​</span>
7299              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7300                <span class="truncate">Iraq</span>
7301                <span class="flex-shrink-0">($ USD)</span>
7302              </div>
7303            </div>
7304            
7305          </button>
7306        </li>
7307        <li data-country-picker-target="item">
7308          <button 
7309            type="submit" 
7310            name="chosen_country" 
7311            value="IE"
7312            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7313            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7314            >
7315            <div class="flex flex-row items-center gap-x-2 min-w-0">
7316              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇪​</span>
7317              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7318                <span class="truncate">Ireland</span>
7319                <span class="flex-shrink-0">(€ EUR)</span>
7320              </div>
7321            </div>
7322            
7323          </button>
7324        </li>
7325        <li data-country-picker-target="item">
7326          <button 
7327            type="submit" 
7328            name="chosen_country" 
7329            value="IM"
7330            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7331            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7332            >
7333            <div class="flex flex-row items-center gap-x-2 min-w-0">
7334              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇲​</span>
7335              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7336                <span class="truncate">Isle of Man</span>
7337                <span class="flex-shrink-0">(£ GBP)</span>
7338              </div>
7339            </div>
7340            
7341          </button>
7342        </li>
7343        <li data-country-picker-target="item">
7344          <button 
7345            type="submit" 
7346            name="chosen_country" 
7347            value="IL"
7348            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7349            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7350            >
7351            <div class="flex flex-row items-center gap-x-2 min-w-0">
7352              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇱​</span>
7353              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7354                <span class="truncate">Israel</span>
7355                <span class="flex-shrink-0">($ USD)</span>
7356              </div>
7357            </div>
7358            
7359          </button>
7360        </li>
7361        <li data-country-picker-target="item">
7362          <button 
7363            type="submit" 
7364            name="chosen_country" 
7365            value="IT"
7366            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7367            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7368            >
7369            <div class="flex flex-row items-center gap-x-2 min-w-0">
7370              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇮🇹​</span>
7371              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7372                <span class="truncate">Italy</span>
7373                <span class="flex-shrink-0">(€ EUR)</span>
7374              </div>
7375            </div>
7376            
7377          </button>
7378        </li>
7379        <li data-country-picker-target="item">
7380          <button 
7381            type="submit" 
7382            name="chosen_country" 
7383            value="JM"
7384            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7385            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7386            >
7387            <div class="flex flex-row items-center gap-x-2 min-w-0">
7388              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇲​</span>
7389              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7390                <span class="truncate">Jamaica</span>
7391                <span class="flex-shrink-0">($ USD)</span>
7392              </div>
7393            </div>
7394            
7395          </button>
7396        </li>
7397        <li data-country-picker-target="item">
7398          <button 
7399            type="submit" 
7400            name="chosen_country" 
7401            value="JP"
7402            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7403            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7404            >
7405            <div class="flex flex-row items-center gap-x-2 min-w-0">
7406              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇵​</span>
7407              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7408                <span class="truncate">Japan</span>
7409                <span class="flex-shrink-0">(Â¥ JPY)</span>
7410              </div>
7411            </div>
7412            
7413          </button>
7414        </li>
7415        <li data-country-picker-target="item">
7416          <button 
7417            type="submit" 
7418            name="chosen_country" 
7419            value="JE"
7420            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7421            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7422            >
7423            <div class="flex flex-row items-center gap-x-2 min-w-0">
7424              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇪​</span>
7425              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7426                <span class="truncate">Jersey</span>
7427                <span class="flex-shrink-0">($ USD)</span>
7428              </div>
7429            </div>
7430            
7431          </button>
7432        </li>
7433        <li data-country-picker-target="item">
7434          <button 
7435            type="submit" 
7436            name="chosen_country" 
7437            value="JO"
7438            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7439            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7440            >
7441            <div class="flex flex-row items-center gap-x-2 min-w-0">
7442              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇯🇴​</span>
7443              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7444                <span class="truncate">Jordan</span>
7445                <span class="flex-shrink-0">($ USD)</span>
7446              </div>
7447            </div>
7448            
7449          </button>
7450        </li>
7451        <li data-country-picker-target="item">
7452          <button 
7453            type="submit" 
7454            name="chosen_country" 
7455            value="KZ"
7456            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7457            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7458            >
7459            <div class="flex flex-row items-center gap-x-2 min-w-0">
7460              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇿​</span>
7461              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7462                <span class="truncate">Kazakhstan</span>
7463                <span class="flex-shrink-0">($ USD)</span>
7464              </div>
7465            </div>
7466            
7467          </button>
7468        </li>
7469        <li data-country-picker-target="item">
7470          <button 
7471            type="submit" 
7472            name="chosen_country" 
7473            value="KI"
7474            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7475            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7476            >
7477            <div class="flex flex-row items-center gap-x-2 min-w-0">
7478              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇮​</span>
7479              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7480                <span class="truncate">Kiribati</span>
7481                <span class="flex-shrink-0">($ USD)</span>
7482              </div>
7483            </div>
7484            
7485          </button>
7486        </li>
7487        <li data-country-picker-target="item">
7488          <button 
7489            type="submit" 
7490            name="chosen_country" 
7491            value="KW"
7492            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7493            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7494            >
7495            <div class="flex flex-row items-center gap-x-2 min-w-0">
7496              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇼​</span>
7497              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7498                <span class="truncate">Kuwait</span>
7499                <span class="flex-shrink-0">($ USD)</span>
7500              </div>
7501            </div>
7502            
7503          </button>
7504        </li>
7505        <li data-country-picker-target="item">
7506          <button 
7507            type="submit" 
7508            name="chosen_country" 
7509            value="KG"
7510            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7511            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7512            >
7513            <div class="flex flex-row items-center gap-x-2 min-w-0">
7514              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇬​</span>
7515              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7516                <span class="truncate">Kyrgyzstan</span>
7517                <span class="flex-shrink-0">($ USD)</span>
7518              </div>
7519            </div>
7520            
7521          </button>
7522        </li>
7523        <li data-country-picker-target="item">
7524          <button 
7525            type="submit" 
7526            name="chosen_country" 
7527            value="LA"
7528            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7529            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7530            >
7531            <div class="flex flex-row items-center gap-x-2 min-w-0">
7532              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇦​</span>
7533              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7534                <span class="truncate">Lao People&#39;s Democratic Republic</span>
7535                <span class="flex-shrink-0">($ USD)</span>
7536              </div>
7537            </div>
7538            
7539          </button>
7540        </li>
7541        <li data-country-picker-target="item">
7542          <button 
7543            type="submit" 
7544            name="chosen_country" 
7545            value="LV"
7546            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7547            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7548            >
7549            <div class="flex flex-row items-center gap-x-2 min-w-0">
7550              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇻​</span>
7551              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7552                <span class="truncate">Latvia</span>
7553                <span class="flex-shrink-0">(€ EUR)</span>
7554              </div>
7555            </div>
7556            
7557          </button>
7558        </li>
7559        <li data-country-picker-target="item">
7560          <button 
7561            type="submit" 
7562            name="chosen_country" 
7563            value="LB"
7564            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7565            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7566            >
7567            <div class="flex flex-row items-center gap-x-2 min-w-0">
7568              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇧​</span>
7569              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7570                <span class="truncate">Lebanon</span>
7571                <span class="flex-shrink-0">($ USD)</span>
7572              </div>
7573            </div>
7574            
7575          </button>
7576        </li>
7577        <li data-country-picker-target="item">
7578          <button 
7579            type="submit" 
7580            name="chosen_country" 
7581            value="LS"
7582            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7583            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7584            >
7585            <div class="flex flex-row items-center gap-x-2 min-w-0">
7586              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇸​</span>
7587              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7588                <span class="truncate">Lesotho</span>
7589                <span class="flex-shrink-0">($ USD)</span>
7590              </div>
7591            </div>
7592            
7593          </button>
7594        </li>
7595        <li data-country-picker-target="item">
7596          <button 
7597            type="submit" 
7598            name="chosen_country" 
7599            value="LR"
7600            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7601            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7602            >
7603            <div class="flex flex-row items-center gap-x-2 min-w-0">
7604              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇷​</span>
7605              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7606                <span class="truncate">Liberia</span>
7607                <span class="flex-shrink-0">($ USD)</span>
7608              </div>
7609            </div>
7610            
7611          </button>
7612        </li>
7613        <li data-country-picker-target="item">
7614          <button 
7615            type="submit" 
7616            name="chosen_country" 
7617            value="LY"
7618            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7619            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7620            >
7621            <div class="flex flex-row items-center gap-x-2 min-w-0">
7622              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇾​</span>
7623              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7624                <span class="truncate">Libya</span>
7625                <span class="flex-shrink-0">($ USD)</span>
7626              </div>
7627            </div>
7628            
7629          </button>
7630        </li>
7631        <li data-country-picker-target="item">
7632          <button 
7633            type="submit" 
7634            name="chosen_country" 
7635            value="LI"
7636            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7637            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7638            >
7639            <div class="flex flex-row items-center gap-x-2 min-w-0">
7640              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇮​</span>
7641              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7642                <span class="truncate">Liechtenstein</span>
7643                <span class="flex-shrink-0">($ USD)</span>
7644              </div>
7645            </div>
7646            
7647          </button>
7648        </li>
7649        <li data-country-picker-target="item">
7650          <button 
7651            type="submit" 
7652            name="chosen_country" 
7653            value="LT"
7654            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7655            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7656            >
7657            <div class="flex flex-row items-center gap-x-2 min-w-0">
7658              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇹​</span>
7659              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7660                <span class="truncate">Lithuania</span>
7661                <span class="flex-shrink-0">(€ EUR)</span>
7662              </div>
7663            </div>
7664            
7665          </button>
7666        </li>
7667        <li data-country-picker-target="item">
7668          <button 
7669            type="submit" 
7670            name="chosen_country" 
7671            value="LU"
7672            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7673            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7674            >
7675            <div class="flex flex-row items-center gap-x-2 min-w-0">
7676              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇺​</span>
7677              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7678                <span class="truncate">Luxembourg</span>
7679                <span class="flex-shrink-0">(€ EUR)</span>
7680              </div>
7681            </div>
7682            
7683          </button>
7684        </li>
7685        <li data-country-picker-target="item">
7686          <button 
7687            type="submit" 
7688            name="chosen_country" 
7689            value="MO"
7690            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7691            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7692            >
7693            <div class="flex flex-row items-center gap-x-2 min-w-0">
7694              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇴​</span>
7695              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7696                <span class="truncate">Macao</span>
7697                <span class="flex-shrink-0">($ USD)</span>
7698              </div>
7699            </div>
7700            
7701          </button>
7702        </li>
7703        <li data-country-picker-target="item">
7704          <button 
7705            type="submit" 
7706            name="chosen_country" 
7707            value="MG"
7708            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7709            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7710            >
7711            <div class="flex flex-row items-center gap-x-2 min-w-0">
7712              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇬​</span>
7713              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7714                <span class="truncate">Madagascar</span>
7715                <span class="flex-shrink-0">($ USD)</span>
7716              </div>
7717            </div>
7718            
7719          </button>
7720        </li>
7721        <li data-country-picker-target="item">
7722          <button 
7723            type="submit" 
7724            name="chosen_country" 
7725            value="MW"
7726            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7727            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7728            >
7729            <div class="flex flex-row items-center gap-x-2 min-w-0">
7730              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇼​</span>
7731              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7732                <span class="truncate">Malawi</span>
7733                <span class="flex-shrink-0">($ USD)</span>
7734              </div>
7735            </div>
7736            
7737          </button>
7738        </li>
7739        <li data-country-picker-target="item">
7740          <button 
7741            type="submit" 
7742            name="chosen_country" 
7743            value="MY"
7744            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7745            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7746            >
7747            <div class="flex flex-row items-center gap-x-2 min-w-0">
7748              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇾​</span>
7749              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7750                <span class="truncate">Malaysia</span>
7751                <span class="flex-shrink-0">($ USD)</span>
7752              </div>
7753            </div>
7754            
7755          </button>
7756        </li>
7757        <li data-country-picker-target="item">
7758          <button 
7759            type="submit" 
7760            name="chosen_country" 
7761            value="MV"
7762            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7763            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7764            >
7765            <div class="flex flex-row items-center gap-x-2 min-w-0">
7766              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇻​</span>
7767              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7768                <span class="truncate">Maldives</span>
7769                <span class="flex-shrink-0">($ USD)</span>
7770              </div>
7771            </div>
7772            
7773          </button>
7774        </li>
7775        <li data-country-picker-target="item">
7776          <button 
7777            type="submit" 
7778            name="chosen_country" 
7779            value="ML"
7780            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7781            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7782            >
7783            <div class="flex flex-row items-center gap-x-2 min-w-0">
7784              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇱​</span>
7785              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7786                <span class="truncate">Mali</span>
7787                <span class="flex-shrink-0">($ USD)</span>
7788              </div>
7789            </div>
7790            
7791          </button>
7792        </li>
7793        <li data-country-picker-target="item">
7794          <button 
7795            type="submit" 
7796            name="chosen_country" 
7797            value="MT"
7798            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7799            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7800            >
7801            <div class="flex flex-row items-center gap-x-2 min-w-0">
7802              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇹​</span>
7803              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7804                <span class="truncate">Malta</span>
7805                <span class="flex-shrink-0">(€ EUR)</span>
7806              </div>
7807            </div>
7808            
7809          </button>
7810        </li>
7811        <li data-country-picker-target="item">
7812          <button 
7813            type="submit" 
7814            name="chosen_country" 
7815            value="MH"
7816            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7817            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7818            >
7819            <div class="flex flex-row items-center gap-x-2 min-w-0">
7820              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇭​</span>
7821              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7822                <span class="truncate">Marshall Islands</span>
7823                <span class="flex-shrink-0">($ USD)</span>
7824              </div>
7825            </div>
7826            
7827          </button>
7828        </li>
7829        <li data-country-picker-target="item">
7830          <button 
7831            type="submit" 
7832            name="chosen_country" 
7833            value="MQ"
7834            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7835            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7836            >
7837            <div class="flex flex-row items-center gap-x-2 min-w-0">
7838              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇶​</span>
7839              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7840                <span class="truncate">Martinique</span>
7841                <span class="flex-shrink-0">($ USD)</span>
7842              </div>
7843            </div>
7844            
7845          </button>
7846        </li>
7847        <li data-country-picker-target="item">
7848          <button 
7849            type="submit" 
7850            name="chosen_country" 
7851            value="MR"
7852            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7853            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7854            >
7855            <div class="flex flex-row items-center gap-x-2 min-w-0">
7856              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇷​</span>
7857              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7858                <span class="truncate">Mauritania</span>
7859                <span class="flex-shrink-0">($ USD)</span>
7860              </div>
7861            </div>
7862            
7863          </button>
7864        </li>
7865        <li data-country-picker-target="item">
7866          <button 
7867            type="submit" 
7868            name="chosen_country" 
7869            value="MU"
7870            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7871            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7872            >
7873            <div class="flex flex-row items-center gap-x-2 min-w-0">
7874              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇺​</span>
7875              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7876                <span class="truncate">Mauritius</span>
7877                <span class="flex-shrink-0">($ USD)</span>
7878              </div>
7879            </div>
7880            
7881          </button>
7882        </li>
7883        <li data-country-picker-target="item">
7884          <button 
7885            type="submit" 
7886            name="chosen_country" 
7887            value="YT"
7888            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7889            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7890            >
7891            <div class="flex flex-row items-center gap-x-2 min-w-0">
7892              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇾🇹​</span>
7893              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7894                <span class="truncate">Mayotte</span>
7895                <span class="flex-shrink-0">($ USD)</span>
7896              </div>
7897            </div>
7898            
7899          </button>
7900        </li>
7901        <li data-country-picker-target="item">
7902          <button 
7903            type="submit" 
7904            name="chosen_country" 
7905            value="MX"
7906            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7907            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7908            >
7909            <div class="flex flex-row items-center gap-x-2 min-w-0">
7910              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇽​</span>
7911              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7912                <span class="truncate">Mexico</span>
7913                <span class="flex-shrink-0">($ USD)</span>
7914              </div>
7915            </div>
7916            
7917          </button>
7918        </li>
7919        <li data-country-picker-target="item">
7920          <button 
7921            type="submit" 
7922            name="chosen_country" 
7923            value="MD"
7924            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7925            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7926            >
7927            <div class="flex flex-row items-center gap-x-2 min-w-0">
7928              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇩​</span>
7929              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7930                <span class="truncate">Moldova</span>
7931                <span class="flex-shrink-0">($ USD)</span>
7932              </div>
7933            </div>
7934            
7935          </button>
7936        </li>
7937        <li data-country-picker-target="item">
7938          <button 
7939            type="submit" 
7940            name="chosen_country" 
7941            value="MC"
7942            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7943            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7944            >
7945            <div class="flex flex-row items-center gap-x-2 min-w-0">
7946              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇨​</span>
7947              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7948                <span class="truncate">Monaco</span>
7949                <span class="flex-shrink-0">(€ EUR)</span>
7950              </div>
7951            </div>
7952            
7953          </button>
7954        </li>
7955        <li data-country-picker-target="item">
7956          <button 
7957            type="submit" 
7958            name="chosen_country" 
7959            value="MN"
7960            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7961            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7962            >
7963            <div class="flex flex-row items-center gap-x-2 min-w-0">
7964              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇳​</span>
7965              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7966                <span class="truncate">Mongolia</span>
7967                <span class="flex-shrink-0">($ USD)</span>
7968              </div>
7969            </div>
7970            
7971          </button>
7972        </li>
7973        <li data-country-picker-target="item">
7974          <button 
7975            type="submit" 
7976            name="chosen_country" 
7977            value="ME"
7978            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7979            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7980            >
7981            <div class="flex flex-row items-center gap-x-2 min-w-0">
7982              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇪​</span>
7983              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
7984                <span class="truncate">Montenegro</span>
7985                <span class="flex-shrink-0">($ USD)</span>
7986              </div>
7987            </div>
7988            
7989          </button>
7990        </li>
7991        <li data-country-picker-target="item">
7992          <button 
7993            type="submit" 
7994            name="chosen_country" 
7995            value="MS"
7996            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
7997            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
7998            >
7999            <div class="flex flex-row items-center gap-x-2 min-w-0">
8000              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇸​</span>
8001              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8002                <span class="truncate">Montserrat</span>
8003                <span class="flex-shrink-0">($ USD)</span>
8004              </div>
8005            </div>
8006            
8007          </button>
8008        </li>
8009        <li data-country-picker-target="item">
8010          <button 
8011            type="submit" 
8012            name="chosen_country" 
8013            value="MA"
8014            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8015            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8016            >
8017            <div class="flex flex-row items-center gap-x-2 min-w-0">
8018              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇦​</span>
8019              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8020                <span class="truncate">Morocco</span>
8021                <span class="flex-shrink-0">($ USD)</span>
8022              </div>
8023            </div>
8024            
8025          </button>
8026        </li>
8027        <li data-country-picker-target="item">
8028          <button 
8029            type="submit" 
8030            name="chosen_country" 
8031            value="MZ"
8032            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8033            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8034            >
8035            <div class="flex flex-row items-center gap-x-2 min-w-0">
8036              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇿​</span>
8037              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8038                <span class="truncate">Mozambique</span>
8039                <span class="flex-shrink-0">($ USD)</span>
8040              </div>
8041            </div>
8042            
8043          </button>
8044        </li>
8045        <li data-country-picker-target="item">
8046          <button 
8047            type="submit" 
8048            name="chosen_country" 
8049            value="MM"
8050            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8051            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8052            >
8053            <div class="flex flex-row items-center gap-x-2 min-w-0">
8054              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇲​</span>
8055              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8056                <span class="truncate">Myanmar</span>
8057                <span class="flex-shrink-0">($ USD)</span>
8058              </div>
8059            </div>
8060            
8061          </button>
8062        </li>
8063        <li data-country-picker-target="item">
8064          <button 
8065            type="submit" 
8066            name="chosen_country" 
8067            value="NA"
8068            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8069            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8070            >
8071            <div class="flex flex-row items-center gap-x-2 min-w-0">
8072              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇦​</span>
8073              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8074                <span class="truncate">Namibia</span>
8075                <span class="flex-shrink-0">($ USD)</span>
8076              </div>
8077            </div>
8078            
8079          </button>
8080        </li>
8081        <li data-country-picker-target="item">
8082          <button 
8083            type="submit" 
8084            name="chosen_country" 
8085            value="NR"
8086            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8087            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8088            >
8089            <div class="flex flex-row items-center gap-x-2 min-w-0">
8090              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇷​</span>
8091              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8092                <span class="truncate">Nauru</span>
8093                <span class="flex-shrink-0">($ USD)</span>
8094              </div>
8095            </div>
8096            
8097          </button>
8098        </li>
8099        <li data-country-picker-target="item">
8100          <button 
8101            type="submit" 
8102            name="chosen_country" 
8103            value="NP"
8104            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8105            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8106            >
8107            <div class="flex flex-row items-center gap-x-2 min-w-0">
8108              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇵​</span>
8109              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8110                <span class="truncate">Nepal</span>
8111                <span class="flex-shrink-0">($ USD)</span>
8112              </div>
8113            </div>
8114            
8115          </button>
8116        </li>
8117        <li data-country-picker-target="item">
8118          <button 
8119            type="submit" 
8120            name="chosen_country" 
8121            value="NL"
8122            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8123            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8124            >
8125            <div class="flex flex-row items-center gap-x-2 min-w-0">
8126              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇱​</span>
8127              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8128                <span class="truncate">Netherlands</span>
8129                <span class="flex-shrink-0">(€ EUR)</span>
8130              </div>
8131            </div>
8132            
8133          </button>
8134        </li>
8135        <li data-country-picker-target="item">
8136          <button 
8137            type="submit" 
8138            name="chosen_country" 
8139            value="NC"
8140            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8141            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8142            >
8143            <div class="flex flex-row items-center gap-x-2 min-w-0">
8144              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇨​</span>
8145              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8146                <span class="truncate">New Caledonia</span>
8147                <span class="flex-shrink-0">($ USD)</span>
8148              </div>
8149            </div>
8150            
8151          </button>
8152        </li>
8153        <li data-country-picker-target="item">
8154          <button 
8155            type="submit" 
8156            name="chosen_country" 
8157            value="NZ"
8158            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8159            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8160            >
8161            <div class="flex flex-row items-center gap-x-2 min-w-0">
8162              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇿​</span>
8163              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8164                <span class="truncate">New Zealand</span>
8165                <span class="flex-shrink-0">($ USD)</span>
8166              </div>
8167            </div>
8168            
8169          </button>
8170        </li>
8171        <li data-country-picker-target="item">
8172          <button 
8173            type="submit" 
8174            name="chosen_country" 
8175            value="NI"
8176            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8177            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8178            >
8179            <div class="flex flex-row items-center gap-x-2 min-w-0">
8180              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇮​</span>
8181              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8182                <span class="truncate">Nicaragua</span>
8183                <span class="flex-shrink-0">($ USD)</span>
8184              </div>
8185            </div>
8186            
8187          </button>
8188        </li>
8189        <li data-country-picker-target="item">
8190          <button 
8191            type="submit" 
8192            name="chosen_country" 
8193            value="NE"
8194            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8195            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8196            >
8197            <div class="flex flex-row items-center gap-x-2 min-w-0">
8198              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇪​</span>
8199              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8200                <span class="truncate">Niger</span>
8201                <span class="flex-shrink-0">($ USD)</span>
8202              </div>
8203            </div>
8204            
8205          </button>
8206        </li>
8207        <li data-country-picker-target="item">
8208          <button 
8209            type="submit" 
8210            name="chosen_country" 
8211            value="NG"
8212            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8213            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8214            >
8215            <div class="flex flex-row items-center gap-x-2 min-w-0">
8216              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇬​</span>
8217              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8218                <span class="truncate">Nigeria</span>
8219                <span class="flex-shrink-0">($ USD)</span>
8220              </div>
8221            </div>
8222            
8223          </button>
8224        </li>
8225        <li data-country-picker-target="item">
8226          <button 
8227            type="submit" 
8228            name="chosen_country" 
8229            value="NU"
8230            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8231            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8232            >
8233            <div class="flex flex-row items-center gap-x-2 min-w-0">
8234              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇺​</span>
8235              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8236                <span class="truncate">Niue</span>
8237                <span class="flex-shrink-0">($ USD)</span>
8238              </div>
8239            </div>
8240            
8241          </button>
8242        </li>
8243        <li data-country-picker-target="item">
8244          <button 
8245            type="submit" 
8246            name="chosen_country" 
8247            value="NF"
8248            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8249            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8250            >
8251            <div class="flex flex-row items-center gap-x-2 min-w-0">
8252              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇫​</span>
8253              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8254                <span class="truncate">Norfolk Island</span>
8255                <span class="flex-shrink-0">($ USD)</span>
8256              </div>
8257            </div>
8258            
8259          </button>
8260        </li>
8261        <li data-country-picker-target="item">
8262          <button 
8263            type="submit" 
8264            name="chosen_country" 
8265            value="KP"
8266            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8267            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8268            >
8269            <div class="flex flex-row items-center gap-x-2 min-w-0">
8270              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇵​</span>
8271              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8272                <span class="truncate">North Korea</span>
8273                <span class="flex-shrink-0">($ USD)</span>
8274              </div>
8275            </div>
8276            
8277          </button>
8278        </li>
8279        <li data-country-picker-target="item">
8280          <button 
8281            type="submit" 
8282            name="chosen_country" 
8283            value="MK"
8284            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8285            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8286            >
8287            <div class="flex flex-row items-center gap-x-2 min-w-0">
8288              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇰​</span>
8289              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8290                <span class="truncate">North Macedonia</span>
8291                <span class="flex-shrink-0">($ USD)</span>
8292              </div>
8293            </div>
8294            
8295          </button>
8296        </li>
8297        <li data-country-picker-target="item">
8298          <button 
8299            type="submit" 
8300            name="chosen_country" 
8301            value="MP"
8302            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8303            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8304            >
8305            <div class="flex flex-row items-center gap-x-2 min-w-0">
8306              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇵​</span>
8307              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8308                <span class="truncate">Northern Mariana Islands</span>
8309                <span class="flex-shrink-0">($ USD)</span>
8310              </div>
8311            </div>
8312            
8313          </button>
8314        </li>
8315        <li data-country-picker-target="item">
8316          <button 
8317            type="submit" 
8318            name="chosen_country" 
8319            value="NO"
8320            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8321            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8322            >
8323            <div class="flex flex-row items-center gap-x-2 min-w-0">
8324              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇳🇴​</span>
8325              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8326                <span class="truncate">Norway</span>
8327                <span class="flex-shrink-0">(€ EUR)</span>
8328              </div>
8329            </div>
8330            
8331          </button>
8332        </li>
8333        <li data-country-picker-target="item">
8334          <button 
8335            type="submit" 
8336            name="chosen_country" 
8337            value="OM"
8338            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8339            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8340            >
8341            <div class="flex flex-row items-center gap-x-2 min-w-0">
8342              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇴🇲​</span>
8343              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8344                <span class="truncate">Oman</span>
8345                <span class="flex-shrink-0">($ USD)</span>
8346              </div>
8347            </div>
8348            
8349          </button>
8350        </li>
8351        <li data-country-picker-target="item">
8352          <button 
8353            type="submit" 
8354            name="chosen_country" 
8355            value="PK"
8356            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8357            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8358            >
8359            <div class="flex flex-row items-center gap-x-2 min-w-0">
8360              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇰​</span>
8361              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8362                <span class="truncate">Pakistan</span>
8363                <span class="flex-shrink-0">($ USD)</span>
8364              </div>
8365            </div>
8366            
8367          </button>
8368        </li>
8369        <li data-country-picker-target="item">
8370          <button 
8371            type="submit" 
8372            name="chosen_country" 
8373            value="PW"
8374            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8375            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8376            >
8377            <div class="flex flex-row items-center gap-x-2 min-w-0">
8378              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇼​</span>
8379              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8380                <span class="truncate">Palau</span>
8381                <span class="flex-shrink-0">($ USD)</span>
8382              </div>
8383            </div>
8384            
8385          </button>
8386        </li>
8387        <li data-country-picker-target="item">
8388          <button 
8389            type="submit" 
8390            name="chosen_country" 
8391            value="PS"
8392            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8393            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8394            >
8395            <div class="flex flex-row items-center gap-x-2 min-w-0">
8396              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇸​</span>
8397              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8398                <span class="truncate">Palestine, State of</span>
8399                <span class="flex-shrink-0">($ USD)</span>
8400              </div>
8401            </div>
8402            
8403          </button>
8404        </li>
8405        <li data-country-picker-target="item">
8406          <button 
8407            type="submit" 
8408            name="chosen_country" 
8409            value="PA"
8410            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8411            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8412            >
8413            <div class="flex flex-row items-center gap-x-2 min-w-0">
8414              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇦​</span>
8415              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8416                <span class="truncate">Panama</span>
8417                <span class="flex-shrink-0">($ USD)</span>
8418              </div>
8419            </div>
8420            
8421          </button>
8422        </li>
8423        <li data-country-picker-target="item">
8424          <button 
8425            type="submit" 
8426            name="chosen_country" 
8427            value="PG"
8428            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8429            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8430            >
8431            <div class="flex flex-row items-center gap-x-2 min-w-0">
8432              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇬​</span>
8433              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8434                <span class="truncate">Papua New Guinea</span>
8435                <span class="flex-shrink-0">($ USD)</span>
8436              </div>
8437            </div>
8438            
8439          </button>
8440        </li>
8441        <li data-country-picker-target="item">
8442          <button 
8443            type="submit" 
8444            name="chosen_country" 
8445            value="PY"
8446            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8447            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8448            >
8449            <div class="flex flex-row items-center gap-x-2 min-w-0">
8450              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇾​</span>
8451              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8452                <span class="truncate">Paraguay</span>
8453                <span class="flex-shrink-0">($ USD)</span>
8454              </div>
8455            </div>
8456            
8457          </button>
8458        </li>
8459        <li data-country-picker-target="item">
8460          <button 
8461            type="submit" 
8462            name="chosen_country" 
8463            value="PE"
8464            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8465            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8466            >
8467            <div class="flex flex-row items-center gap-x-2 min-w-0">
8468              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇪​</span>
8469              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8470                <span class="truncate">Peru</span>
8471                <span class="flex-shrink-0">($ USD)</span>
8472              </div>
8473            </div>
8474            
8475          </button>
8476        </li>
8477        <li data-country-picker-target="item">
8478          <button 
8479            type="submit" 
8480            name="chosen_country" 
8481            value="PH"
8482            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8483            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8484            >
8485            <div class="flex flex-row items-center gap-x-2 min-w-0">
8486              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇭​</span>
8487              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8488                <span class="truncate">Philippines</span>
8489                <span class="flex-shrink-0">($ USD)</span>
8490              </div>
8491            </div>
8492            
8493          </button>
8494        </li>
8495        <li data-country-picker-target="item">
8496          <button 
8497            type="submit" 
8498            name="chosen_country" 
8499            value="PN"
8500            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8501            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8502            >
8503            <div class="flex flex-row items-center gap-x-2 min-w-0">
8504              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇳​</span>
8505              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8506                <span class="truncate">Pitcairn</span>
8507                <span class="flex-shrink-0">($ USD)</span>
8508              </div>
8509            </div>
8510            
8511          </button>
8512        </li>
8513        <li data-country-picker-target="item">
8514          <button 
8515            type="submit" 
8516            name="chosen_country" 
8517            value="PL"
8518            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8519            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8520            >
8521            <div class="flex flex-row items-center gap-x-2 min-w-0">
8522              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇱​</span>
8523              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8524                <span class="truncate">Poland</span>
8525                <span class="flex-shrink-0">(€ EUR)</span>
8526              </div>
8527            </div>
8528            
8529          </button>
8530        </li>
8531        <li data-country-picker-target="item">
8532          <button 
8533            type="submit" 
8534            name="chosen_country" 
8535            value="PT"
8536            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8537            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8538            >
8539            <div class="flex flex-row items-center gap-x-2 min-w-0">
8540              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇹​</span>
8541              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8542                <span class="truncate">Portugal</span>
8543                <span class="flex-shrink-0">(€ EUR)</span>
8544              </div>
8545            </div>
8546            
8547          </button>
8548        </li>
8549        <li data-country-picker-target="item">
8550          <button 
8551            type="submit" 
8552            name="chosen_country" 
8553            value="PR"
8554            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8555            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8556            >
8557            <div class="flex flex-row items-center gap-x-2 min-w-0">
8558              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇷​</span>
8559              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8560                <span class="truncate">Puerto Rico</span>
8561                <span class="flex-shrink-0">($ USD)</span>
8562              </div>
8563            </div>
8564            
8565          </button>
8566        </li>
8567        <li data-country-picker-target="item">
8568          <button 
8569            type="submit" 
8570            name="chosen_country" 
8571            value="QA"
8572            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8573            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8574            >
8575            <div class="flex flex-row items-center gap-x-2 min-w-0">
8576              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇶🇦​</span>
8577              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8578                <span class="truncate">Qatar</span>
8579                <span class="flex-shrink-0">($ USD)</span>
8580              </div>
8581            </div>
8582            
8583          </button>
8584        </li>
8585        <li data-country-picker-target="item">
8586          <button 
8587            type="submit" 
8588            name="chosen_country" 
8589            value="RO"
8590            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8591            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8592            >
8593            <div class="flex flex-row items-center gap-x-2 min-w-0">
8594              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇴​</span>
8595              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8596                <span class="truncate">Romania</span>
8597                <span class="flex-shrink-0">(€ EUR)</span>
8598              </div>
8599            </div>
8600            
8601          </button>
8602        </li>
8603        <li data-country-picker-target="item">
8604          <button 
8605            type="submit" 
8606            name="chosen_country" 
8607            value="RW"
8608            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8609            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8610            >
8611            <div class="flex flex-row items-center gap-x-2 min-w-0">
8612              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇼​</span>
8613              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8614                <span class="truncate">Rwanda</span>
8615                <span class="flex-shrink-0">($ USD)</span>
8616              </div>
8617            </div>
8618            
8619          </button>
8620        </li>
8621        <li data-country-picker-target="item">
8622          <button 
8623            type="submit" 
8624            name="chosen_country" 
8625            value="RE"
8626            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8627            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8628            >
8629            <div class="flex flex-row items-center gap-x-2 min-w-0">
8630              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇪​</span>
8631              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8632                <span class="truncate">Réunion</span>
8633                <span class="flex-shrink-0">($ USD)</span>
8634              </div>
8635            </div>
8636            
8637          </button>
8638        </li>
8639        <li data-country-picker-target="item">
8640          <button 
8641            type="submit" 
8642            name="chosen_country" 
8643            value="BL"
8644            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8645            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8646            >
8647            <div class="flex flex-row items-center gap-x-2 min-w-0">
8648              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇧🇱​</span>
8649              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8650                <span class="truncate">Saint Barthélemy</span>
8651                <span class="flex-shrink-0">($ USD)</span>
8652              </div>
8653            </div>
8654            
8655          </button>
8656        </li>
8657        <li data-country-picker-target="item">
8658          <button 
8659            type="submit" 
8660            name="chosen_country" 
8661            value="SH"
8662            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8663            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8664            >
8665            <div class="flex flex-row items-center gap-x-2 min-w-0">
8666              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇭​</span>
8667              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8668                <span class="truncate">Saint Helena, Ascension and Tristan da Cunha</span>
8669                <span class="flex-shrink-0">($ USD)</span>
8670              </div>
8671            </div>
8672            
8673          </button>
8674        </li>
8675        <li data-country-picker-target="item">
8676          <button 
8677            type="submit" 
8678            name="chosen_country" 
8679            value="KN"
8680            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8681            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8682            >
8683            <div class="flex flex-row items-center gap-x-2 min-w-0">
8684              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇳​</span>
8685              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8686                <span class="truncate">Saint Kitts and Nevis</span>
8687                <span class="flex-shrink-0">($ USD)</span>
8688              </div>
8689            </div>
8690            
8691          </button>
8692        </li>
8693        <li data-country-picker-target="item">
8694          <button 
8695            type="submit" 
8696            name="chosen_country" 
8697            value="LC"
8698            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8699            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8700            >
8701            <div class="flex flex-row items-center gap-x-2 min-w-0">
8702              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇨​</span>
8703              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8704                <span class="truncate">Saint Lucia</span>
8705                <span class="flex-shrink-0">($ USD)</span>
8706              </div>
8707            </div>
8708            
8709          </button>
8710        </li>
8711        <li data-country-picker-target="item">
8712          <button 
8713            type="submit" 
8714            name="chosen_country" 
8715            value="MF"
8716            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8717            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8718            >
8719            <div class="flex flex-row items-center gap-x-2 min-w-0">
8720              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇲🇫​</span>
8721              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8722                <span class="truncate">Saint Martin (French part)</span>
8723                <span class="flex-shrink-0">($ USD)</span>
8724              </div>
8725            </div>
8726            
8727          </button>
8728        </li>
8729        <li data-country-picker-target="item">
8730          <button 
8731            type="submit" 
8732            name="chosen_country" 
8733            value="PM"
8734            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8735            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8736            >
8737            <div class="flex flex-row items-center gap-x-2 min-w-0">
8738              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇵🇲​</span>
8739              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8740                <span class="truncate">Saint Pierre and Miquelon</span>
8741                <span class="flex-shrink-0">($ USD)</span>
8742              </div>
8743            </div>
8744            
8745          </button>
8746        </li>
8747        <li data-country-picker-target="item">
8748          <button 
8749            type="submit" 
8750            name="chosen_country" 
8751            value="VC"
8752            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8753            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8754            >
8755            <div class="flex flex-row items-center gap-x-2 min-w-0">
8756              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇨​</span>
8757              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8758                <span class="truncate">Saint Vincent and the Grenadines</span>
8759                <span class="flex-shrink-0">($ USD)</span>
8760              </div>
8761            </div>
8762            
8763          </button>
8764        </li>
8765        <li data-country-picker-target="item">
8766          <button 
8767            type="submit" 
8768            name="chosen_country" 
8769            value="WS"
8770            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8771            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8772            >
8773            <div class="flex flex-row items-center gap-x-2 min-w-0">
8774              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇼🇸​</span>
8775              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8776                <span class="truncate">Samoa</span>
8777                <span class="flex-shrink-0">($ USD)</span>
8778              </div>
8779            </div>
8780            
8781          </button>
8782        </li>
8783        <li data-country-picker-target="item">
8784          <button 
8785            type="submit" 
8786            name="chosen_country" 
8787            value="SM"
8788            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8789            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8790            >
8791            <div class="flex flex-row items-center gap-x-2 min-w-0">
8792              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇲​</span>
8793              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8794                <span class="truncate">San Marino</span>
8795                <span class="flex-shrink-0">($ USD)</span>
8796              </div>
8797            </div>
8798            
8799          </button>
8800        </li>
8801        <li data-country-picker-target="item">
8802          <button 
8803            type="submit" 
8804            name="chosen_country" 
8805            value="ST"
8806            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8807            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8808            >
8809            <div class="flex flex-row items-center gap-x-2 min-w-0">
8810              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇹​</span>
8811              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8812                <span class="truncate">Sao Tome and Principe</span>
8813                <span class="flex-shrink-0">($ USD)</span>
8814              </div>
8815            </div>
8816            
8817          </button>
8818        </li>
8819        <li data-country-picker-target="item">
8820          <button 
8821            type="submit" 
8822            name="chosen_country" 
8823            value="SA"
8824            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8825            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8826            >
8827            <div class="flex flex-row items-center gap-x-2 min-w-0">
8828              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇦​</span>
8829              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8830                <span class="truncate">Saudi Arabia</span>
8831                <span class="flex-shrink-0">($ USD)</span>
8832              </div>
8833            </div>
8834            
8835          </button>
8836        </li>
8837        <li data-country-picker-target="item">
8838          <button 
8839            type="submit" 
8840            name="chosen_country" 
8841            value="SN"
8842            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8843            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8844            >
8845            <div class="flex flex-row items-center gap-x-2 min-w-0">
8846              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇳​</span>
8847              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8848                <span class="truncate">Senegal</span>
8849                <span class="flex-shrink-0">($ USD)</span>
8850              </div>
8851            </div>
8852            
8853          </button>
8854        </li>
8855        <li data-country-picker-target="item">
8856          <button 
8857            type="submit" 
8858            name="chosen_country" 
8859            value="RS"
8860            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8861            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8862            >
8863            <div class="flex flex-row items-center gap-x-2 min-w-0">
8864              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇷🇸​</span>
8865              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8866                <span class="truncate">Serbia</span>
8867                <span class="flex-shrink-0">($ USD)</span>
8868              </div>
8869            </div>
8870            
8871          </button>
8872        </li>
8873        <li data-country-picker-target="item">
8874          <button 
8875            type="submit" 
8876            name="chosen_country" 
8877            value="SC"
8878            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8879            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8880            >
8881            <div class="flex flex-row items-center gap-x-2 min-w-0">
8882              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇨​</span>
8883              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8884                <span class="truncate">Seychelles</span>
8885                <span class="flex-shrink-0">($ USD)</span>
8886              </div>
8887            </div>
8888            
8889          </button>
8890        </li>
8891        <li data-country-picker-target="item">
8892          <button 
8893            type="submit" 
8894            name="chosen_country" 
8895            value="SL"
8896            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8897            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8898            >
8899            <div class="flex flex-row items-center gap-x-2 min-w-0">
8900              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇱​</span>
8901              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8902                <span class="truncate">Sierra Leone</span>
8903                <span class="flex-shrink-0">($ USD)</span>
8904              </div>
8905            </div>
8906            
8907          </button>
8908        </li>
8909        <li data-country-picker-target="item">
8910          <button 
8911            type="submit" 
8912            name="chosen_country" 
8913            value="SG"
8914            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8915            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8916            >
8917            <div class="flex flex-row items-center gap-x-2 min-w-0">
8918              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇬​</span>
8919              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8920                <span class="truncate">Singapore</span>
8921                <span class="flex-shrink-0">($ USD)</span>
8922              </div>
8923            </div>
8924            
8925          </button>
8926        </li>
8927        <li data-country-picker-target="item">
8928          <button 
8929            type="submit" 
8930            name="chosen_country" 
8931            value="SX"
8932            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8933            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8934            >
8935            <div class="flex flex-row items-center gap-x-2 min-w-0">
8936              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇽​</span>
8937              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8938                <span class="truncate">Sint Maarten (Dutch part)</span>
8939                <span class="flex-shrink-0">($ USD)</span>
8940              </div>
8941            </div>
8942            
8943          </button>
8944        </li>
8945        <li data-country-picker-target="item">
8946          <button 
8947            type="submit" 
8948            name="chosen_country" 
8949            value="SK"
8950            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8951            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8952            >
8953            <div class="flex flex-row items-center gap-x-2 min-w-0">
8954              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇰​</span>
8955              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8956                <span class="truncate">Slovakia</span>
8957                <span class="flex-shrink-0">(€ EUR)</span>
8958              </div>
8959            </div>
8960            
8961          </button>
8962        </li>
8963        <li data-country-picker-target="item">
8964          <button 
8965            type="submit" 
8966            name="chosen_country" 
8967            value="SI"
8968            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8969            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8970            >
8971            <div class="flex flex-row items-center gap-x-2 min-w-0">
8972              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇮​</span>
8973              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8974                <span class="truncate">Slovenia</span>
8975                <span class="flex-shrink-0">(€ EUR)</span>
8976              </div>
8977            </div>
8978            
8979          </button>
8980        </li>
8981        <li data-country-picker-target="item">
8982          <button 
8983            type="submit" 
8984            name="chosen_country" 
8985            value="SB"
8986            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
8987            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
8988            >
8989            <div class="flex flex-row items-center gap-x-2 min-w-0">
8990              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇧​</span>
8991              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
8992                <span class="truncate">Solomon Islands</span>
8993                <span class="flex-shrink-0">($ USD)</span>
8994              </div>
8995            </div>
8996            
8997          </button>
8998        </li>
8999        <li data-country-picker-target="item">
9000          <button 
9001            type="submit" 
9002            name="chosen_country" 
9003            value="SO"
9004            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9005            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9006            >
9007            <div class="flex flex-row items-center gap-x-2 min-w-0">
9008              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇴​</span>
9009              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9010                <span class="truncate">Somalia</span>
9011                <span class="flex-shrink-0">($ USD)</span>
9012              </div>
9013            </div>
9014            
9015          </button>
9016        </li>
9017        <li data-country-picker-target="item">
9018          <button 
9019            type="submit" 
9020            name="chosen_country" 
9021            value="ZA"
9022            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9023            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9024            >
9025            <div class="flex flex-row items-center gap-x-2 min-w-0">
9026              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇿🇦​</span>
9027              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9028                <span class="truncate">South Africa</span>
9029                <span class="flex-shrink-0">($ USD)</span>
9030              </div>
9031            </div>
9032            
9033          </button>
9034        </li>
9035        <li data-country-picker-target="item">
9036          <button 
9037            type="submit" 
9038            name="chosen_country" 
9039            value="GS"
9040            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9041            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9042            >
9043            <div class="flex flex-row items-center gap-x-2 min-w-0">
9044              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇸​</span>
9045              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9046                <span class="truncate">South Georgia and the South Sandwich Islands</span>
9047                <span class="flex-shrink-0">($ USD)</span>
9048              </div>
9049            </div>
9050            
9051          </button>
9052        </li>
9053        <li data-country-picker-target="item">
9054          <button 
9055            type="submit" 
9056            name="chosen_country" 
9057            value="KR"
9058            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9059            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9060            >
9061            <div class="flex flex-row items-center gap-x-2 min-w-0">
9062              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇰🇷​</span>
9063              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9064                <span class="truncate">South Korea</span>
9065                <span class="flex-shrink-0">($ USD)</span>
9066              </div>
9067            </div>
9068            
9069          </button>
9070        </li>
9071        <li data-country-picker-target="item">
9072          <button 
9073            type="submit" 
9074            name="chosen_country" 
9075            value="SS"
9076            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9077            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9078            >
9079            <div class="flex flex-row items-center gap-x-2 min-w-0">
9080              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇸​</span>
9081              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9082                <span class="truncate">South Sudan</span>
9083                <span class="flex-shrink-0">($ USD)</span>
9084              </div>
9085            </div>
9086            
9087          </button>
9088        </li>
9089        <li data-country-picker-target="item">
9090          <button 
9091            type="submit" 
9092            name="chosen_country" 
9093            value="ES"
9094            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9095            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9096            >
9097            <div class="flex flex-row items-center gap-x-2 min-w-0">
9098              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇸​</span>
9099              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9100                <span class="truncate">Spain</span>
9101                <span class="flex-shrink-0">(€ EUR)</span>
9102              </div>
9103            </div>
9104            
9105          </button>
9106        </li>
9107        <li data-country-picker-target="item">
9108          <button 
9109            type="submit" 
9110            name="chosen_country" 
9111            value="LK"
9112            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9113            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9114            >
9115            <div class="flex flex-row items-center gap-x-2 min-w-0">
9116              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇱🇰​</span>
9117              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9118                <span class="truncate">Sri Lanka</span>
9119                <span class="flex-shrink-0">($ USD)</span>
9120              </div>
9121            </div>
9122            
9123          </button>
9124        </li>
9125        <li data-country-picker-target="item">
9126          <button 
9127            type="submit" 
9128            name="chosen_country" 
9129            value="SD"
9130            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9131            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9132            >
9133            <div class="flex flex-row items-center gap-x-2 min-w-0">
9134              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇩​</span>
9135              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9136                <span class="truncate">Sudan</span>
9137                <span class="flex-shrink-0">($ USD)</span>
9138              </div>
9139            </div>
9140            
9141          </button>
9142        </li>
9143        <li data-country-picker-target="item">
9144          <button 
9145            type="submit" 
9146            name="chosen_country" 
9147            value="SR"
9148            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9149            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9150            >
9151            <div class="flex flex-row items-center gap-x-2 min-w-0">
9152              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇷​</span>
9153              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9154                <span class="truncate">Suriname</span>
9155                <span class="flex-shrink-0">($ USD)</span>
9156              </div>
9157            </div>
9158            
9159          </button>
9160        </li>
9161        <li data-country-picker-target="item">
9162          <button 
9163            type="submit" 
9164            name="chosen_country" 
9165            value="SJ"
9166            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9167            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9168            >
9169            <div class="flex flex-row items-center gap-x-2 min-w-0">
9170              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇯​</span>
9171              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9172                <span class="truncate">Svalbard and Jan Mayen</span>
9173                <span class="flex-shrink-0">($ USD)</span>
9174              </div>
9175            </div>
9176            
9177          </button>
9178        </li>
9179        <li data-country-picker-target="item">
9180          <button 
9181            type="submit" 
9182            name="chosen_country" 
9183            value="SE"
9184            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9185            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9186            >
9187            <div class="flex flex-row items-center gap-x-2 min-w-0">
9188              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇪​</span>
9189              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9190                <span class="truncate">Sweden</span>
9191                <span class="flex-shrink-0">(€ EUR)</span>
9192              </div>
9193            </div>
9194            
9195          </button>
9196        </li>
9197        <li data-country-picker-target="item">
9198          <button 
9199            type="submit" 
9200            name="chosen_country" 
9201            value="CH"
9202            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9203            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9204            >
9205            <div class="flex flex-row items-center gap-x-2 min-w-0">
9206              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇭​</span>
9207              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9208                <span class="truncate">Switzerland</span>
9209                <span class="flex-shrink-0">($ USD)</span>
9210              </div>
9211            </div>
9212            
9213          </button>
9214        </li>
9215        <li data-country-picker-target="item">
9216          <button 
9217            type="submit" 
9218            name="chosen_country" 
9219            value="SY"
9220            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9221            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9222            >
9223            <div class="flex flex-row items-center gap-x-2 min-w-0">
9224              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇸🇾​</span>
9225              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9226                <span class="truncate">Syrian Arab Republic</span>
9227                <span class="flex-shrink-0">($ USD)</span>
9228              </div>
9229            </div>
9230            
9231          </button>
9232        </li>
9233        <li data-country-picker-target="item">
9234          <button 
9235            type="submit" 
9236            name="chosen_country" 
9237            value="TW"
9238            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9239            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9240            >
9241            <div class="flex flex-row items-center gap-x-2 min-w-0">
9242              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇼​</span>
9243              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9244                <span class="truncate">Taiwan</span>
9245                <span class="flex-shrink-0">($ USD)</span>
9246              </div>
9247            </div>
9248            
9249          </button>
9250        </li>
9251        <li data-country-picker-target="item">
9252          <button 
9253            type="submit" 
9254            name="chosen_country" 
9255            value="TJ"
9256            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9257            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9258            >
9259            <div class="flex flex-row items-center gap-x-2 min-w-0">
9260              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇯​</span>
9261              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9262                <span class="truncate">Tajikistan</span>
9263                <span class="flex-shrink-0">($ USD)</span>
9264              </div>
9265            </div>
9266            
9267          </button>
9268        </li>
9269        <li data-country-picker-target="item">
9270          <button 
9271            type="submit" 
9272            name="chosen_country" 
9273            value="TH"
9274            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9275            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9276            >
9277            <div class="flex flex-row items-center gap-x-2 min-w-0">
9278              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇭​</span>
9279              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9280                <span class="truncate">Thailand</span>
9281                <span class="flex-shrink-0">($ USD)</span>
9282              </div>
9283            </div>
9284            
9285          </button>
9286        </li>
9287        <li data-country-picker-target="item">
9288          <button 
9289            type="submit" 
9290            name="chosen_country" 
9291            value="CD"
9292            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9293            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9294            >
9295            <div class="flex flex-row items-center gap-x-2 min-w-0">
9296              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇨🇩​</span>
9297              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9298                <span class="truncate">The Democratic Republic of the Congo</span>
9299                <span class="flex-shrink-0">($ USD)</span>
9300              </div>
9301            </div>
9302            
9303          </button>
9304        </li>
9305        <li data-country-picker-target="item">
9306          <button 
9307            type="submit" 
9308            name="chosen_country" 
9309            value="TL"
9310            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9311            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9312            >
9313            <div class="flex flex-row items-center gap-x-2 min-w-0">
9314              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇱​</span>
9315              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9316                <span class="truncate">Timor-Leste</span>
9317                <span class="flex-shrink-0">($ USD)</span>
9318              </div>
9319            </div>
9320            
9321          </button>
9322        </li>
9323        <li data-country-picker-target="item">
9324          <button 
9325            type="submit" 
9326            name="chosen_country" 
9327            value="TG"
9328            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9329            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9330            >
9331            <div class="flex flex-row items-center gap-x-2 min-w-0">
9332              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇬​</span>
9333              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9334                <span class="truncate">Togo</span>
9335                <span class="flex-shrink-0">($ USD)</span>
9336              </div>
9337            </div>
9338            
9339          </button>
9340        </li>
9341        <li data-country-picker-target="item">
9342          <button 
9343            type="submit" 
9344            name="chosen_country" 
9345            value="TK"
9346            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9347            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9348            >
9349            <div class="flex flex-row items-center gap-x-2 min-w-0">
9350              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇰​</span>
9351              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9352                <span class="truncate">Tokelau</span>
9353                <span class="flex-shrink-0">($ USD)</span>
9354              </div>
9355            </div>
9356            
9357          </button>
9358        </li>
9359        <li data-country-picker-target="item">
9360          <button 
9361            type="submit" 
9362            name="chosen_country" 
9363            value="TO"
9364            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9365            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9366            >
9367            <div class="flex flex-row items-center gap-x-2 min-w-0">
9368              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇴​</span>
9369              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9370                <span class="truncate">Tonga</span>
9371                <span class="flex-shrink-0">($ USD)</span>
9372              </div>
9373            </div>
9374            
9375          </button>
9376        </li>
9377        <li data-country-picker-target="item">
9378          <button 
9379            type="submit" 
9380            name="chosen_country" 
9381            value="TT"
9382            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9383            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9384            >
9385            <div class="flex flex-row items-center gap-x-2 min-w-0">
9386              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇹​</span>
9387              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9388                <span class="truncate">Trinidad and Tobago</span>
9389                <span class="flex-shrink-0">($ USD)</span>
9390              </div>
9391            </div>
9392            
9393          </button>
9394        </li>
9395        <li data-country-picker-target="item">
9396          <button 
9397            type="submit" 
9398            name="chosen_country" 
9399            value="TN"
9400            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9401            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9402            >
9403            <div class="flex flex-row items-center gap-x-2 min-w-0">
9404              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇳​</span>
9405              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9406                <span class="truncate">Tunisia</span>
9407                <span class="flex-shrink-0">($ USD)</span>
9408              </div>
9409            </div>
9410            
9411          </button>
9412        </li>
9413        <li data-country-picker-target="item">
9414          <button 
9415            type="submit" 
9416            name="chosen_country" 
9417            value="TM"
9418            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9419            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9420            >
9421            <div class="flex flex-row items-center gap-x-2 min-w-0">
9422              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇲​</span>
9423              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9424                <span class="truncate">Turkmenistan</span>
9425                <span class="flex-shrink-0">($ USD)</span>
9426              </div>
9427            </div>
9428            
9429          </button>
9430        </li>
9431        <li data-country-picker-target="item">
9432          <button 
9433            type="submit" 
9434            name="chosen_country" 
9435            value="TC"
9436            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9437            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9438            >
9439            <div class="flex flex-row items-center gap-x-2 min-w-0">
9440              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇨​</span>
9441              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9442                <span class="truncate">Turks and Caicos Islands</span>
9443                <span class="flex-shrink-0">($ USD)</span>
9444              </div>
9445            </div>
9446            
9447          </button>
9448        </li>
9449        <li data-country-picker-target="item">
9450          <button 
9451            type="submit" 
9452            name="chosen_country" 
9453            value="TV"
9454            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9455            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9456            >
9457            <div class="flex flex-row items-center gap-x-2 min-w-0">
9458              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇻​</span>
9459              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9460                <span class="truncate">Tuvalu</span>
9461                <span class="flex-shrink-0">($ USD)</span>
9462              </div>
9463            </div>
9464            
9465          </button>
9466        </li>
9467        <li data-country-picker-target="item">
9468          <button 
9469            type="submit" 
9470            name="chosen_country" 
9471            value="TR"
9472            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9473            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9474            >
9475            <div class="flex flex-row items-center gap-x-2 min-w-0">
9476              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇹🇷​</span>
9477              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9478                <span class="truncate">Türkiye</span>
9479                <span class="flex-shrink-0">($ USD)</span>
9480              </div>
9481            </div>
9482            
9483          </button>
9484        </li>
9485        <li data-country-picker-target="item">
9486          <button 
9487            type="submit" 
9488            name="chosen_country" 
9489            value="UA"
9490            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9491            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9492            >
9493            <div class="flex flex-row items-center gap-x-2 min-w-0">
9494              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇦​</span>
9495              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9496                <span class="truncate">Ukraine</span>
9497                <span class="flex-shrink-0">($ USD)</span>
9498              </div>
9499            </div>
9500            
9501          </button>
9502        </li>
9503        <li data-country-picker-target="item">
9504          <button 
9505            type="submit" 
9506            name="chosen_country" 
9507            value="AE"
9508            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9509            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9510            >
9511            <div class="flex flex-row items-center gap-x-2 min-w-0">
9512              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇪​</span>
9513              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9514                <span class="truncate">United Arab Emirates</span>
9515                <span class="flex-shrink-0">($ USD)</span>
9516              </div>
9517            </div>
9518            
9519          </button>
9520        </li>
9521        <li data-country-picker-target="item">
9522          <button 
9523            type="submit" 
9524            name="chosen_country" 
9525            value="GB"
9526            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9527            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9528            >
9529            <div class="flex flex-row items-center gap-x-2 min-w-0">
9530              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇬🇧​</span>
9531              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9532                <span class="truncate">United Kingdom</span>
9533                <span class="flex-shrink-0">(£ GBP)</span>
9534              </div>
9535            </div>
9536            
9537          </button>
9538        </li>
9539        <li data-country-picker-target="item">
9540          <button 
9541            type="submit" 
9542            name="chosen_country" 
9543            value="US"
9544            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9545            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9546            >
9547            <div class="flex flex-row items-center gap-x-2 min-w-0">
9548              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇸​</span>
9549              <div class="flex flex-row items-center gap-x-2 min-w-0 text-gray-800">
9550                <span class="truncate">United States</span>
9551                <span class="flex-shrink-0">($ USD)</span>
9552              </div>
9553            </div>
9554            
9555<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 20" class="w-4 h-4 fill-current text-[#343330] w-4 h-4">
9556  <path d="M26.0612 3.06126L10.0612 19.0613C9.92184 19.2011 9.75625 19.3121 9.57392 19.3878C9.3916 19.4635 9.19612 19.5024 8.9987 19.5024C8.80127 19.5024 8.60579 19.4635 8.42347 19.3878C8.24114 19.3121 8.07555 19.2011 7.9362 19.0613L0.936196 12.0613C0.796666 11.9217 0.685985 11.7561 0.610472 11.5738C0.53496 11.3915 0.496094 11.1961 0.496094 10.9988C0.496094 10.8014 0.53496 10.606 0.610472 10.4237C0.685985 10.2414 0.796666 10.0758 0.936196 9.93626C1.07573 9.79673 1.24137 9.68605 1.42367 9.61054C1.60598 9.53502 1.80137 9.49616 1.9987 9.49616C2.19602 9.49616 2.39141 9.53502 2.57372 9.61054C2.75602 9.68605 2.92167 9.79673 3.0612 9.93626L8.99995 15.875L23.9387 0.938759C24.2205 0.656966 24.6027 0.498657 25.0012 0.498657C25.3997 0.498657 25.7819 0.656966 26.0637 0.938759C26.3455 1.22055 26.5038 1.60274 26.5038 2.00126C26.5038 2.39977 26.3455 2.78197 26.0637 3.06376L26.0612 3.06126Z" />
9557</svg>
9558
9559          </button>
9560        </li>
9561        <li data-country-picker-target="item">
9562          <button 
9563            type="submit" 
9564            name="chosen_country" 
9565            value="UM"
9566            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9567            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9568            >
9569            <div class="flex flex-row items-center gap-x-2 min-w-0">
9570              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇲​</span>
9571              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9572                <span class="truncate">United States Minor Outlying Islands</span>
9573                <span class="flex-shrink-0">($ USD)</span>
9574              </div>
9575            </div>
9576            
9577          </button>
9578        </li>
9579        <li data-country-picker-target="item">
9580          <button 
9581            type="submit" 
9582            name="chosen_country" 
9583            value="UY"
9584            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9585            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9586            >
9587            <div class="flex flex-row items-center gap-x-2 min-w-0">
9588              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇾​</span>
9589              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9590                <span class="truncate">Uruguay</span>
9591                <span class="flex-shrink-0">($ USD)</span>
9592              </div>
9593            </div>
9594            
9595          </button>
9596        </li>
9597        <li data-country-picker-target="item">
9598          <button 
9599            type="submit" 
9600            name="chosen_country" 
9601            value="UZ"
9602            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9603            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9604            >
9605            <div class="flex flex-row items-center gap-x-2 min-w-0">
9606              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇺🇿​</span>
9607              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9608                <span class="truncate">Uzbekistan</span>
9609                <span class="flex-shrink-0">($ USD)</span>
9610              </div>
9611            </div>
9612            
9613          </button>
9614        </li>
9615        <li data-country-picker-target="item">
9616          <button 
9617            type="submit" 
9618            name="chosen_country" 
9619            value="VU"
9620            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9621            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9622            >
9623            <div class="flex flex-row items-center gap-x-2 min-w-0">
9624              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇺​</span>
9625              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9626                <span class="truncate">Vanuatu</span>
9627                <span class="flex-shrink-0">($ USD)</span>
9628              </div>
9629            </div>
9630            
9631          </button>
9632        </li>
9633        <li data-country-picker-target="item">
9634          <button 
9635            type="submit" 
9636            name="chosen_country" 
9637            value="VE"
9638            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9639            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9640            >
9641            <div class="flex flex-row items-center gap-x-2 min-w-0">
9642              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇪​</span>
9643              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9644                <span class="truncate">Venezuela</span>
9645                <span class="flex-shrink-0">($ USD)</span>
9646              </div>
9647            </div>
9648            
9649          </button>
9650        </li>
9651        <li data-country-picker-target="item">
9652          <button 
9653            type="submit" 
9654            name="chosen_country" 
9655            value="VN"
9656            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9657            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9658            >
9659            <div class="flex flex-row items-center gap-x-2 min-w-0">
9660              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇳​</span>
9661              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9662                <span class="truncate">Vietnam</span>
9663                <span class="flex-shrink-0">($ USD)</span>
9664              </div>
9665            </div>
9666            
9667          </button>
9668        </li>
9669        <li data-country-picker-target="item">
9670          <button 
9671            type="submit" 
9672            name="chosen_country" 
9673            value="VG"
9674            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9675            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9676            >
9677            <div class="flex flex-row items-center gap-x-2 min-w-0">
9678              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇬​</span>
9679              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9680                <span class="truncate">Virgin Islands, British</span>
9681                <span class="flex-shrink-0">($ USD)</span>
9682              </div>
9683            </div>
9684            
9685          </button>
9686        </li>
9687        <li data-country-picker-target="item">
9688          <button 
9689            type="submit" 
9690            name="chosen_country" 
9691            value="VI"
9692            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9693            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9694            >
9695            <div class="flex flex-row items-center gap-x-2 min-w-0">
9696              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇻🇮​</span>
9697              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9698                <span class="truncate">Virgin Islands, U.S.</span>
9699                <span class="flex-shrink-0">($ USD)</span>
9700              </div>
9701            </div>
9702            
9703          </button>
9704        </li>
9705        <li data-country-picker-target="item">
9706          <button 
9707            type="submit" 
9708            name="chosen_country" 
9709            value="WF"
9710            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9711            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9712            >
9713            <div class="flex flex-row items-center gap-x-2 min-w-0">
9714              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇼🇫​</span>
9715              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9716                <span class="truncate">Wallis and Futuna</span>
9717                <span class="flex-shrink-0">($ USD)</span>
9718              </div>
9719            </div>
9720            
9721          </button>
9722        </li>
9723        <li data-country-picker-target="item">
9724          <button 
9725            type="submit" 
9726            name="chosen_country" 
9727            value="EH"
9728            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9729            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9730            >
9731            <div class="flex flex-row items-center gap-x-2 min-w-0">
9732              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇪🇭​</span>
9733              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9734                <span class="truncate">Western Sahara</span>
9735                <span class="flex-shrink-0">($ USD)</span>
9736              </div>
9737            </div>
9738            
9739          </button>
9740        </li>
9741        <li data-country-picker-target="item">
9742          <button 
9743            type="submit" 
9744            name="chosen_country" 
9745            value="YE"
9746            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9747            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9748            >
9749            <div class="flex flex-row items-center gap-x-2 min-w-0">
9750              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇾🇪​</span>
9751              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9752                <span class="truncate">Yemen</span>
9753                <span class="flex-shrink-0">($ USD)</span>
9754              </div>
9755            </div>
9756            
9757          </button>
9758        </li>
9759        <li data-country-picker-target="item">
9760          <button 
9761            type="submit" 
9762            name="chosen_country" 
9763            value="ZM"
9764            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9765            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9766            >
9767            <div class="flex flex-row items-center gap-x-2 min-w-0">
9768              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇿🇲​</span>
9769              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9770                <span class="truncate">Zambia</span>
9771                <span class="flex-shrink-0">($ USD)</span>
9772              </div>
9773            </div>
9774            
9775          </button>
9776        </li>
9777        <li data-country-picker-target="item">
9778          <button 
9779            type="submit" 
9780            name="chosen_country" 
9781            value="ZW"
9782            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9783            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9784            >
9785            <div class="flex flex-row items-center gap-x-2 min-w-0">
9786              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇿🇼​</span>
9787              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9788                <span class="truncate">Zimbabwe</span>
9789                <span class="flex-shrink-0">($ USD)</span>
9790              </div>
9791            </div>
9792            
9793          </button>
9794        </li>
9795        <li data-country-picker-target="item">
9796          <button 
9797            type="submit" 
9798            name="chosen_country" 
9799            value="AX"
9800            class="flex flex-row justify-between items-center w-full p-2 text-left hover:bg-gray-300 focus:bg-gray-300 focus:outline-none rounded-lg cursor-pointer"
9801            data-action="keydown.down->country-picker#nextItem keydown.up->country-picker#prevItem"
9802            >
9803            <div class="flex flex-row items-center gap-x-2 min-w-0">
9804              <span class="flex-shrink-0 text-[22px] leading-[16px] notranslate" translate="no">🇦🇽​</span>
9805              <div class="flex flex-row items-center gap-x-2 min-w-0 ">
9806                <span class="truncate">Åland Islands</span>
9807                <span class="flex-shrink-0">($ USD)</span>
9808              </div>
9809            </div>
9810            
9811          </button>
9812        </li>
9813    </ul>
9814
9815    <div class="hidden" data-country-picker-target="noResults">
9816      <div class="flex flex-col items-center gap-y-4 text-center">
9817        <img alt="No results found" src="/vite/assets/magnifier-De6dphRK.png" />
9818        <h5 class="font-semibold">No results found</h5>
9819        <div>
9820          <p>We couldn’t find any country matching <span data-country-picker-target="noResultsQuery"></span>.</p>
9821          <p>Please check your spelling or try again.</p>
9822        </div>
9823      </div>
9824    </div>
9825  </div>
9826
9827</form>
9828    </div>
9829  </div>
9830</div>
9831
9832
9833</header>
9834
9835
9836        <div class="h-14 sm:h-30"></div>
9837    <div class="flex flex-col h-[1px] min-h-[calc(100vh-56px)] sm:min-h-[calc(100vh-120px)]">
9838      <main class="flex-1 pt-0 transition-all duration-300 ease-in-out sm:pt-10 pt-16" data-top-text-banner-target="mainContent">
9839        
9840<div class="pt-3 px-4 pb-16 flex flex-col sm:pt-6 sm:px-6 sm:pb-6 md:max-w-[1112px] md:mx-auto md:pb-22 md:px-0">
9841  <div class="flex gap-x-1 items-center">
9842    <a href="/">
9843      <svg class="w-4 h-4 text-gray-800 hover:fill-pibblue-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" title="">
9844  <g id="Home"><path d="M21.5 10.8328V19.5C21.5 19.8978 21.342 20.2793 21.0607 20.5607C20.7794 20.842 20.3978 21 20 21H16.25C15.8522 21 15.4706 20.842 15.1893 20.5607C14.908 20.2793 14.75 19.8978 14.75 19.5V15.75C14.75 15.5511 14.671 15.3603 14.5303 15.2197C14.3897 15.079 14.1989 15 14 15H11C10.8011 15 10.6103 15.079 10.4697 15.2197C10.329 15.3603 10.25 15.5511 10.25 15.75V19.5C10.25 19.8978 10.092 20.2793 9.81066 20.5607C9.52936 20.842 9.14782 21 8.75 21H5C4.60218 21 4.22064 20.842 3.93934 20.5607C3.65804 20.2793 3.5 19.8978 3.5 19.5V10.8328C3.49997 10.6252 3.54303 10.4199 3.62646 10.2298C3.70989 10.0397 3.83187 9.86895 3.98469 9.72843L11.4847 2.65218L11.495 2.64187C11.7711 2.39074 12.131 2.25159 12.5042 2.25159C12.8775 2.25159 13.2373 2.39074 13.5134 2.64187C13.5166 2.64554 13.5201 2.64898 13.5238 2.65218L21.0238 9.72843C21.175 9.86969 21.2954 10.0407 21.3774 10.2308C21.4594 10.4209 21.5011 10.6258 21.5 10.8328Z"/>
9845  </g>
9846</svg>
9847
9848</a>    <span class="text-[10px] leading-none text-gray-700">/</span>
9849    <span class="text-xs leading-4 font-medium text-gray-800">Blog</span>
9850  </div>
9851
9852  <h1 class="text-gray-800 font-semibold leading-10 text-[32px] tracking-tight pt-6">Blog</h1>
9853
9854  <p class="text-gray-800 text-xl font-medium leading-6 pt-4">
9855    Articles for music producers, sound designer, and audio enthusiasts looking to elevate their sound.
9856  </p>
9857
9858  <p class="text-gray-800 leading-6 pt-4">Plugin Boutique is the go-to resource for everything related to music plugins, VSTs and other music software. Find expert advice, in-depth tutorials, and comprehensive reviews to discover how you can harness the power of plugins to enhance your productions.</p>
9859
9860  <div class="pt-8 xl:pt-12">
9861    <p class="text-gray-800 text-xl font-semibold leading-6 pb-4">Latest Posts</p>
9862
9863    <div class="flex flex-col">
9864      <div
9865        id="articles-list"
9866        class="grid grid-cols-1 gap-y-4 sm:[&>a:nth-child(1)_.article-title]:text-[28px] sm:[&>a:nth-child(1)_.article-title]:leading-8 sm:[&>a:nth-child(2)_.article-title]:text-xl sm:[&>a:nth-child(2)_.article-title]:leading-6 sm:[&>a:nth-child(3)_.article-title]:text-xl sm:[&>a:nth-child(3)_.article-title]:leading-6 sm:grid-cols-4 sm:gap-x-4 sm:gap-y-4 sm:[&>a>div]:h-full sm:[&>a:nth-child(1)]:col-start-1 sm:[&>a:nth-child(1)]:col-end-5 sm:[&>a:nth-child(2)]:col-start-1 sm:[&>a:nth-child(2)]:col-end-3 sm:[&>a:nth-child(3)]:col-start-3 sm:[&>a:nth-child(3)]:col-end-5"
9867      >
9868        
9869<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2138-Analogue-Emulation-Plugins-A-Buyer-s-Guide-for-Mixing-with-Character">
9870  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9871    <div class="flex h-[159px] sm:h-[437px] md:h-[493px]">
9872      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/9a7hcpc1kp1v39birdrd079ubuo1" />
9873    </div>
9874    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9875      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Analogue Emulation Plugins: A Buyer’s Guide for Mixing with Character</p>
9876      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">These VSTs are some of the top choices to turn your DAW from a cold, sterile piece of software into a warm, colourful, lived-in studio setup
9877
9878Music software has come a long way, and while we used to use technology to remove imperfections and small problems in the real-world studio, today we actively use it to put these things back into our music.
9879
9880The number of analogue emulating plugins that are out there is truly astounding, with each one doing a slightly different thing on your mix channe</p>
9881    </div>
9882  </div>
9883</a>
9884<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2139-Recreating-a-Classic-Analogue-Mix-Chain-with-Plugins">
9885  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9886    <div class="flex h-[159px] sm:h-[295px]">
9887      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/mguxq311nfkv9df3u29uxgdg00su" />
9888    </div>
9889    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9890      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Recreating a Classic Analogue Mix Chain with Plugins</p>
9891      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">Digital audio production is the modern standard, yet it lacks the colour and life of classic analogue hardware. Learn how to breathe life into your mix bus
9892
9893As music production has overwhelmingly shifted to the digital domain over the last few decades, producers and artists now face the reality that working purely in the box often creates cold, dry, harsh, and lifeless recordings. That’s why many producers are turning to analogue-simulating software to breathe life and warmth of classic hardwa</p>
9894    </div>
9895  </div>
9896</a>
9897<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2098-The-Best-Music-Software-Deals-This-Week-Live-List-">
9898  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9899    <div class="flex h-[159px] sm:h-[295px]">
9900      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/9juebwrgawez3kfcwn5och900bge" />
9901    </div>
9902    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9903      <p class="article-title line-clamp-2 text-gray-900 font-semibold">The Best Music Software Deals This Week [Live List]</p>
9904      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">
9905As the music production landscape evolves week by week, so does the opportunity to save on powerful creative tools. New plugin releases, flash sales on VSTs and limited-time deals on music software can appear from any angle, making it harder than ever to keep track of what’s worth your attention. Whether you're looking for the latest bundles on offer, or even deals on exciting virtual instruments, it's as important as ever to stay up to date on what we have to offer.
9906
9907That’s where our live g</p>
9908    </div>
9909  </div>
9910</a>
9911<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2136-Aaron-Suiss-Builds-Self-Actualization-From-Diva-s-INIT-Patch">
9912  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9913    <div class="flex h-[159px]">
9914      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/s7l065nd28l5dhahdtxfd6sd60wo" />
9915    </div>
9916    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9917      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Aaron Suiss Builds Self-Actualization From Diva’s INIT Patch</p>
9918      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">
9919Presets are a staple in modern music production, and Aaron Suiss is refreshingly open about using them for some of the biggest layers in his latest release, “Self-Actualization,” which recently spent a week in the Beatport Hype Charts. While the bass and pad began as Plug Hugger presets inside u-he Diva, the star of the show is the arpeggiator. After auditioning several options that lacked the emotional depth and power the record needed, Suiss built the arp entirely from scratch using an INIT <
9919/p>
9920    </div>
9921  </div>
9922</a>
9923<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2137-Essential-Guide-to-Sidechaining-All-Your-Questions-Answered">
9924  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9925    <div class="flex h-[159px]">
9926      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/512rpc0sq4gkrr1aigrrg768ukno" />
9927    </div>
9928    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9929      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Essential Guide to Sidechaining – All Your Questions Answered</p>
9930      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">From cleaning up mixes to pumping grooves, here’s a complete guide to creating space, movement and more using sidechain
9931
9932 
9933
9934Header Photo: Grace Anne Bobadilla on Unsplash
9935
9936Sidechaining is one of the most widely used mixing techniques in modern music production, shaping everything from subtle vocal clarity to the unmistakable “pumping” sound of electronic dance music.
9937
9938Sidechaining dates all the way back to the 1930s, initially used by film audio engineer Douglas Shearer, who used early c</p>
9939    </div>
9940  </div>
9941</a>
9942<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2135-ESEA-Heritage-Month-5-Artists-You-Should-Know-About">
9943  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9944    <div class="flex h-[159px]">
9945      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/0ewvmqe6dacrjmm85j9u0egd6a6c" />
9946    </div>
9947    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9948      <p class="article-title line-clamp-2 text-gray-900 font-semibold">ESEA Heritage Month: 5 Artists You Should Know About</p>
9949      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">Founded in September 2021 by besea.n (Britain's East and South East Asian Network), ESEA Heritage Month celebrates the culture, history, and contributions of East and Southeast Asian communities across the UK. To mark the month, we’ve partnered with ESEA Music, a UK-based, community-led non-profit founded in 2021 to empower ESEA artists and music professionals, to spotlight five incredible independent artists shaping the UK music landscape.
9950
9951Jemerine Chan
9952
9953Malaysian Chinese • Multi-Genre / E</p>
9954    </div>
9955  </div>
9956</a>
9957<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2134-Synth-Month-Sale-The-Best-Deals-on-Synth-VSTs-Bundles">
9958  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9959    <div class="flex h-[159px]">
9960      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/4yhvnhuosdidgzmqjfrtql31krur" />
9961    </div>
9962    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9963      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Synth Month Sale: The Best Deals on Synth VSTs &amp; Bundles</p>
9964      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">
9965It’s September, and that only means one thing for all you producers out there – it’s Plugin Boutique’s Synth Month, the ultimate synth plugins sale!
9966
9967Across the month, you can buy synthesizers at massive discounts. Expect big savings on the best software synths, from characterful vintage synth emulations all the way through to cutting-edge modern sound machines.
9968
9969Not only that, but you’ll be able to pick up some deliciously discounted synth bundles that can’t be missed.
9970
9971To celebrate, we</p>
9972    </div>
9973  </div>
9974</a>
9975<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2057-Free-VST-Plugins-You-Should-Actually-Get">
9976  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9977    <div class="flex h-[159px]">
9978      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/fp75chwx3i5zdkjyopcqfgeehrrd" />
9979    </div>
9980    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9981      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Free VST Plugins You Should Actually Get</p>
9982      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">
9983[Article Last updated: 12 September 2026] – 
9984
9985There are a lot of free plugins out there, and you can sometimes feel overwhelmed by the paradox of choice. Thankfully, we've done the hard 
9985work, so you don't have to. Here’s a carefully curated list of the best free plugins that pretty much any music producer can benefit from. We even update this list approximately weekly to keep you informed of the new free plugins arriving on the scene.
9986
9987We’ve been especially considerate of plugins with a wi</p>
9988    </div>
9989  </div>
9990</a>
9991<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2133-Introducing-Sharing-Spotlight-Play-It-Forward">
9992  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
9993    <div class="flex h-[159px]">
9994      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/ra655c37i8on1azznl5qwux0lj57" />
9995    </div>
9996    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
9997      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Introducing “Sharing Spotlight” – Play It Forward</p>
9998      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">
9999Music is built by people, and we believe in organizations that nurture communities and champion creative talent where it’s needed most.
10000
10001Sharing Spotlight is an initiative designed to highlight and support music-related communities through bundles curated by them and available on Plugin Boutique. When you purchase through a unique link, a portion of each sale goes directly towards supp
10001orting our featured community at no extra cost to you.
10002
10003We believe the tools we use to make music can do m</p>
10004    </div>
10005  </div>
10006</a>
10007<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2003-30-Years-of-VST">
10008  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
10009    <div class="flex h-[159px]">
10010      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/f9p99crv7tz53mqkp2rvji4x8e4m" />
10011    </div>
10012    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
10013      <p class="article-title line-clamp-2 text-gray-900 font-semibold">30 Years of VST</p>
10014      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">
10015This year marks an impressive, significant, and maybe even surprising milestone in the world of music production: it’s been thirty years since the VST standard was launched. As part of ‘Cubase VST’, the latest version of Steinberg’s DAW, version 3, provided a framework on which companies would start to build their own, effects, instruments and even MIDI processors.
10016
10017By the way – we’re celebrating thirty years this month with a very special set of re-issues: The first three VST instruments, K</p>
10018    </div>
10019  </div>
10020</a>
10021<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2132-Saffron-s-Emerging-Artist-Development-Programme-Returns-to-Combat-Music-Tech-Gender-Gap">
10022  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
10023    <div class="flex h-[159px]">
10024      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/tc0klc9bm9fqi6dvks623uwwxl1w" />
10025    </div>
10026    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
10027      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Saffron’s Emerging Artist Development Programme Returns to Combat Music Tech Gender Gap</p>
10028      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">Backed by the PRS Foundation, the initiative offers a £1,000 grant, a 5-day studio retreat, and expert mentoring for Black women and gender-diverse creators in the South West of England.
10029
10030Bristol-based organisation Saffron has announced the return of their Emerging Artist Development Programme. Aimed at dismantling deep-rooted systemic barriers in music technology, the scheme is open to Black women and gender-diverse musical creators based in South West England.
10031
10032With reports showing that le</p>
10033    </div>
10034  </div>
10035</a>
10036<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2131-How-Queer-Ballroom-Influenced-House-Music-A-Collaborative-Event">
10037  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
10038    <div class="flex h-[159px]">
10039      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/u06hv2wpcovm7eg4fx4cf0th6lne" />
10040    </div>
10041    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
10042      <p class="article-title line-clamp-2 text-gray-900 font-semibold">How Queer Ballroom Influenced House Music – A Collaborative Event</p>
10043      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">In a one-of-a-kind event in LA, we rejoiced in the name of house music and its queer origins by taking part in a community vogue ball (presented by Banjee Ball Foundation) after our Roland 909 product demo and giveaway, which followed our initial conference-style panel. It sure was an evening to be remembered with smiles and delight shared all around.
10044
10045Yet, we’re here to dissect the panel discussion, to dig into the real substance of what was discussed. We’ll be covering the main discussion po</p>
10046    </div>
10047  </div>
10048</a>
10049<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2129-Helping-You-Make-It-Seven-UK-Organisations-Creating-Change-Through-Music">
10050  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
10051    <div class="flex h-[159px]">
10052      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/uhiefps3lzfsouk5hui0p74v7m0n" />
10053    </div>
10054    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
10055      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Helping You Make It: Seven UK Organisations Creating Change Through Music</p>
10056      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">Make Music Day celebrates everyone who creates. Meet seven UK organisations helping people find the tools and communities they need to make music and be heard.
10057
10058Music is a universal connector. It’s always there, comforting us through our headphones or uniting a thous
10058and of us on a dark club floor. It rushes in to fill the spaces between us and reminds us of why we are here. But before any of that, it needs to be made. That might mean opening a blank session, recording an idea before it disappe</p>
10059    </div>
10060  </div>
10061</a>
10062<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2130-From-Tracks-to-Traktion-Plugin-Boutique-X-pointblank-Event">
10063  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
10064    <div class="flex h-[159px]">
10065      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/9nn6e0273wmmqf3a47ntx5pkk0vd" />
10066    </div>
10067    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
10068      <p class="article-title line-clamp-2 text-gray-900 font-semibold">From Tracks to Traktion - Plugin Boutique X pointblank Event</p>
10069      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">Our most recent event came in the form of a collaboration with pointblank. This time around, the focus was on the overlap between music creation and content marketing. Nowadays, being a musician kind of goes hand in hand with learning to market yourself in the digital/online sphere, so we thought it was worthwhile to give this topic the due diligence it deserves at a dedicated event.
10070
10071As usual, our event took place as a conference-panel-style discussion, with some interesting and successful vo</p>
10072    </div>
10073  </div>
10074</a>
10075<a class="sm:row-span-3 sm:grid sm:grid-rows-[subgrid]" href="/articles/2128-Behind-the-Curtain-with-Just-Her">
10076  <div class="flex flex-col sm:row-span-3 sm:grid sm:grid-rows-[subgrid] rounded-xl border border-gray-400 hover:shadow-[0px_4px_12px_0px_rgba(0,0,0,0.25)] hover:-translate-y-0.5 duration-200 ease-in-out">
10077    <div class="flex h-[159px]">
10078      <img class="rounded-t-xl w-full object-cover" src="https://banners.pluginboutique.com/889a7y6lsj2itam162k9gda0f3hf" />
10079    </div>
10080    <div class="p-4 sm:row-span-2 sm:grid sm:grid-rows-[subgrid]">
10081      <p class="article-title line-clamp-2 text-gray-900 font-semibold">Behind the Curtain with Just Her</p>
10082      <p class="line-clamp-2 pt-2 text-gray-800 leading-6">From her early days as a vinyl collector, then musician and music technology lecturer to becoming one of the most respected names in melodic house, Claire's journey has been defined by curiosity and an unwavering commitment to authenticity. Whether through her releases on labels the likes of Anjunadeep and Crosstown Rebels, her multidisciplinary Constant Circles project, or her personal performances around the world, Just Her has built a reputation for creating music that resonates as strongly w</p>
10083    </div>
10084  </div>
10085</a>
10086      </div>
10087
10088        <div
10089    id="load-more-wrapper"
10090    data-controller="load-more-button"
10091    class="pt-8 flex justify-center"
10092  >
10093    <div class="w-[270px]">
10094      <a class="btn btn-when-disabled btn-large btn-tertiary w-full" data-turbo-stream="true" data-load-more-button-target="button" data-action="click-&gt;load-more-button#toLoadingState" data-testid="load-more-button" href="/blog?page=2">
10095  
10096    <span>Load More</span>
10097</a>
10098      <div class="hidden justify-center items-center gap-x-4 h-[48px]" data-load-more-button-target="loader">
10099        <div class="animate-spin">
10100          <svg class="w-8 h-8" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
10101  <path d="M12.5332 2.75V5.5C12.5332 5.68234 12.4608 5.8572 12.3318 5.98614C12.2029 6.11507 12.028 6.1875 11.8457 6.1875C11.6634 6.1875 11.4885 6.11507 11.3596 5.98614C11.2306 5.8572 11.1582 5.68234 11.1582 5.5V2.75C11.1582 2.56766 11.2306 2.3928 11.3596 2.26386C11.4885 2.13493 11.6634 2.0625 11.8457 2.0625C12.028 2.0625 12.2029 2.13493 12.3318 2.26386C12.4608 2.3928 12.5332 2.56766 12.5332 2.75ZM15.7344 7.79883C15.8247 7.79879 15.9142 7.78093 15.9977 7.74627C16.0811 7.71162 16.157 7.66085 16.2208 7.59688L18.1655 5.65297C18.2945 5.52397 18.367 5.349 18.367 5.16656C18.367 4.98412 18.2945 4.80916 18.1655 4.68016C18.0365 4.55115 17.8616 4.47868 17.6791 4.47868C17.4967 4.47868 17.3217 4.55115 17.1927 4.68016L15.2488 6.62492C15.1526 6.72102 15.0871 6.84349 15.0605 6.97684C15.0339 7.1102 15.0474 7.24844 15.0994 7.3741C15.1514 7.49975 15.2394 7.60718 15.3525 7.68278C15.4655 7.75838 15.5984 7.79877 15.7344 7.79883ZM20.0957 10.3125H17.3457C17.1634 10.3125 16.9885 10.3849 16.8596 10.5139C16.7306 10.6428 16.6582 10.8177 16.6582 11C16.6582 11.1823 16.7306 11.3572 16.8596 11.4861C16.9885 11.6151 17.1634 11.6875 17.3457 11.6875H20.0957C20.278 11.6875 20.4529 11.6151 20.5818 
1010111.4861C20.7108 11.3572 20.7832 11.1823 20.7832 11C20.7832 10.8177 20.7108 10.6428 20.5818 10.5139C20.4529 10.3849 20.278 10.3125 20.0957 10.3125ZM16.2208 14.4031C16.0908 14.2796 15.9177 14.2118 15.7384 14.2141C15.5592 14.2164 15.3879 14.2886 15.2611 14.4154C15.1343 14.5422 15.0621 14.7135 15.0598 14.8927C15.0575 15.072 15.1253 15.2451 15.2488 15.3751L17.1927 17.3198C17.3217 17.4488 17.4967 17.5213 17.6791 17.5213C17.8616 17.5213 18.0365 17.4488 18.1655 17.3198C18.2945 17.1908 18.367 17.0159 18.367 16.8334C18.367 16.651 18.2945 16.476 18.1655 16.347L16.2208 14.4031ZM11.8457 15.8125C11.6634 15.8125 11.4885 15.8849 11.3596 16.0139C11.2306 16.1428 11.1582 16.3177 11.1582 16.5V19.25C11.1582 19.4323 11.2306 19.6072 11.3596 19.7361C11.4885 19.8651 11.6634 19.9375 11.8457 19.9375C12.028 19.9375 12.2029 19.8651 12.3318 19.7361C12.4608 19.6072 12.5332 19.4323 12.5332 19.25V16.5C12.5332 16.3177 12.4608 16.1428 12.3318 16.0139C12.2029 15.8849 12.028 15.8125 11.8457 15.8125ZM7.47062 14.4031L5.52586 16.347C5.39686 16.476 5.32438 16.651 5.32438 16.8334C5.32438 17.0159 5.39686 17.1908 5.52586 17.3198C5.65486 17.4488 5.82983 17.5213 6.01227 17.5213C6.1947 17.5213 6.36967 17.4488 6.49867 17.3198L8.44258 15.3751C8.56607 15.2451 8.63389 15.072 8.6316 14.8927C8.6293 14.7135 8.55707 14.5422 8.43029 14.4154C8.30352 14.2886 8.13223 14.2164 7.95296 14.2141C7.77368 14.2118 7.60061 14.2796 7.47062 14.4031ZM7.0332 11C7.0332 10.8177 6.96077 10.6428 6.83184 10.5139C6.70291 10.3849 6.52804 10.3125 6.3457 10.3125H3.5957C3.41337 10.3125 3.2385 10.3849 3.10957 10.5139C2.98064 10.6428 2.9082 10.8177 2.9082 11C2.9082 11.1823 2.98064 11.3572 3.10957 11.4861C3.2385 11.6151 3.41337 11.6875 3.5957 11.6875H6.3457C6.52804 11.6875 6.70291 11.6151 6.83184 11.4861C6.96077 11.3572 7.0332 11.1823 7.0332 11ZM6.49867 4.68016C6.36967 4.55115 6.1947 4.47868 6.01227 4.47868C5.82983 4.47868 5.65486 4.55115 5.52586 4.68016C5.39686 4.80916 5.32438 4.98412 5.32438 5.16656C5.32438 5.349 5.39686 5.52397 5.52586 5.65297L7.47062 7.59688C7.60061 7.72036 7.77368 7.78819 7.95296 7.7859C8.13223 7.7836 8.30352 7.71136 8.43029 7.58459C8.55707 7.45781 8.6293 7.28653 8.6316 7.10725C8.63389 6.92798 8.56607 6.7549 8.44258 6.62492L6.49867 4.68016Z" fill="#343330"/>
10102</svg>
10103        </div>
10104        <span class="text-gray-800 text-sm font-medium">Loading...</span>
10105      </div>
10106    </div>
10107  </div>
10108
10109    </div>
10110  </div>
10111</div>
10112
10113      </main>
10114        
10115<div class="w-full bg-gray-900 flex-col" >
10116	<div class="container grid grid-cols-1 sm:grid-cols-[2fr_1fr_1fr_1fr] md:grid md:grid-cols-[2fr_1fr_1fr_3fr_2fr] pt-6">
10117		<div class="self-stretch flex flex-col gap-4 py-4  "  >
10118			<div class="self-stretch flex w-full flex-row sm:flex-col sm:border-r-1 sm:h-full sm:border-b-0 border-b-1 border-gray-800 px-3 pb-8"  >
10119				<h3 class="text-white font-bold pb-4 flex-shrink-0">
10120					Discover </h3>
10121				<div class="self-stretch w-4/5 relative grid grid-cols-2 gap-x-8 sm:gap-x-12 text-gray-600! text-sm break-words flex-nowrap">
10122					<ul class="flex flex-col gap-3">
10123						<li class="hover:text-blue-500 cursor-pointer">
10124							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;instruments&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/1-instruments">Instruments</a>
10125						</li>
10126						<li class="hover:text-blue-500 cursor-pointer">
10127							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;studio tools&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/3-studio-tools">Studio Tools</a>
10128						</li>
10129						<li class="hover:text-blue-500 cursor-pointer">
10130							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;effects&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/2-effects">Effects</a>
10131						</li>
10132						<li class="hover:text-blue-500 cursor-pointer">
10133							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;sample packs&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/99-sample-packs">Sounds</a>
10134						</li>
10135						<li class="hover:text-blue-500 cursor-pointer">
10136							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;bundles&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/81-bundles">Bundles</a>
10137						</li>
10138						<li class="hover:text-blue-500 cursor-pointer">
10139							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;blog&quot;,&quot;event&quot;:&quot;send&quot;}" href="/blog">Blog</a>
10140						</li>
10141						<li class="hover:text-blue-500 cursor-pointer">
10142							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;free instruments&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/1-Instruments?free=true">Free Instruments</a>
10143						</li>
10144						<li class="hover:text-blue-500 cursor-pointer">
10145							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;brands&quot;,&quot;event&quot;:&quot;send&quot;}" href="/manufacturers">Brands</a>
10146						</li>
10147					</ul>
10148					<ul class="flex flex-col gap-3">
10149						<li class="hover:text-blue-500 cursor-pointer">
10150							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;free effects&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/2-Effects?free=true">
10150Free Effects</a>
10151						</li>
10152						<li class="hover:text-blue-500 cursor-pointer">
10153							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;free studio tools&quot;,&quot;event&quot;:&quot;send&quot;}" href="/categories/3-Studio-Tools?free=true">Free Studio Tools</a>
10154						</li>
10155            <li class="hover:text-blue-500 cursor-pointer">
10156							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;courses&quot;,&quot;event&quot;:&quot;send&quot;}" href="/courses">Courses</a>
10157						</li>
10158						<li class="hover:text-blue-500 cursor-pointer">
10159							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;black friday&quot;,&quot;event&quot;:&quot;send&quot;}" href="/blackfriday">Black Friday</a>
10160						</li>
10161						<li class="hover:text-blue-500 cursor-pointer">
10162							<a class="btn-link" data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;affiliate program&quot;,&quot;event&quot;:&quot;send&quot;}" data-testid="footer-affiliate-program-btn" rel="noopener noreferrer" target="_blank" href="https://pluginboutique.postaffiliatepro.com/affiliates/signup.php#SignupForm">
10163  
10164    <span>Affiliate Program</span>
10165</a>
10166						</li>
10167						<li class="hover:text-blue-500 cursor-pointer">
10168							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;plugin plus&quot;,&quot;event&quot;:&quot;send&quot;}" href="/pluginplus">Plugin+</a>
10169						</li>
10170						<li class="hover:text-blue-500 cursor-pointer">
10171							<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;rent to own&quot;,&quot;event&quot;:&quot;send&quot;}" href="/rent-to-own-plugins">Rent to Own</a>
10172						</li>
10173					</ul>
10174				</div>
10175			</div>
10176		</div>
10177		<div class="self-stretch flex flex-col gap-4 py-4 min-w-40"  >
10178			<div class="self-stretch flex flex-row sm:flex-col sm:border-r-1 sm:h-full px-3 sm:border-b-0 border-b-1 border-gray-800 pb-8"  >
10179				<h3 class="text-white font-bold pb-4">
10180					Legal </h3>
10181				<ul class="self-stretch w-3/4 relative flex flex-col gap-3 break-words gap-x-8 text-gray-600 text-sm">
10182					<li class=" hover:text-blue-500 cursor-pointer">
10183						<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;terms and conditions&quot;,&quot;event&quot;:&quot;send&quot;}" href="/terms">Terms and Conditions</a>
10184					</li>
10185					<li class=" hover:text-blue-500 cursor-pointer">
10186						<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;privacy policy&quot;,&quot;event&quot;:&quot;send&quot;}" href="/privacy">Privacy Policy</a>
10187					</li>
10188					<li class=" hover:text-blue-500 cursor-pointer">
10189						<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;refund policy&quot;,&quot;event&quot;:&quot;send&quot;}" href="/refund">Refund Policy</a>
10190					</li>
10191				</ul>
10192			</div>
10193		</div>
10194		<div class="self-stretch flex flex-col gap-4 py-4 min-w-40"  >
10195			<div class="self-stretch flex flex-row sm:flex-col break-words sm:border-r-1 sm:h-full sm:border-b-0 border-b-1 border-gray-800 px-3 pb-8">
10196				<h3 class="text-white  font-bold pb-4">
10197					Help </h3>
10198				<ul class="self-stretch w-3/4 relative grid grid-cols-1 gap-3 gap-x-8 text-gray-600 text-sm">
10199					<li class="hover:text-blue-500 cursor-pointer">
10200						<a class="btn-link" data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;contact us&quot;,&quot;event&quot;:&quot;send&quot;}" data-testid="footer-contact-us-btn" href="/contact">
10201  
10202    
10203							Contact Us
10204
10205</a>					</li>
10206					<li class=" hover:text-blue-500 cursor-pointer">
10207						<a data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;about us&quot;,&quot;event&quot;:&quot;send&quot;}" href="/about">About Us</a>
10208					</li>
10209				</ul>
10210			</div>
10211		</div>
10212		<div class="self-stretch py-4 sm:px-4 md:px-0 sm:row-start-2 sm:col-span-4 md:row-start-1 md:col-start-4 md:col-span-1">
10213			<div class="self-stretch flex flex-col gap-x-8 sm:border-t-1 md:border-t-0 md:border-b-0 border-b-1 border-gray-800 px-3 sm:px-0 md:px-3 pb-8 sm:pt-8 md:pt-0 md:sm:border-r-0 sm:max-w-80"  >
10214				<h3 class="text-white font-bold pb-4 pb-4">
10215					Plugin Boutique Rewards </h3>
10216				<p class="text-gray-600 text-sm mb-4">
10217					Discover the most rewarding loyalty programme among all plugin retailers.
10218				</p>
10219				<ul class="list-disc px-6 pb-4">
10220					<li class="text-gray-600! text-sm">Free Loopmasters Samplepacks</li>
10221					<li class="text-gray-600! text-sm">Discounts on products and courses</li>
10222					<li class="text-gray-600! text-sm">Extra Virtual Cash claimed immediately at checkout</li>
10223				</ul>
10224			   <a class="text-gray-100 group flex flex-row w-fit text-sm gap-2 hover:text-blue-500 cursor-pointer" data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;find out rewards&quot;,&quot;event&quot;:&quot;send&quot;}" href="/library/rewards">
10225				   Find out more
10226				   <svg class="w-6 h-5 stroke-gray-600 group-hover:stroke-blue-500" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
10227<path d="M17.3172 10.4806L11.6922 16.1056C11.5749 16.2229 11.4159 16.2888 11.25 16.2888C11.0841 16.2888 10.9251 16.2229 10.8078 16.1056C10.6905 15.9883 10.6247 15.8293 10.6247 15.6634C10.6247 15.4976 10.6905 15.3385 10.8078 15.2212L15.3664 10.6634H3.125C2.95924 10.6634 2.80027 10.5976 2.68306 10.4804C2.56585 10.3632 2.5 10.2042 2.5 10.0384C2.5 9.87267 2.56585 9.7137 2.68306 9.59649C2.80027 9.47928 2.95924 9.41343 3.125 9.41343H15.3664L10.8078 4.85562C10.6905 4.73835 10.6247 4.57929 10.6247 4.41343C10.6247 4.24758 10.6905 4.08852 10.8078 3.97125C10.9251 3.85397 11.0841 3.78809 11.25 3.78809C11.4159 3.78809 11.5749 3.85397 11.6922 3.97125L17.3172 9.59625C17.3753 9.65429 17.4214 9.72322 17.4529 9.7991C17.4843 9.87497 17.5005 9.9563 17.5005 10.0384C17.5005 10.1206 17.4843 10.2019 17.4529 10.2778C17.4214 10.3536 17.3753 10.4226 17.3172 10.4806Z" fill="white"/>
10228</svg>
10229
10230</a>			</div>
10231		</div>
10232		<div class="self-stretch  items-end flex  flex-col gap-4 py-4 sm:px-4 md:col-start-5 "  >
10233			<div class="self-stretch sm:self-end flex flex-row sm:flex-col justify-center items-start gap-x-8 sm:border-b-0 px-4 border-b-1 border-gray-800 pb-8 sm:w-40 sm:pl-8"  >
10234				<h3 class="text-white font-bold pb-0 sm:pb-4 text-nowrap pr-8 sm:pr-4">
10235					Follow us: </h3>
10236				<div class="self-stretch  flex flex-row items-center justify-evenly gap-3">
10237					<a target="_blank" rel="noopener noreferrer" data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;twitter&quot;,&quot;event&quot;:&quot;send&quot;}" href="https://x.com/pluginboutique"><img alt="X (Twitter)" class="h-6 min-w-6 hover:stroke-blue-500 hover:fill-blue-500 hover:text-blue-500" src="/vite/assets/icon_x-GdVfExvh.svg" /></a>
10238					<a target="_blank" rel="noopener noreferrer" data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;facebook&quot;,&quot;event&quot;:&quot;send&quot;}" href="https://www.facebook.com/pluginboutique"><img alt="Facebook" class="h-6 min-w-6 hover:stroke-blue-500 hover:fill-blue-500 hover:text-blue-500" src="/vite/assets/icon_f-Dk5TszUD.svg" /></a>
10239					<a target="_blank" rel="noopener noreferrer" data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;youtube&quot;,&quot;event&quot;:&quot;send&quot;}" href="https://www.youtube.com/c/PluginBoutiqueOfficial"><img alt="YouTube" class="h-6 min-w-6 hover:stroke-blue-500 hover:fill-blue-500 hover:text-blue-500" src="/vite/assets/icon_yt-CZZggreW.svg" /></a>
10240					<a target="_blank" rel="noopener noreferrer" data-layer="{&quot;category&quot;:&quot;footer&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;instagram&quot;,&quot;event&quot;:&quot;send&quot;}" href="https://www.instagram.com/pluginboutique"><img alt="Instagram" class="h-6 min-w-6 hover:stroke-blue-500 hover:fill-blue-500 hover:text-blue-500" src="/vite/assets/icon_i-Bnxhnntn.svg" /></a>
10241				</div>
10242			</div>
10243		</div>
10244	</div>
10245	<div class="container text-gray-600 text-xs pb-16 sm:pb-0">
10246		<div class="px-4 flex flex-col sm:flex-row items-center justify-center sm:justify-between py-6 text-gray-600 gap-4">
10247			<div class="  relative flex justify-start items-center gap-1">
10248				<img alt="Logo" class="h-8 min-w-8 " src="/vite/assets/signet_bw-BmVLhyCo.svg" />
10249				<img alt="Logo" class="h-7 " src="/vite/assets/logo_bw-Bu_MXDyK.svg" />
10250			</div>
10251			<div class="flex flex-col items-center justify-center sm:justify-end sm:items-end sm:text-right text-center gap-0">
10252				<p>Plugin Boutique Limited, Part of the Beatport Group LLC.</p>
10253				<p>Copyright © 2011-2026 Plugin Boutique. All rights reserved</p>
10254			</div>
10255		</div>
10256	</div>
10257</div>
10258
10259        <div class="bg-gray-900 h-18 sm:hidden"></div>
10260<div class="fixed bottom-0 left-0 right-0 z-48 bg-gray-100 shadow-[0_-8px_10px_rgba(0,0,0,0.15)] flex flex-row justify-evenly items-center p-4 sm:hidden transition-all duration-300 border-t-1 border-gray-400"  data-mobile-bottom-bar-target="bottomBar">
10261	
10262<a href="/">
10263   <div class="link-content
10264              flex flex-col
10265              text-[0.625rem] max-h-10 max-w-10
10266              transition-all duration-300 ease-in-out
10267              justify-center items-center
10268              font-bold fill-transparent
10269              
10270              hover:fill-blue-600 stroke-1 stroke-gray-900 hover:stroke-blue-600 text-gray-900 hover:text-blue-600">
10271
10272    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" title="Home">
10273  <g id="Home"><path d="M21.5 10.8328V19.5C21.5 19.8978 21.342 20.2793 21.0607 20.5607C20.7794 20.842 20.3978 21 20 21H16.25C15.8522 21 15.4706 20.842 15.1893 20.5607C14.908 20.2793 14.75 19.8978 14.75 19.5V15.75C14.75 15.5511 14.671 15.3603 14.5303 15.2197C14.3897 15.079 14.1989 15 14 15H11C10.8011 15 10.6103 15.079 10.4697 15.2197C10.329 15.3603 10.25 15.5511 10.25 15.75V19.5C10.25 19.8978 10.092 20.2793 9.81066 20.5607C9.52936 20.842 9.14782 21 8.75 21H5C4.60218 21 4.22064 20.842 3.93934 20.5607C3.65804 20.2793 3.5 19.8978 3.5 19.5V10.8328C3.49997 10.6252 3.54303 10.4199 3.62646 10.2298C3.70989 10.0397 3.83187 9.86895 3.98469 9.72843L11.4847 2.65218L11.495 2.64187C11.7711 2.39074 12.131 2.25159 12.5042 2.25159C12.8775 2.25159 13.2373 2.39074 13.5134 2.64187C13.5166 2.64554 13.5201 2.64898 13.5238 2.65218L21.0238 9.72843C21.175 9.86969 21.2954 10.0407 21.3774 10.2308C21.4594 10.4209 21.5011 10.6258 21.5 10.8328Z"/>
10274  </g>
10275</svg>
10276
10277    <span>Home</span>
10278  </div>
10279</a>
10280	
10281<a href="/library">
10282   <div class="link-content
10283              flex flex-col
10284              text-[0.625rem] max-h-10 max-w-10
10285              transition-all duration-300 ease-in-out
10286              justify-center items-center
10287              font-bold fill-transparent
10288              
10289              hover:fill-blue-600 stroke-1 stroke-gray-900 hover:stroke-blue-600 text-gray-900 hover:text-blue-600">
10290
10291    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6" title="Library">
10292  <g id="Home">
10293    <path d="M16.166 6L20.166 20" />
10294    <path d="M12.166 6V20" />
10295    <path d="M8.16602 8V20" />
10296    <path d="M4.16602 4V20" />
10297  </g>
10298</svg>
10299
10300    <span>Library</span>
10301  </div>
10302</a>
10303	
10304<a href="/wishlist">
10305   <div class="link-content
10306              flex flex-col
10307              text-[0.625rem] max-h-10 max-w-10
10308              transition-all duration-300 ease-in-out
10309              justify-center items-center
10310              font-bold fill-transparent
10311              
10312              hover:fill-blue-600 stroke-1 stroke-gray-900 hover:stroke-blue-600 text-gray-900 hover:text-blue-600">
10313
10314    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6" title="Wishlist">
10315  <g id="Wishlist">
10316    <path d="M22.666 8.8125C22.666 15.375 12.9357 20.6869 12.5213 20.9062C12.4121 20.965 12.29 20.9958 12.166 20.9958C12.042 20.9958 11.9199 20.965 11.8107 20.9062C11.3963 20.6869 1.66602 15.375 1.66602 8.8125C1.66775 7.27146 2.2807 5.79404 3.37038 4.70436C4.46005 3.61468 5.93748 3.00174 7.47852 3C9.41445 3 11.1095 3.8325 12.166 5.23969C13.2226 3.8325 14.9176 3 16.8535 3C18.3946 3.00174 19.872 3.61468 20.9617 4.70436C22.0513 5.79404 22.6643 7.27146 22.666 8.8125Z"/>
10317  </g>
10318</svg>
10319
10320    <span>Wishlist</span>
10321  </div>
10322</a>
10323
10324		<button test-id="accountButton"
10325      data-action="click->
10325mobile-account-menu#toggle"
10326			class="link-content flex flex-col text-[0.625rem]
10327			transition-all duration-300 ease-in-out justify-center cursor-pointer
10328			items-center font-bold 
10329			fill-transparent hover:fill-blue-600 stroke-1 stroke-gray-900 hover:stroke-blue-600 text-gray-900 hover:text-blue-600">
10330			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-6 h-6" title="Account">
10331  <g id="Account">
10332    <path d="M 21 21 C 20 18 18 15 12 15.5 C 16 15.5 17.7094 12.8892 18.2614 11.5179 C 18.8134 10.1467 18.8999 8.6321 18.5078 7.2069 C 18.1157 5.7816 17.2666 4.5245 16.0909 3.6286 C 14.9151 2.7327 13.4778 2.2474 11.9996 2.2474 C 10.5215 2.2474 9.0841 2.7327 7.9084 3.6286 C 6.7327 4.5245 5.8836 5.7816 5.4915 7.2069 C 5.0994 8.6321 5.1859 10.1467 5.7379 11.5179 C 6.2898 12.8892 8 15.5 12 15.5 C 6 15 4 18 3 21" stroke-linecap="round" stroke-linejoin="round"/>
10333  </g>
10334</svg>
10335
10336			<span>Account</span>
10337		</button>
10338
10339</div>
10340
10341    </div>
10342    <div id="navbar-overlay" data-target="navbarOverlay" class="fixed inset-0 z-30 opacity-50 mix-blend-multiply bg-black hidden"></div>
10343      <div id="cart-sidebar-overlay"
10344           test-id="cart-sidebar-overlay"
10345           class="max-sm:hidden fixed inset-0 z-46 bg-black/50 transition-opacity duration-300 ease-in-out opacity-0 pointer-events-none"
10346           aria-hidden="true"></div>
10347        
10347<script data-turbo-eval="false">
10348      document.write(unescape("%3Cscript id='pap_x2s6df8d' src='" + (("https:" == document.location.protocol) ? "https://" : "http://") + "pluginboutique.postaffiliatepro.com/scripts/trackjs.js' type='text/javascript'%3E%3C/script%3E"));
10349    </script>
10349
10350    
10350<script data-turbo-eval="false">
10351      try {
10352        PostAffTracker.setAccountId('pap_x2s6df8d');
10353        PostAffTracker.track();
10354      } catch (err) {
10355          console.error(err)
10356      }
10357    </script>
10357
10358
10359    <!-- DotDigital script -->
10360      
10360<script>
10361
10362    // Initiate Web Behaviour Tracking (this section MUST come prior any other dmPt calls)
10363    // Do not change this
10364    (function(w,d,u,t,o,c){w['dmtrackingobjectname']=o;c=d.createElement(t);c.async=1;c.src=u;t=d.getElementsByTagName
10365    (t)[0];t.parentNode.insertBefore(c,t);w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments);};
10366    })(window, document, '//static.trackedweb.net/js/_dmptv4.js', 'script', 'dmPt');
10367
10368    window.dmPt('create', 'DM-1902075434-01', 'pluginboutique.com,staging.pluginboutique.com,dev.pluginboutique.com,dev-rebuild.pluginboutique.com');
10369    window.dmPt('track');
10370  </script>
10370
10371
10372    <!-- End DotDigital script -->
10373    
10374    <div id="zendesk-chat-container">
10375</div>
10376
10377    
10378
10379  
10379<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a440bee8cb282243',t:'MTc5MDkxMzA1Ng=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
10379<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"50bf8c27bbd94bed9b8f6f912c4fe62a","spa":2}' crossorigin="anonymous"></script>
10379
10380</body>
10381</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.