1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2194],{54428:function(e,r,i){i.d(r,{Z:function(){return p}});var t=i(2265);let o=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),n=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,i)=>i?i.toUpperCase():r.toLowerCase()),a=e=>{let r=n(e);return r.charAt(0).toUpperCase()+r.slice(1)},l=function(){for(var e=arguments.length,r=Array(e),i=0;i<e;i++)r[i]=arguments[i];return r.filter((e,r,i)=>!!e&&""!==e.trim()&&i.indexOf(e)===r).join(" ").trim()},d=e=>{for(let r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0};var s={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let c=(0,t.forwardRef)((e,r)=>{let{color:i="currentColor",size:o=24,strokeWidth:n=2,absoluteStrokeWidth:a,className:c="",children:p,iconNode:u,...h}=e;return(0,t.createElement)("svg",{ref:r,...s,width:o,height:o,stroke:i,strokeWidth:a?24*Number(n)/Number(o):n,className:l("lucide",c),...!p&&!d(h)&&{"aria-hidden":"true"},...h},[...u.map(e=>{let[r,i]=e;return(0,t.createElement)(r,i)}),...Array.isArray(p)?p:[p]])}),p=(e,r)=>{let i=(0,t.forwardRef)((i,n)=>{let{className:d,...s}=i;return(0,t.createElement)(c,{ref:n,iconNode:r,className:l("lucide-".concat(o(a(e))),"lucide-".concat(e),d),...s})});return i.displayName=a(e),i}},75097:function(e,r,i){i.d(r,{Z:function(){return t}});let t=(0,i(54428).Z)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]])},89399:function(e,r,i){var t=i(2265);let o=t.forwardRef(function(e,r){let{title:i,titleId:o,...n}=e;return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":o},n),i?t.createElement("title",{id:o},i):null,t.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"}))});r.Z=o},14364:function(e,r,i){i.d(r,{E:function(){return a},I:function(){return d},a:function(){return l}});var t=i(80717),o=i(70547);let n=t.zo.label` 2 display: block; 3 position: relative; 4 width: 100%; 5 height: 56px; 6 7 && > :first-child { 8 position: absolute; 9 left: 0.75em; 10 top: 50%; 11 transform: translate(0, -50%); 12 } 13 14 && > input { 15 font-size: 16px; 16 line-height: 24px; 17 color: var(--privy-color-foreground); 18 19 padding: 12px 88px 12px 52px; 20 flex-grow: 1; 21 background: var(--privy-color-background); 22 border: 1px solid 23 ${({$error:e})=>e?"var(--privy-color-error) !important":"var(--privy-color-foreground-4)"}; 24 border-radius: var(--privy-border-radius-md); 25 width: 100%; 26 height: 100%; 27 28 /* Tablet and Up */ 29 @media (min-width: 441px) { 30 font-size: 14px; 31 padding-right: 78px; 32 } 33 34 :focus { 35 outline: none; 36 border-color: ${({$error:e})=>e?"var(--privy-color-error) !important":"var(--privy-color-accent-light)"}; 37 box-shadow: ${({$error:e})=>e?"none":"0 0 0 1px var(--privy-color-accent-light)"}; 38 } 39 40 :autofill, 41 :-webkit-autofill { 42 background: var(--privy-color-background); 43 } 44 45 && > input::placeholder { 46 color: var(--privy-color-foreground-3); 47 } 48 &:disabled { 49 opacity: 0.4; /* Make it visually appear disabled */ 50 cursor: not-allowed; /* Change cursor to not-allowed */ 51 } 52 &:disabled, 53 &:disabled:hover, 54 &:disabled > span { 55 color: var(--privy-color-foreground-3); /* Change text color to grey */ 56 } 57 } 58 59 && > button:last-child { 60 right: 0px; 61 line-height: 24px; 62 padding: 13px 17px; 63 :focus { 64 outline: none; 65 } 66 &:disabled { 67 opacity: 0.4; /* Make it visually appear disabled */
68 cursor: not-allowed; /* Change cursor to not-allowed */ 69 } 70 &:disabled, 71 &:disabled:hover, 72 &:disabled > span { 73 color: var(--privy-color-foreground-3); /* Change text color to grey */ 74 } 75 } 76`,a=(0,t.zo)(n)` 77 background-color: var(--privy-color-background); 78 transition: background-color 200ms ease; 79 80 && > button { 81 right: 0; 82 line-height: 24px; 83 position: absolute; 84 padding: 13px 17px; 85 background-color: #090; 86 87 :focus { 88 outline: none; 89 border-color: var(--privy-color-accent); 90 } 91 } 92`,l=(0,t.zo)(n)` 93 && > input { 94 overflow: hidden; 95 white-space: nowrap; 96 text-overflow: ellipsis; 97 98 padding-right: ${e=>e.$stacked?"16px":"88px"}; 99 100 border: 1px solid 101 ${({$error:e})=>e?"var(--privy-color-error) !important":"var(--privy-color-foreground-4)"}; 102 103 && > input::placeholder { 104 color: var(--privy-color-foreground-3); 105 } 106 } 107 108 && > :last-child { 109 right: 16px; 110 position: absolute; 111 top: 50%; 112 transform: translate(0, -50%); 113 } 114 115 && > button:last-child { 116 right: 0px; 117 line-height: 24px; 118 padding: 13px 17px; 119 120 :focus { 121 outline: none; 122 } 123 } 124`,d=t.zo.div` 125 width: 100%; 126 127 /* Add styling for the ErrorMessage within EmailInput */ 128 && > ${o.E} { 129 display: block; 130 text-align: left; 131 padding-left: var(--privy-border-radius-md); 132 padding-bottom: 5px; 133 } 134`},70547:function(e,r,i){i.d(r,{E:function(){return o}});var t=i(80717);let o=t.zo.span` 135 text-align: left; 136 font-size: 0.75rem; 137 font-weight: 500; 138 line-height: 1.125rem; /* 150% */ 139 140 color: var(--privy-color-error); 141`},60683:function(e,r,i){i.d(r,{B:function(){return o},C:function(){return l},F:function(){return s},H:function(){return a},R:function(){return h},S:function(){return p},a:function(){return c},b:function(){return u},c:function(){return d},d:function(){return g},e:function(){return n}});var t=i(80717);let o=t.zo.div` 142 display: flex; 143 flex-direction: column; 144 align-items: flex-start; 145 justify-content: flex-end; 146 margin-top: auto; 147 gap: 16px; 148 flex-grow: 100; 149`,n=t.zo.div` 150 display: flex; 151 flex-direction: column; 152 align-items: center; 153 justify-content: center; 154 flex-grow: 1; 155 width: 100%; 156`,a=t.zo.div` 157 display: flex; 158 flex-direction: column; 159 align-items: center; 160 width: 100%; 161`,l=(0,t.zo)(n)` 162 padding: 20px 0; 163`,d=(0,t.zo)(n)` 164 gap: 16px; 165`,s=t.zo.div` 166 display: flex; 167 flex-direction: column; 168 width: 100%; 169`,c=t.zo.div` 170 display: flex; 171 flex-direction: column; 172 gap: 8px; 173`;t.zo.div` 174 display: flex; 175 flex-direction: column; 176 justify-content: space-between; 177 height: 100%; 178`;let p=t.zo.div` 179 display: flex; 180 flex-direction: column; 181 justify-content: flex-start; 182 align-items: flex-start; 183 text-align: left; 184 gap: 8px; 185 padding: 16px; 186 margin-top: 16px; 187 margin-bottom: 16px; 188 width: 100%; 189 background: var(--privy-color-background-2); 190 border-radius: var(--privy-border-radius-md); 191 && h4 { 192 color: var(--privy-color-foreground-3); 193 font-size: 14px; 194 text-decoration: underline; 195 font-weight: medium; 196 } 197 && p { 198 color: var(--privy-color-foreground-3); 199 font-size: 14px; 200 } 201`,u=t.zo.div` 202 height: 16px; 203`,h=t.zo.div` 204 height: 12px; 205`;t.zo.div` 206 position: relative; 207`;let g=t.zo.div` 208 height: ${e=>e.height??"12"}px; 209`;t.zo.div` 210 background-color: var(--privy-color-accent); 211 display: flex; 212 justify-content: center; 213 align-items: center; 214 border-radius: 50%; 215 border-color: white; 216 border-width: 2px !important; 217`},15139:function(e,r,i){i.d(r,{S:function(){return k}});var t=i(57437),o=i(2265),n=i(80717),a=i(73933),l=i(77506),d=i(20278);let s=n.zo.div` 218 /* spacing tokens */ 219 --screen-space: 16px; /* base 1x = 16 */ 220 --screen-space-lg: calc(var(--screen-space) * 1.5); /* 24px */ 221 222 position: relative; 223 overflow: hidden; 224 margin: 0 calc(-1 * var(--screen-space)); /* extends over modal padding */ 225 height: 100%; 226 border-radius: var(--privy-border-radius-lg); 227`,c=n.zo.div` 228 display: flex; 229 flex-direction: column; 230 gap: calc(var(--screen-space) * 1.5); 231 width: 100%; 232 background: var(--privy-color-background); 233 padding: 0 var(--screen-space-lg) var(--screen-space); 234 height: 100%; 235 border-radius: var(--privy-border-radius-lg); 236`,p=n.zo.div` 237 position: relative; 238 display: flex; 239 flex-direction: column; 240`,u=(0,n.zo)(l.M)` 241 margin: 0 -8px; 242`,h=n.zo.div` 243 flex: 1 1 auto; 244 display: flex; 245 flex-direction: column; 246 247 /* Enable scrolling */ 248 overflow-y: auto; 249 250 /* Hide scrollbar but keep functionality when scrollable */ 251 /* Add padding for focus outline space, offset with negative margin */ 252 padding: 3px; 253 margin: -3px; 254 255 &::-webkit-scrollbar {
256 display: none; 257 } 258 scrollbar-gutter: stable both-edges; 259 scrollbar-width: none; 260 -ms-overflow-style: none; 261 262 /* Gradient effect for scroll indication */ 263 ${({$colorScheme:e})=>"light"===e?"background: linear-gradient(var(--privy-color-background), var(--privy-color-background) 70%) bottom, linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.06)) bottom;":"dark"===e?"background: linear-gradient(var(--privy-color-background), var(--privy-color-background) 70%) bottom, linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.06)) bottom;":void 0} 264 265 background-repeat: no-repeat; 266 background-size: 267 100% 32px, 268 100% 16px; 269 background-attachment: local, scroll; 270`,g=n.zo.div` 271 display: flex; 272 flex-direction: column; 273 gap: var(--screen-space-lg); 274 margin-top: 1.5rem; 275`,v=n.zo.div` 276 text-align: center; 277 display: flex; 278 flex-direction: column; 279 align-items: center; 280 gap: var(--screen-space); 281`,x=n.zo.div` 282 display: flex; 283 flex-direction: column; 284 gap: 4px; 285`,f=n.zo.h3` 286 && { 287 font-size: 20px; 288 line-height: 32px; 289 font-weight: 500; 290 color: var(--privy-color-foreground); 291 margin: 0; 292 } 293`,m=n.zo.p` 294 && { 295 margin: 0; 296 font-size: 16px; 297 font-weight: 300; 298 line-height: 24px; 299 color: var(--privy-color-foreground); 300 } 301`,b=n.zo.div` 302 background: ${({$variant:e})=>{switch(e){case"success":return"var(--privy-color-success-bg, #EAFCEF)";case"warning":return"var(--privy-color-warn, #FEF3C7)";case"error":return"var(--privy-color-error-bg, #FEE2E2)";case"loading":case"logo":return"transparent";default:return"var(--privy-color-background-2)"}}}; 303 304 border-radius: 50%; 305 width: 64px; 306 height: 64px; 307 display: flex; 308 align-items: center; 309 justify-content: center; 310`,y=n.zo.div` 311 display: flex; 312 align-items: center; 313 justify-content: center; 314 315 img, 316 svg { 317 max-height: 90px; 318 max-width: 180px; 319 } 320`,w=n.zo.div` 321 display: flex; 322 flex-direction: column; 323 justify-content: center; 324 align-items: center; 325 width: 100%; 326 height: 82px; 327 328 > div { 329 position: relative; 330 } 331 332 > div > :first-child { 333 position: relative; 334 } 335 336 > div > :last-child { 337 position: absolute; 338 left: 50%; 339 top: 50%; 340 transform: translate(-50%, -50%); 341 } 342`,k=({children:e,...r})=>(0,t.jsx)(s,{children:(0,t.jsx)(c,{...r,children:e})}),j=n.zo.div` 343 position: absolute; 344 top: 0; 345 left: calc(-1 * var(--screen-space-lg)); 346 width: calc(100% + calc(var(--screen-space-lg) * 2)); 347 height: 4px; 348 background: var(--privy-color-background-2); 349 border-top-left-radius: inherit; 350 border-top-right-radius: inherit; 351 overflow: hidden; 352`,z=(0,n.zo)(l.B)` 353 padding: 0; 354 && a { 355 padding: 0; 356 color: var(--privy-color-foreground-3); 357 } 358`,E=n.zo.div` 359 height: 100%; 360 width: ${({pct:e})=>e}%; 361 background: var(--privy-color-foreground-3); 362 border-radius: 2px; 363 transition: width 300ms ease-in-out; 364`,S=({step:e})=>e?(0,t.jsx)(j,{children:(0,t.jsx)(E,{pct:Math.min(100,e.current/e.total*100)})}):null;k.Header=({title:e,subtitle:r,icon:i,iconVariant:o,iconLoadingStatus:n,showBack:a,onBack:l,showInfo:d,onInfo:s,showClose:c,onClose:h,step:g,headerTitle:b,...y})=>(0,t.jsxs)(p,{...y,children:[(0,t.jsx)(u,{backFn:a?l:void 0,infoFn:d?s:void 0,onClose:c?h:void 0,title:b,closeable:c}),(i||o||e||r)&&(0,t.jsxs)(v,{children:[i||o?(0,t.jsx)(k.Icon,{icon:i,variant:o,loadingStatus:n}):null,!(!e&&!r)&&(0,t.jsxs)(x,{children:[e&&(0,t.jsx)(f,{children:e}),r&&(0,t.jsx)(m,{children:r})]})]}),g&&(0,t.jsx)(S,{step:g})]}),(k.Body=o.forwardRef(({children:e,...r},i)=>(0,t.jsx)(h,{ref:i,...r,children:e}))).displayName="Screen.Body",k.Footer=({children:e,...r})=>(0,t.jsx)(g,{id:"privy-content-footer-container",...r,children:e}),k.Actions=({children:e,...r})=>(0,t.jsx)(C,{...r,children:e}),k.HelpText=({children:e,...r})=>(0,t.jsx)($,{...r,children:e}),k.FooterText=({children:e,...r})=>(0,t.jsx)(A,{...r,children:e}),k.Watermark=()=>(0,t.jsx)(z,{}),k.Icon=({icon:e,variant:r="subtle",loadingStatus:i})=>"logo"===r&&e?(0,t.jsx)(y,"string"==typeof e?{children:(0,t.jsx)("img",{src:e,alt:""})}:o.isValidElement(e)?{children:e}:{children:o.createElement(e)}):"loading"===r?e?(0,t.jsx)(w,{children:(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,t.jsx)(a.N,{success:i?.success,fail:i?.fail}),"string"==typeof e?(0,t.jsx)("span",{style:{background:`url('${e}') 0 0 / contain`,height:"38px",width:"38px",borderRadius:"6px",margin:"auto",backgroundSize:"contain"}}):o.isValidElement(e)?o.cloneElement(e,{style:{width:"38px",height:"38px"}}):o.createElement(e,{style:{width:"38px",height:"38px"}})]})}):(0,t.jsx)(b,{$variant:r,children:(0,t.jsx)(d.N,{size:"64px"})}):(0,t.jsx)(b,{$variant:r,children:e&&("string"==typeof e?(0,t.jsx)("img",{src:e,alt:"",style:{width:"32px",height:"32px",borderRadius:"6px"}}):o.isValidElement(e)?e:o.createElement(e,{width:32,height:32,stroke:(()=>{switch(r){case"success":return"var(--privy-color-icon-success)";case"warning":return"var(--privy-color-icon-warning)";case"error":return"var(--privy-color-icon-error)";default:return"var(--privy-color-icon-muted)"}})(),strokeWidth:2}))});let C=n.zo.div` 365 width: 100%; 366 display: flex; 367 flex-direction: column; 368 gap: calc(var(--screen-space) / 2); 369`,$=n.zo.div` 370 && { 371 margin: 0; 372 width: 100%; 373 text-align: center; 374 color: var(--privy-color-foreground-2); 375 font-size: 13px; 376 line-height: 20px; 377 378 & a { 379 text-decoration: underline; 380 } 381 } 382`,A=n.zo.div` 383 && { 384 margin-top: -1rem; 385 width: 100%; 386 text-align: center; 387 color: var(--privy-color-foreground-2); 388 font-size: 0.6875rem; // 11px 389 line-height: 1rem; // 16px 390 } 391`},32182:function(e,r,i){i.d(r,{S:function(){return a}});var t=i(57437),o=i(77506),n=i(15139);let a=({primaryCta:e,secondaryCta:r,helpText:i,footerText:a,watermark:l=!0,children:d,...s})=>{let c=e||r?(0,t.jsxs)(t.Fragment,{children:[e&&(()=>{let{label:r,...i}=e,n=i.variant||"primary";return(0,t.jsx)(o.a,{...i,variant:n,style:{width:"100%",...i.style},children:r})})(),r&&(()=>{let{label:e,...i}=r,n=i.variant||"secondary";return(0,t.jsx)(o.a,{...i,variant:n,style:{width:"100%",...i.style},children:e})})()]}):null;return(0,t.jsxs)(n.S,{id:s.id,className:s.className,children:[(0,t.jsx)(n.S.Header,{...s}),d?(0,t.jsx)(n.S.Body,{children:d}):null,i||c||l?(0,t.jsxs)(n.S.Footer,{children:[i?(0,t.jsx)(n.S.HelpText,{children:i}):null,c?(0,t.jsx)(n.S.Actions,{children:c}):null,l?(0,t.jsx)(n.S.Watermark,{}):null]}):null,a?(0,t.jsx)(n.S.FooterText,{children:a}):null]})}},22194:function(e,r,i){i.r(r),i.d(r,{UpdateEmailScreen:function(){return k},UpdateEmailScreenView:function(){return w},default:function(){return k}});var t=i(57437),o=i(89399),n=i(60683),a=i(75097),l=i(2265),d=i(41085),s=i(41362),c=i(6140),p=i(88496),u=i(73933),h=i(36180),g=i(77506),v=i(14364),x=i(70547),f=i(32182);i(29155),i(1470),i(97048),i(64131),i(19925);let m=(0,l.forwardRef)((e,r)=>{let[i,o]=(0,l.useState)(""),[n,v]=(0,l.useState)(""),[f,m]=(0,l.useState)(!1),{authenticated:w,user:k}=(0,p.u)(),{initUpdateEmail:j}=(0,c.u)(),{navigate:z,setModalData:E,currentScreen:S}=(0,p.a)(),{enabled:C,token:$}=(0,s.a)(),A=(0,d.u)(),N=(0,h.B)(i)&&(A.disablePlusEmails&&i.includes("+")?(n||v("Please enter a valid email address without a '+'."),!1):(n&&v(""),!0)),F=f||!N,T=()=>{F||(!C||$||w?(async e=>{if(!k?.email)throw Error("User is required to have an email address to update it.");m(!0);try{await j({oldAddress:k.email.address,newAddress:i,captchaToken:e}),z("AwaitingPasswordlessCodeScreen")}
391catch(e){E({errorModalData:{error:e,previousScreen:S||"LandingScreen"}}),z("ErrorScreen")}m(!1)})($):(E({captchaModalData:{callback:e=>{if(!k?.email)throw Error("User is required to have an email address to update it.");return j({oldAddress:k.email.address,newAddress:i,captchaToken:e})},userIntentRequired:!1,onSuccessNavigateTo:"AwaitingPasswordlessCodeScreen",onErrorNavigateTo:"ErrorScreen"}}),z("CaptchaScreen")))};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(b,{children:[n&&(0,t.jsx)(x.E,{style:{marginTop:"0.25rem",textAlign:"left"},children:n}),(0,t.jsxs)(y,{$error:!!n,children:[(0,t.jsx)(u.C,{children:(0,t.jsx)(a.Z,{})}),(0,t.jsx)("input",{ref:r,id:"email-input",type:"email",placeholder:"[email protected]",onChange:e=>o(e.target.value),onKeyUp:e=>{"Enter"===e.key&&T()},value:i,autoComplete:"email"}),e.stacked?null:(0,t.jsx)(g.E,{isSubmitting:f,onClick:T,disabled:F,children:"Submit"})]})]}),e.stacked?(0,t.jsx)(g.P,{loadingText:null,loading:f,disabled:F,onClick:T,style:{width:"100%"},children:"Submit"}):null]})}),b=v.I,y=v.E,w=({title:e="Update your email",subtitle:r="Add the email address you'd like to use going forward. We'll send you a confirmation code"})=>(0,t.jsx)(f.S,{title:e,subtitle:r,icon:o.Z,watermark:!0,children:(0,t.jsx)(n.B,{children:(0,t.jsx)(m,{stacked:!0})})}),k={component:()=>(0,t.jsx)(w,{})}},20278:function(e,r,i){i.d(r,{N:function(){return n}});var t=i(57437),o=i(80717);let n=({size:e,centerIcon:r})=>(0,t.jsx)(a,{$size:e,children:(0,t.jsxs)(l,{children:[(0,t.jsx)(s,{}),(0,t.jsx)(c,{}),r?(0,t.jsx)(d,{children:r}):null]})}),a=o.zo.div` 392 --spinner-size: ${e=>e.$size?e.$size:"96px"}; 393 394 display: inline-flex; 395 justify-content: center; 396 align-items: center; 397 398 @media all and (display-mode: standalone) { 399 margin-bottom: 30px; 400 } 401`,l=o.zo.div` 402 position: relative; 403 height: var(--spinner-size); 404 width: var(--spinner-size); 405 406 opacity: 1; 407 animation: fadein 200ms ease; 408`,d=o.zo.div` 409 position: absolute; 410 top: 0; 411 right: 0; 412 bottom: 0; 413 left: 0; 414 display: flex; 415 align-items: center; 416 justify-content: center; 417 svg, 418 img { 419 width: calc(var(--spinner-size) * 0.4); 420 height: calc(var(--spinner-size) * 0.4); 421 border-radius: var(--privy-border-radius-full); 422 } 423`,s=o.zo.div` 424 position: absolute; 425 top: 0; 426 right: 0; 427 bottom: 0; 428 left: 0; 429 width: var(--spinner-size); 430 height: var(--spinner-size); 431 432 && { 433 border: 4px solid var(--privy-color-border-default); 434 border-radius: 50%; 435 } 436`,c=o.zo.div` 437 position: absolute; 438 top: 0; 439 right: 0; 440 bottom: 0; 441 left: 0; 442 width: var(--spinner-size); 443 height: var(--spinner-size); 444 animation: spin 1200ms linear infinite; 445 446 && { 447 border: 4px solid; 448 border-color: var(--privy-color-icon-subtle) transparent transparent transparent; 449 border-radius: 50%; 450 } 451 452 @keyframes spin { 453 from { 454 transform: rotate(0deg); 455 } 456 to { 457 transform: rotate(360deg); 458 } 459 } 460`}}]);
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.