1"use strict";(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[4595],{21686(t,i,o){o.d(i,{$V:()=>k,Ho:()=>z,Iw:()=>R,Iy:()=>q,M1:()=>u,R5:()=>M,Tq:()=>L,W5:()=>O,Xg:()=>T,Xo:()=>G,Ye:()=>F,aj:()=>Y,c3:()=>D,cb:()=>C,lN:()=>I,lU:()=>B,lV:()=>y,sn:()=>_,tR:()=>H,tb:()=>W,tc:()=>f,uU:()=>v,uu:()=>w,yE:()=>K});var e=o(96540),a=o(20312),n=o.n(a),r=o(5556),d=o.n(r),l=o(38267),s=o(18608),g=o(26865),p=o(96472),m=o(73730),c=o(72081),h=o(50531);const f=(0,l.Ay)(s.vm).withConfig({displayName:"OpenAIModalHed"})` 2 display: contents; 3 ${(0,g.Gg)("typography.definitions.globalEditorial.context-primary")}; 4 ${({theme:t})=>(0,g._o)(t,"color","colors.interactive.base.black")}; 5`,y=l.Ay.span.withConfig({displayName:"OpenAIModalHedSpanTag"})` 6 display: block; 7 margin-top: ${(0,g.Kq)(2)}; 8 margin-bottom: ${(0,g.Kq)(2)}; 9 ${(0,g.Gg)("typography.definitions.consumptionEditorial.subhed-aux-secondary")}; 10 ${({theme:t})=>(0,g._o)(t,"color","colors.consumption.body.standard.body")}; 11`,b=l.Ay.p.withConfig({displayName:"OpenAIModalDek"})` 12 margin-top: 0; 13 ${(0,g.Gg)("typography.definitions.consumptionEditorial.body-core")} 14 text-align: center; 15 color: ${(0,g.HK)("colors.discover.body.white.description")}; 16`,u=(0,l.Ay)(m.A.Utility).withConfig({displayName:"OpenAIModalCloseButton"})` 17 position: absolute; 18 right: 0; 19 padding: 0; 20 fill: ${(0,g.HK)("colors.interactive.base.black")}; 21 padding-right: ${(0,g.Kq)(8)}; 22 23 @media (max-width: ${p.LO.md}) { 24 padding-right: ${(0,g.Kq)(6)}; 25 } 26 27 .icon-close { 28 padding: ${(0,g.Kq)(1)}; 29 30 path { 31 ${({theme:t})=>(0,g._o)(t,"stroke","colors.interactive.base.black")}; 32 stroke-width: 2px; 33 } 34 } 35 36 &, 37 &:focus, 38 &:hover { 39 border: 0; 40 background-color: transparent; 41 } 42`;function $({className:t,...i}){const o=`${t}__content`,a=`${t}__overlay`;return e.createElement(n(),{portalClassName:t,className:o,overlayClassName:a,...i,ref:i.configuredComponentRef})}$.propTypes={className:d().string,configuredComponentRef:d().func};const w=l.Ay.div.withConfig({displayName:"OpenAIModalHedWrapper"})` 43 display: flex; 44 position: relative; 45 margin-right: -64px; 46 margin-left: -64px; 47 box-shadow: 0 4px 6px rgba(45, 45, 45, 0.05); 48 padding-bottom: ${(0,g.Kq)(2)}; 49 padding-left: ${(0,g.Kq)(8)}; 50 51 @media (max-width: ${p.LO.md}) { 52 margin-right: -40px; 53 margin-left: -40px; 54 padding-bottom: ${(0,g.Kq)(1.5)}; 55 padding-left: ${(0,g.Kq)(2)}; 56 } 57 58 @media (min-width: ${p.LO.sm}) and (max-width: ${p.LO.md}) { 59 margin-right: -${(0,g.Kq)(6)}; 60 margin-left: -${(0,g.Kq)(6)}; 61 padding-bottom: ${(0,g.Kq)(1.5)}; 62 padding-left: ${(0,g.Kq)(6)}; 63 } 64`,x=l.i7` 65 from { 66 transform: translateY(100%); 67 opacity: 0; 68 } 69 70 to { 71 transform: translateY(0%); 72 opacity: 1; 73 } 74`,A=l.i7` 75 from { 76 transform: translateY(0%); 77 opacity: 1; 78 } 79 80 to { 81 transform: translateY(100%); 82 opacity: 1; 83 } 84`,v=(0,l.Ay)($).withConfig({displayName:"OpenAIModalBaseWrapper"})` 85 &__overlay { 86 position: fixed; 87 top: 0; 88 right: 0; 89 bottom: 0; 90 left: 0; 91 z-index: 2147483645; 92 93 background-color: rgba( 94 ${(0,g.HK)("colors.background.black",{rgbOnly:!0})}, 95 0 96 ); 97 98 &.ReactModal__Overlay--after-open { 99 transition: background-color 750ms; 100 animation: ${x} 350ms ease-in forwards; 101 opacity: 1; 102 background-color: rgba( 103 ${(0,g.HK)("colors.background.black",{rgbOnly:!0})}, 104 0.4 105 ); 106 } 107 108 &.ReactModal__Overlay--before-close { 109 transition: background-color 750ms; 110 animation: ${A} 350ms ease-out forwards; 111 opacity: 1; 112 background-color: rgba( 113 ${(0,g.HK)("colors.background.black",{rgbOnly:!0})}, 114 0 115 ); 116 } 117 } 118 119 &__content { 120 display: flex; 121 position: relative; 122 top: 50%; 123 left: 50%; 124 flex-direction: column; 125 transform: translateY(-50%) translateX(-50%); 126 outline: none; 127 background-color: ${(0,g.HK)("colors.background.white")}; 128 padding: ${(0,g.Kq)(1.5)} ${(0,g.Kq)(2)}; 129 width: 100%; 130 height: 100%; 131 132 @media (min-width: ${p.LO.md}) { 133 transform: translateY(-50%) 134 translateX(calc(-50% - ${(0,g.Kq)(2,"px")})); 135 136 margin: 0 ${(0,g.Kq)(2,"px")}; 137 padding: ${(0,g.Kq)(2)} ${(0,g.Kq)(6)}; 138 width: 100%; 139 } 140 141 @media (min-width: ${p.LO.lg}) { 142 padding: ${(0,g.Kq)(2)} ${(0,g.Kq)(8)}; 143 } 144 145 && { 146 ${w} { 147 padding: none; 148 } 149 } 150 } 151`,K=(0,l.Ay)(s.vm).withConfig({displayName:"OpenAIModalDisclaimerText"})` 152 display: flex; 153 justify-content: center; 154 margin-bottom: 12px; 155 width: 100%; 156 157 ${(0,g.Gg)("typography.definitions.foundation.meta-secondary")}; 158 ${({theme:t})=>(0,g._o)(t,"color","colors.consumption.body.standard.body-deemphasized")}; 159`,k=l.Ay.section.withConfig({displayName:"OpenAIModalFormWrapper"})` 160 margin-top: ${(0,g.Kq)(1)}; 161 border: none; 162 padding-top: ${(0,g.Kq)(1)}; 163 padding-bottom: ${(0,g.Kq)(1)}; 164 165 @media (max-width: ${p.LO.md}) { 166 margin-right: -40px; 167 margin-left: -40px; 168 padding-top: ${(0,g.Kq)(2)}; 169 padding-right: ${(0,g.Kq)(2)}; 170 padding-left: ${(0,g.Kq)(2)}; 171 } 172 173 @media (min-width: ${p.LO.sm}) and (max-width: ${p.LO.md}) { 174 margin-right: -${(0,g.Kq)(6)}; 175 margin-left: -${(0,g.Kq)(6)}; 176 padding-right: ${(0,g.Kq)(2)}; 177 padding-left: ${(0,g.Kq)(2)}; 178 } 179`,q=l.Ay.div.withConfig({displayName:"OpenAIModalFormTextInputWrapper"})` 180 position: relative; 181 align-self: center; 182 justify-content: center; 183 z-index: 0; 184 border-radius: 30px; 185 background: linear-gradient(45deg, #0498f9, #ffa67a); 186 padding: 2px; 187 width: 100%; 188 overflow: hidden; 189 190 &::after { 191 --gradientHeight: 10000px; 192 --gradientWidth: 10000px; 193 position: absolute; 194 top: calc((100% - var(--gradientHeight)) / 2); 195 left: calc((100% - var(--gradientWidth)) / 2); 196 animation: ${({submitted:t})=>t?"animateBorder 3s infinite linear":"none"}; 197 z-index: 0; 198 background: ${({submitted:t})=>t?"conic-gradient(from 0deg, #ffa67a, #0498f9, #ffa67a)":"unset"}; 199 background-clip: border-box; 200 background-position: center center; 201 background-size: cover; 202 width: var(--gradientWidth); 203 height: var(--gradientHeight); 204 205 content: ''; 206 } 207 208 @keyframes animateBorder { 209 0% { 210 transform: rotate(0deg); 211 } 212 213 100% { 214 transform: rotate(360deg); 215 } 216 } 217`,L=(0,l.Ay)(c.A.SingleLine).withConfig({displayName:"OpenAIModalFormTextInput"})` 218 margin: 0; 219 border-radius: 30px; 220 width: 100%; 221 222 && { 223 input { 224 position: relative; 225 z-index: 2; 226 border: none; 227 border-radius: 30px; 228 background: white; 229 padding-right: ${(0,g.Kq)(4.5)}; 230 padding-left: ${(0,g.Kq)(2.5)}; 231 height: 2.5rem; 232 box-sizing: border-box; 233 234 ${(0,g.Gg)("typography.definitions.utility.input-core")}; 235 236 &:active { 237 ${({theme:t})=>(0,g._o)(t,"color","colors.background.black")}; 238 } 239 240 &::placeholder { 241 ${({theme:t})=>(0,g._o)(t,"color","colors.interactive.base.deemphasized")}; 242 } 243 } 244 } 245`,O=l.Ay.form.withConfig({displayName:"OpenAIModalForm"})` 246 margin: 0 auto; 247 width: 85%; 248 249 @media (min-width: ${p.LO.md}) and (max-width: ${p.LO.lg}) { 250 width: 60%; 251 } 252 253 @media (min-width: ${p.LO.lg}) { 254 width: 45%; 255 } 256`,C=l.Ay.label.withConfig({displayName:"OpenAIModalFormLabel"})` 257 display: flex; 258 position: relative; 259 260 .icon-arrow { 261 position: absolute; 262 top: 50%; 263 right: 10px; 264 transform: translateY(-50%) rotate(-90deg) scale(1.2); 265 border-radius: ${(0,g.Kq)(1.5)}; 266 ${({theme:t})=>(0,g._o)(t,"background","colors.interactive.base.black")}; 267 ${({theme:t})=>(0,g._o)(t,"fill","colors.interactive.base.white")}; 268 ${({theme:t})=>(0,g._o)(t,"stroke","colors.interactive.base.white")}; 269 stroke-width: 1px; 270 cursor: pointer; 271 padding: ${(0,g.Kq)(.5)}; 272 } 273`,M=l.Ay.div.withConfig({displayName:"OpenAIModalBodyWrapper"})` 274 margin: 0 auto; 275 width: 100%; 276 277 @media (min-width: ${p.LO.md}) and (max-width: ${p.LO.lg}) { 278 width: 60%; 279 } 280 281 @media (min-width: ${p.LO.lg}) { 282 width: 45%; 283 } 284`,N=(0,l.Ay)(m.A).withConfig({displayName:"OpenAIEntryPointButton"})` 285 margin-left: -24px; 286 border: none; 287 border-radius: 25px; 288 background: linear-gradient(230deg, #ffa67a, #0498f9); 289 padding: 0; 290 width: 92px; 291 min-width: fit-content; 292 height: 40px; 293 white-space: nowrap; 294 295 @media (min-width: ${p.LO.md}) and (max-width: ${p.LO.lg}) { 296 margin-right: ${(0,g.Kq)(2)}; 297 } 298 299 @media (min-width: ${p.LO.lg}) { 300 margin-right: ${(0,g.Kq)(2)}; 301 margin-left: -10px; 302 } 303 304 ${h.Lj} { 305 padding: ${(0,g.Kq)(1.5)} ${(0,g.Kq)(3)}; 306 } 307 308 ${({theme:t})=>(0,g.Gg)(t,"typography.definitions.globalEditorial.context-primary")}; 309 310 ${({theme:t})=>`${(0,g._o)(t,"color","colors.consumption.lead.inverted.accent")};`} 311 312 &:focus, 313 &:active, 314 &:hover { 315 border: none; 316 background: linear-gradient(230deg, #ffa67a, #0498f9); 317 ${({theme:t})=>`${(0,g._o)(t,"color","colors.consumption.lead.inverted.accent")};`} 318 } 319`,_=(l.Ay.div.withConfig({displayName:"AIChatBotTickerWrapper"})` 320 margin-bottom: ${(0,g.Kq)(4)}; 321 border-radius: 25px; 322 padding: ${(0,g.Kq)(4)} ${(0,g.Kq)(3)}; 323 324 ${({theme:t})=>(0,g._o)(t,"background-color","colors.background.light")}; 325`,l.Ay.p.withConfig({displayName:"AIChatBotTickerHed"})` 326 display: flex; 327 position: relative; 328 align-items: center; 329 justify-content: center; 330 margin: auto; 331 padding-top: ${(0,g.Kq)(1)}; 332 padding-bottom: ${(0,g.Kq)(2)}; 333 height: 3.5rem; 334 overflow: hidden; 335 text-align: center; 336 337 ${(0,g.Gg)("typography.definitions.discovery.description-feature")}; 338 ${({theme:t})=>(0,g._o)(t,"color","colors.consumption.body.standard.body")}; 339 340 span { 341 display: block; 342 position: absolute; 343 width: 100%; 344 will-change: transform, opacity; 345 } 346 347 span.visible { 348 transform: translateX(0); 349 opacity: 1; 350 z-index: 1; 351 } 352 353 span.exit { 354 animation: shiftOutLeft 150ms ease-out forwards; 355 z-index: 1; 356 } 357 358 span.enter { 359 animation: enterFromRight 150ms ease-out forwards; 360 z-index: 2; 361 } 362 363 @keyframes enterFromRight { 364 0% { 365 transform: translateX(30%); 366 opacity: 0; 367 } 368 369 100% { 370 transform: translateX(0); 371 opacity: 1; 372 } 373 } 374 @keyframes shiftOutLeft { 375 0% { 376 transform: translateX(0); 377 opacity: 1; 378 } 379 380 100% { 381 transform: translateX(-30%); 382 opacity: 0; 383 } 384 } 385`,(0,l.Ay)(N).withConfig({displayName:"OpenAIRecipeEntryPointButton"})` 386 margin: auto; 387`,l.Ay.div.withConfig({displayName:"OpenAIChatContainer"})` 388 display: flex; 389 position: relative; 390 flex-direction: column; 391 margin-bottom: ${(0,g.Kq)(3)}; 392 padding-bottom: ${({reducedPadding:t})=>t?(0,g.Kq)(2):"30vh"}; 393 width: 100%; 394 height: 100%; 395 max-height: calc(100vh - 125px); /* stylelint-disable-line */ 396 max-height: calc(100dvh - 125px); /* stylelint-disable-line */ 397 overflow-y: auto; 398 scrollbar-width: none; 399 400 @supports (height: 100dvh) { 401 max-height: calc(100dvh - 125px); 402 } 403 404 &::-webkit-scrollbar {
405 display: none; 406 } 407`),I=(0,l.Ay)(b).withConfig({displayName:"OpenAIUserMessage"})` 408 margin-right: 0; 409 margin-bottom: ${(0,g.Kq)(2)}; 410 margin-left: auto; 411 border: 1px solid; 412 border-radius: 40px; 413 background-color: ${(0,g.HK)("colors.background.white")}; 414 padding: ${(0,g.Kq)(1.5)} ${(0,g.Kq)(2)}; 415 width: fit-content; 416 max-width: 80%; 417 text-align: left; 418 ${({theme:t})=>(0,g._o)(t,"border-color","colors.background.black")}; 419 ${(0,g.Gg)("typography.definitions.utility.input-core")}; 420 ${({theme:t})=>(0,g._o)(t,"color","colors.consumption.body.standard.display-texture")}; 421`,H=(0,l.Ay)(b).withConfig({displayName:"OpenAIBotMessage"})` 422 margin-right: auto; 423 margin-bottom: ${(0,g.Kq)(2)}; 424 margin-left: 0; 425 max-width: 80%; 426 text-align: left; 427 ${(0,g.Gg)("typography.definitions.utility.input-core")}; 428 ${({theme:t})=>(0,g._o)(t,"color","colors.consumption.body.standard.body")}; 429 line-height: ${(0,g.Kq)(3)}; 430 431 a { 432 ${(0,g.Gg)("typography.definitions.utility.input-core")}; 433 ${({theme:t})=>(0,g._o)(t,"color","colors.consumption.body.standard.body")}; 434 font-weight: 500; 435 } 436`,S=l.i7` 437 0%, 100% { transform: translateY(0); } 438 439 25% { transform: translateY(-1px); } 440 441 50% { transform: translateY(0); } 442 443 75% { transform: translateY(1px); } 444`,T=l.Ay.div.withConfig({displayName:"OpenAILoaderContainer"})` 445 display: flex; 446 align-items: baseline; 447 margin-right: auto; 448 margin-bottom: ${(0,g.Kq)(2)}; 449 margin-left: 0; 450 max-width: 80%; 451 text-align: left; 452 453 ${(0,g.Gg)("typography.definitions.utility.body")}; 454 455 ${({theme:t})=>(0,g._o)(t,"color","colors.discovery.body.dark.description")}; 456`,Y=l.Ay.span.withConfig({displayName:"LoadingDot"})` 457 display: inline-block; 458 margin-left: 2px; 459 border-radius: 50%; 460 background-color: ${(0,g.HK)("colors.discovery.body.dark.description")}; 461 width: 2px; 462 height: 2px; 463 464 &:nth-child(1) { 465 animation: ${S} 1.2s ease-in-out infinite; 466 padding-left: 2px; 467 } 468 469 &:nth-child(2) { 470 animation: ${S} 1.2s ease-in-out 0.4s infinite; 471 } 472 473 &:nth-child(3) { 474 animation: ${S} 1.2s ease-in-out 0.8s infinite; 475 } 476`,z=l.Ay.div.withConfig({displayName:"PromptSuggestionsContainer"})` 477 margin: 0 auto; 478 margin-top: auto; 479 width: 100%; 480 481 @media (min-width: ${p.LO.md}) and (max-width: ${p.LO.lg}) { 482 width: 60%; 483 } 484 485 @media (min-width: ${p.LO.lg}) { 486 width: 45%; 487 } 488`,B=(0,l.Ay)(s.vm).withConfig({displayName:"PromptSuggestionsHeader"})` 489 margin-bottom: ${(0,g.Kq)(1)}; 490 text-align: right; 491 ${(0,g.Gg)("typography.definitions.utility.body")}; 492 ${({theme:t})=>(0,g._o)(t,"color","colors.discovery.body.dark.description")}; 493`,G=l.Ay.div.withConfig({displayName:"PromptButtonsContainer"})` 494 display: flex; 495 flex-direction: column; 496 gap: 8px; 497 align-items: end; 498`,W=l.Ay.button.withConfig({displayName:"PromptButton"})` 499 transition: 500 background-color 0.2s, 501 border-color 0.2s; 502 border: 1px solid #ffa67a; 503 border-radius: 40px; 504 cursor: pointer; 505 ${({theme:t})=>(0,g._o)(t,"background-color","colors.consumption.lead.standard.background")}; 506 padding: 0 15px; 507 width: min-content; 508 height: 53px; 509 text-align: left; 510 font-size: 14px; 511 512 &:hover { 513 border: 3px solid #ffa67a; 514 text-decoration: none; 515 } 516`,D=(0,l.Ay)(s.vm).withConfig({displayName:"PromptButtonText"})` 517 display: block; 518 width: 100%; 519 overflow: hidden; 520 text-overflow: ellipsis; 521 white-space: nowrap; 522 ${(0,g.Gg)("typography.definitions.utility.input-core")}; 523 ${({theme:t})=>(0,g._o)(t,"color","colors.consumption.interactive.base.deemphasized")}; 524`,F=l.Ay.div.withConfig({displayName:"PromptSuggestionsContainerWrapper"})` 525 position: fixed; 526 bottom: 0; 527 left: 0; 528 align-self: center; 529 padding-right: inherit; 530 padding-left: inherit; 531 width: fill-available; 532`,R=l.Ay.button.withConfig({displayName:"ScrollToBottomButton"})` 533 display: flex; 534 position: fixed; 535 bottom: ${(0,g.Kq)(12)}; 536 left: 50%; 537 align-items: center; 538 justify-content: center; 539 transform: translateX(-50%); 540 z-index: ${p.KV.tooltip+10}; 541 border: 1px solid; 542 border-radius: 50%; 543 cursor: pointer; 544 width: ${(0,g.Kq)(4)}; 545 height: ${(0,g.Kq)(4)}; 546 547 ${({theme:t})=>(0,g._o)(t,"background-color","colors.background.white")}; 548 549 ${({theme:t})=>(0,g._o)(t,"border-color","colors.consumption.body.standard.body-deemphasized")}; 550 551 @keyframes fadeIn { 552 from { 553 opacity: 0; 554 } 555 556 to { 557 opacity: 0.8; 558 } 559 } 560 561 &:hover { 562 opacity: 1; 563 } 564 565 svg { 566 transform: rotate(90deg); 567 width: ${(0,g.Kq)(2)}; 568 height: ${(0,g.Kq)(2)}; 569 } 570`},85480(){},46017(t,i,o){o.d(i,{e:()=>a});const e=(0,o(72267).YK)({fewSecondsAgoLabel:{id:"LiveStory.feedFewSecondsAgoLabel",defaultMessage:"a few seconds ago",description:""},aMinAgoLabel:{id:"LiveStory.feedAMinAgoLabel",defaultMessage:"a minute ago",description:""},anHourAgoLabel:{id:"LiveStory.feedAnHourAgoLabel",defaultMessage:"an hour ago",description:""},aDayAgoLabel:{id:"LiveStory.feedADayAgoLabel",defaultMessage:"a day ago",description:""},aMonthAgoLabel:{id:"LiveStory.feedAMonthAgoLabel",defaultMessage:"a month ago",description:""},aYearAgoLabel:{id:"LiveStory.feedAYearAgoLabel",defaultMessage:"a year ago",description:""}}),a=({locale:t="en-US",date:i,formatMessage:o,includeHourAndMin:a=!1})=>{const n=new Intl.RelativeTimeFormat(t,{localeMatcher:"best fit",numeric:"always",style:"long"}),r=new Intl.DateTimeFormat(t,{hour:"2-digit",minute:"2-digit",hour12:!0,localeMatcher:"best fit"}),d=6e4,l=36e5,s=864e5,g=30*s,p=365*s,m=25*s,c=45*s,h=319*s,f=547*s;return(t=>{if(t){const i=(t=>{const i=(new Date).getTime()-new Date(t).getTime();return i<=44e3?o(e.fewSecondsAgoLabel):i<=89e3?o(e.aMinAgoLabel):i<=264e4?n.format(-Math.ceil(i/d),"minute"):i<=534e4?o(e.anHourAgoLabel):i<=756e5?n.format(-Math.ceil(i/l),"hour"):i<=126e6?o(e.aDayAgoLabel):i<=m?n.format(-Math.ceil(i/s),"day"):i<=c?o(e.aMonthAgoLabel):i<=h?n.format(-Math.ceil(i/g),"month"):i<=f?o(e.aYearAgoLabel):n.format(-Math.ceil(i/p),"year")})(t),y=r.format(new Date(t));return a?`${i}, ${y}`:i}return null})(i)}}}]);
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.