https://www.createskills.io/_next/static/chunks/5358-3e3b4c381de2ec4c.js?dpl=dpl_93nrPDFCCxNW3ZtAQCeJSsbtXbCv

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5358],{2895:(e,t,n)=>{n.d(t,{A:()=>r});let r=(0,n(8399).A)("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]])},4616:(e,t,n)=>{n.r(t),n.d(t,{Label:()=>a,Root:()=>i});var r=n(5271),l=n(180),o=n(8111),a=r.forwardRef((e,t)=>(0,o.jsx)(l.sG.label,{...e,ref:t,onMouseDown:t=>{var n;t.target.closest("button, input, select, textarea")||(null==(n=e.onMouseDown)||n.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));a.displayName="Label";var i=a},8039:(e,t,n)=>{n.d(t,{Mb:()=>a});var r=[[1,8],[2,16],[4,32],[64,128]];function l(e){let t=e.length,n=e[0]?e[0].length:0,l=Math.ceil(n/2),o="";for(let a=0;a<l;a++){let l=10240;for(let o=0;o<4&&o<t;o++)for(let t=0;t<2;t++){let i=2*a+t;i<n&&e[o]&&e[o][i]&&(l|=r[o][t])}o+=String.fromCodePoint(l)}return o}function o(e,t){return e<=0||t<=0?[]:Array.from({length:e},()=>Array(t).fill(!1))}var a={braille:{frames:["⠋","⠙","⠹","⠸","⠼","⠴","⠦","⠧","⠇","⠏"],interval:80},braillewave:{frames:["⠁⠂⠄⡀","⠂⠄⡀⢀","⠄⡀⢀⠠","⡀⢀⠠⠐","⢀⠠⠐⠈","⠠⠐⠈⠁","⠐⠈⠁⠂","⠈⠁⠂⠄"],interval:100},dna:{frames:["⠋⠉⠙⠚","⠉⠙⠚⠒","⠙⠚⠒⠂","⠚⠒⠂⠂","⠒⠂⠂⠒","⠂⠂⠒⠲","⠂⠒⠲⠴","⠒⠲⠴⠤","⠲⠴⠤⠄","⠴⠤⠄⠋","⠤⠄⠋⠉","⠄⠋⠉⠙"],interval:80},scan:{frames:function(){let e=[];for(let t=-1;t<9;t++){let n=o(4,8);for(let e=0;e<4;e++)for(let r=0;r<8;r++)(r===t||r===t-1)&&(n[e][r]=!0);e.push(l(n))}return e}(),interval:70},rain:{frames:function(){let e=[],t=[0,3,1,5,2,7,4,6];for(let n=0;n<12;n++){let r=o(4,8);for(let e=0;e<8;e++){let l=(n+t[e])%6;l<4&&(r[l][e]=!0)}e.push(l(r))}return e}(),interval:100},scanline:{frames:function(){let e=[];for(let t of[0,1,2,3,2,1]){let n=o(4,6);for(let e=0;e<6;e++)n[t][e]=!0,t>0&&(n[t-1][e]=e%2==0);e.push(l(n))}return e}(),interval:120},pulse:{frames:function(){let e=[];for(let t of[.5,1.2,2,3,3.5]){let n=o(4,6);for(let e=0;e<4;e++)for(let r=0;r<6;r++).9>Math.abs(Math.sqrt((r-2.5)**2+(e-1.5)**2)-t)&&(n[e][r]=!0);e.push(l(n))}return e}(),interval:180},snake:{frames:function(){let e=[];for(let t=0;t<4;t++)if(t%2==0)for(let n=0;n<4;n++)e.push([t,n]);else for(let n=3;n>=0;n--)e.push([t,n]);let t=[];for(let n=0;n<e.length;n++){let r=o(4,4);for(let t=0;t<4;t++){let l=(n-t+e.length)%e.length;r[e[l][0]][e[l][1]]=!0}t.push(l(r))}return t}(),interval:80},sparkle:{frames:function(){let e=[];for(let t of[[1,0,0,1,0,0,1,0,0,0,1,0,0,1,0,0,0,1,0,0,1,0,0,1,1,0,0,0,0,1,0,0],[0,1,0,0,1,0,0,1,1,0,0,1,0,0,0,1,0,0,0,1,0,1,0,0,0,0,1,0,1,0,1,0],[0,0,1,0,0,1,0,0,0,1,0,0,0,0,1,0,1,0,1,0,0,0,0,1,0,1,0,1,0,0,0,1],[1,0,0,0,0,0,1,1,0,0,1,0,1,0,0,0,0,0,0,0,1,0,1,0,1,0,0,1,0,0,1,0],[0,0,0,1,1,0,0,0,0,1,0,0,0,1,0,1,1,0,0,1,0,0,0,0,0,1,0,0,0,1,0,1],[0,1,1,0,0,0,0,1,0,0,0,1,0,0,1,0,0,1,0,0,0,1,0,0,0,0,1,0,1,0,0,0]]){let n=o(4,8);for(let e=0;e<4;e++)for(let r=0;r<8;r++)n[e][r]=!!t[8*e+r];e.push(l(n))}return e}(),interval:150},cascade:{frames:function(){let e=[];for(let t=-2;t<12;t++){let n=o(4,8);for(let e=0;e<4;e++)for(let r=0;r<8;r++){let l=r+e;(l===t||l===t-1)&&(n[e][r]=!0)}e.push(l(n))}return e}(),interval:60},columns:{frames:function(){let e=[];for(let t=0;t<6;t++)for(let n=3;n>=0;n--){let r=o(4,6);for(let e=0;e<t;e++)for(let t=0;t<4;t++)r[t][e]=!0;for(let e=n;e<4;e++)r[e][t]=!0;e.push(l(r))}let t=o(4,6);for(let e=0;e<4;e++)for(let n=0;n<6;n++)t[e][n]=!0;return e.push(l(t)),e.push(l(o(4,6))),e}(),interval:60},orbit:{frames:function(){let e=[[0,0],[0,1],[1,1],[2,1],[3,1],[3,0],[2,0],[1,0]],t=[];for(let n=0;n<e.length;n++){let r=o(4,2);r[e[n][0]][e[n][1]]=!0;let a=(n-1+e.length)%e.length;r[e[a][0]][e[a][1]]=!0,t.push(l(r))}return t}(),interval:100},breathe:{frames:function(){let e=[[],[[1,0]],[[0,1],[2,0]],[[0,0],[1,1],[3,0]],[[0,0],[1,1],[2,0],[3,1]],[[0,0],[0,1],[1,1],[2,0],[3,1]],[[0,0],[0,1],[1,0],[2,1],[3,0],[3,1]],[[0,0],[0,1],[1,0],[1,1],[2,0],[3,0],[3,1]],[[0,0],[0,1],[1,0],[1,1],[2,0],[2,1],[3,0],[3,1]]],t=[];for(let n of[...e,...e.slice().reverse().slice(1)]){let e=o(4,2);for(let[t,r]of n)e[t][r]=!0;t.push(l(e))}return t}(),interval:100},waverows:{frames:function(){let e=[];for(let t=0;t<16;t++){let n=o(4,8);for(let e=0;e<8;e++){let r=Math.round((Math.sin(.8*(t-.5*e))+1)/2*3);n[r][e]=!0,r>0&&(n[r-1][e]=(t+e)%3==0)}

1e.push(l(n))}return e}(),interval:90},checkerboard:{frames:function(){let e=[];for(let t=0;t<4;t++){let n=o(4,6);for(let e=0;e<4;e++)for(let r=0;r<6;r++)t<2?n[e][r]=(e+r+t)%2==0:n[e][r]=(e+r+t)%3==0;e.push(l(n))}return e}(),interval:250},helix:{frames:function(){let e=[];for(let t=0;t<16;t++){let n=o(4,8);for(let e=0;e<8;e++){let r=Math.PI/4*(t+e),l=Math.round((Math.sin(r)+1)/2*3),o=Math.round((Math.sin(r+Math.PI)+1)/2*3);n[l][e]=!0,n[o][e]=!0}e.push(l(n))}return e}(),interval:80},fillsweep:{frames:function(){let e=[];for(let t=3;t>=0;t--){let n=o(4,4);for(let e=t;e<4;e++)for(let t=0;t<4;t++)n[e][t]=!0;e.push(l(n))}let t=o(4,4);for(let e=0;e<4;e++)for(let n=0;n<4;n++)t[e][n]=!0;e.push(l(t)),e.push(l(t));for(let t=0;t<4;t++){let n=o(4,4);for(let e=t+1;e<4;e++)for(let t=0;t<4;t++)n[e][t]=!0;e.push(l(n))}return e.push(l(o(4,4))),e}(),interval:100},diagswipe:{frames:function(){let e=[];for(let t=0;t<=6;t++){let n=o(4,4);for(let e=0;e<4;e++)for(let r=0;r<4;r++)e+r<=t&&(n[e][r]=!0);e.push(l(n))}let t=o(4,4);for(let e=0;e<4;e++)for(let n=0;n<4;n++)t[e][n]=!0;e.push(l(t));for(let t=0;t<=6;t++){let n=o(4,4);for(let e=0;e<4;e++)for(let r=0;r<4;r++)e+r>t&&(n[e][r]=!0);e.push(l(n))}return e.push(l(o(4,4))),e}(),interval:60}}},8576:(e,t,n)=>{n.d(t,{dK:()=>f,wE:()=>p});var r=n(5271),l=Object.defineProperty,o=Object.defineProperties,a=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,c=(e,t,n)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,f=r.createContext({}),p=r.forwardRef((e,t)=>{var n,l,p,m,v,{value:g,onChange:b,maxLength:w,textAlign:E="left",pattern:M,placeholder:S,inputMode:y="numeric",onComplete:P,pushPasswordManagerStrategy:C="increase-width",pasteTransformer:k,containerClassName:x,noScriptCSSFallback:D=h,render:R,children:A}=e,T=((e,t)=>{var n={};for(var r in e)u.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&i)for(var r of i(e))0>t.indexOf(r)&&s.call(e,r)&&(n[r]=e[r]);return n})(e,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","render","children"]);let[O,W]=r.useState("string"==typeof T.defaultValue?T.defaultValue:""),_=null!=g?g:O,j=function(e){let t=r.useRef();return r.useEffect(()=>{t.current=e}),t.current}(_),B=r.useCallback(e=>{null==b||b(e),W(e)},[b]),I=r.useMemo(()=>M?"string"==typeof M?new RegExp(M):M:null,[M]),F=r.useRef(null),L=r.useRef(null),H=r.useRef({value:_,onChange:B,isIOS:"undefined"!=typeof window&&(null==(l=null==(n=null==window?void 0:window.CSS)?void 0:n.supports)?void 0:l.call(n,"-webkit-touch-callout","none"))}),N=r.useRef({prev:[null==(p=F.current)?void 0:p.selectionStart,null==(m=F.current)?void 0:m.selectionEnd,null==(v=F.current)?void 0:v.selectionDirection]});r.useImperativeHandle(t,()=>F.current,[]),r.useEffect(()=>{let e=F.current,t=L.current;if(!e||!t)return;function n(){if(document.activeElement!==e){K(null),J(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,l=e.maxLength,o=e.value,a=N.current.prev,i=-1,u=-1,s;if(0!==o.length&&null!==t&&null!==n){let e=t===n,r=t===o.length&&o.length<l;if(e&&!r){if(0===t)i=0,u=1,s="forward";else if(t===l)i=t-1,u=t,s="backward";else if(l>1&&o.length>1){let e=0;if(null!==a[0]&&null!==a[1]){s=t<a[1]?"backward":"forward";let n=a[0]===a[1]&&a[0]<l;"backward"!==s||n||(e=-1)}i=e+t,u=e+t+1}}-1!==i&&-1!==u&&i!==u&&F.current.setSelectionRange(i,u,s)}let c=-1!==i?i:t,f=-1!==u?u:n,p=null!=s?s:r;K(c),J(f),N.current.prev=[c,f,p]}if(H.current.value!==e.value&&H.current.onChange(e.value),N.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection],document.addEventListener("selectionchange",n,{capture:!0}),n(),document.activeElement===e&&V(!0),!document.getElementById("input-otp-style")){let e=document.createElement("style");if(e.id="input-otp-style",document.head.appendChild(e),e.sheet){let t="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";d(e.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),d(e.sheet,`[data-input-otp]:autofill { ${t} }`),d(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }

1`),d(e.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),d(e.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let r=()=>{t&&t.style.setProperty("--root-height",`${e.clientHeight}px`)};r();let l=new ResizeObserver(r);return l.observe(e),()=>{document.removeEventListener("selectionchange",n,{capture:!0}),l.disconnect()}},[]);let[$,G]=r.useState(!1),[z,V]=r.useState(!1),[q,K]=r.useState(null),[U,J]=r.useState(null);r.useEffect(()=>{!function(e){setTimeout(e,0),setTimeout(e,10),setTimeout(e,50)}(()=>{var e,t,n,r;null==(e=F.current)||e.dispatchEvent(new Event("input"));let l=null==(t=F.current)?void 0:t.selectionStart,o=null==(n=F.current)?void 0:n.selectionEnd,a=null==(r=F.current)?void 0:r.selectionDirection;null!==l&&null!==o&&(K(l),J(o),N.current.prev=[l,o,a])})},[_,z]),r.useEffect(()=>{void 0!==j&&_!==j&&j.length<w&&_.length===w&&(null==P||P(_))},[w,P,j,_]);let Q=function({containerRef:e,inputRef:t,pushPasswordManagerStrategy:n,isFocused:l}){let[o,a]=r.useState(!1),[i,u]=r.useState(!1),[s,c]=r.useState(!1),f=r.useMemo(()=>"none"!==n&&("increase-width"===n||"experimental-no-flickering"===n)&&o&&i,[o,i,n]),p=r.useCallback(()=>{let r=e.current,l=t.current;if(!r||!l||s||"none"===n)return;let o=r.getBoundingClientRect().left+r.offsetWidth,i=r.getBoundingClientRect().top+r.offsetHeight/2;0===document.querySelectorAll('[data-lastpass-icon-root],com-1password-button,[data-dashlanecreated],[style$="2147483647 !important;"]').length&&document.elementFromPoint(o-18,i)===r||(a(!0),c(!0))},[e,t,s,n]);return r.useEffect(()=>{let t=e.current;if(!t||"none"===n)return;function r(){u(window.innerWidth-t.getBoundingClientRect().right>=40)}r();let l=setInterval(r,1e3);return()=>{clearInterval(l)}},[e,n]),r.useEffect(()=>{let e=l||document.activeElement===t.current;if("none"===n||!e)return;let r=setTimeout(p,0),o=setTimeout(p,2e3),a=setTimeout(p,5e3),i=setTimeout(()=>{c(!0)},6e3);return()=>{clearTimeout(r),clearTimeout(o),clearTimeout(a),clearTimeout(i)}},[t,l,n,p]),{hasPWMBadge:o,willPushPWMBadge:f,PWM_BADGE_SPACE_WIDTH:"40px"}}({containerRef:L,inputRef:F,pushPasswordManagerStrategy:C,isFocused:z}),X=r.useCallback(e=>{let t=e.currentTarget.value.slice(0,w);if(t.length>0&&I&&!I.test(t))return void e.preventDefault();"string"==typeof j&&t.length<j.length&&document.dispatchEvent(new Event("selectionchange")),B(t)},[w,B,j,I]),Y=r.useCallback(()=>{var e;if(F.current){let t=Math.min(F.current.value.length,w-1),n=F.current.value.length;null==(e=F.current)||e.setSelectionRange(t,n),K(t),J(n)}V(!0)},[w]),Z=r.useCallback(e=>{var t,n;let r=F.current;if(!k&&(!H.current.isIOS||!e.clipboardData||!r))return;let l=e.clipboardData.getData("text/plain"),o=k?k(l):l;e.preventDefault();let a=null==(t=F.current)?void 0:t.selectionStart,i=null==(n=F.current)?void 0:n.selectionEnd,u=(a!==i?_.slice(0,a)+o+_.slice(i):_.slice(0,a)+o+_.slice(a)).slice(0,w);if(u.length>0&&I&&!I.test(u))return;r.value=u,B(u);let s=Math.min(u.length,w-1),c=u.length;r.setSelectionRange(s,c),K(s),J(c)},[w,B,I,_]),ee=r.useMemo(()=>({position:"relative",cursor:T.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[T.disabled]),et=r.useMemo(()=>({position:"absolute",inset:0,width:Q.willPushPWMBadge?`calc(100% + ${Q.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:Q.willPushPWMBadge?`inset(0 ${Q.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:E,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[Q.PWM_BADGE_SPACE_WIDTH,Q.willPushPWMBadge,E]),en=r.useMemo(()=>r.createElement("input",o(((e,t)=>{for(var n in t||(t={}))u.call(t,n)&&c(e,n,t[n]);

1if(i)for(var n of i(t))s.call(t,n)&&c(e,n,t[n]);return e})({autoComplete:T.autoComplete||"one-time-code"},T),a({"data-input-otp":!0,"data-input-otp-placeholder-shown":0===_.length||void 0,"data-input-otp-mss":q,"data-input-otp-mse":U,inputMode:y,pattern:null==I?void 0:I.source,"aria-placeholder":S,style:et,maxLength:w,value:_,ref:F,onPaste:e=>{var t;Z(e),null==(t=T.onPaste)||t.call(T,e)},onChange:X,onMouseOver:e=>{var t;G(!0),null==(t=T.onMouseOver)||t.call(T,e)},onMouseLeave:e=>{var t;G(!1),null==(t=T.onMouseLeave)||t.call(T,e)},onFocus:e=>{var t;Y(),null==(t=T.onFocus)||t.call(T,e)},onBlur:e=>{var t;V(!1),null==(t=T.onBlur)||t.call(T,e)}}))),[X,Y,Z,y,et,w,U,q,T,null==I?void 0:I.source,_]),er=r.useMemo(()=>({slots:Array.from({length:w}).map((e,t)=>{var n;let r=z&&null!==q&&null!==U&&(q===U&&t===q||t>=q&&t<U),l=void 0!==_[t]?_[t]:null;return{char:l,placeholderChar:void 0!==_[0]?null:null!=(n=null==S?void 0:S[t])?n:null,isActive:r,hasFakeCaret:r&&null===l}}),isFocused:z,isHovering:!T.disabled&&$}),[z,$,w,U,q,T.disabled,_]),el=r.useMemo(()=>R?R(er):r.createElement(f.Provider,{value:er},A),[A,er,R]);return r.createElement(r.Fragment,null,null!==D&&r.createElement("noscript",null,r.createElement("style",null,D)),r.createElement("div",{ref:L,"data-input-otp-container":!0,style:ee,className:x},el,r.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},en)))});function d(e,t){try{e.insertRule(t)}catch(e){console.error("input-otp could not insert CSS rule:",t)}}p.displayName="Input";var h=`
2[data-input-otp] {
3  --nojs-bg: white !important;
4  --nojs-fg: black !important;
5
6  background-color: var(--nojs-bg) !important;
7  color: var(--nojs-fg) !important;
8  caret-color: var(--nojs-fg) !important;
9  letter-spacing: .25em !important;
10  text-align: center !important;
11  border: 1px solid var(--nojs-fg) !important;
12  border-radius: 4px !important;
13  width: 100% !important;
14}
15@media (prefers-color-scheme: dark) {
16  [data-input-otp] {
17    --nojs-bg: black !important;
18    --nojs-fg: white !important;
19  }
20}`}}]);