"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8670],{40920:function(e,t,r){r.d(t,{H:function(){return l}});var a=r(7591),n=r(67294),o=r(3241),i=r(49053);const l=e=>{var{as:t,tag:r,color:l,fontWeight:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p}=e,g=(0,a._)(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const u=t||r,h=(0,o.rZ)();return n.createElement(i.T,Object.assign({as:u,color:l||h.colors.gray[8],"data-event-category":c,"data-event-action":d,"data-event-label":p,weight:"semibold"===s?"semiBold":"bold",size:r,"data-size":r,"data-font-weight":s||void 0},g))}},90549:function(e,t,r){r.d(t,{A:function(){return m},B:function(){return x},P:function(){return E},R:function(){return z},T:function(){return S},a:function(){return b},b:function(){return M},c:function(){return O}});var a=r(67294),n=r(49053),o=r(26601),i=r(10917),l=r(70454),s=r(69801),c=r(61986),d=r(78156),p=r(7591),g=(r(15536),"CHw-fZZ"),u="_03U6VRS",h="EO828Vv";const m=({style:e,onClose:t,text:r,type:o,contentIcon:i,closeIcon:l,className:s,description:c})=>a.createElement("div",{className:`${g} ${s||""}`,style:e,"data-alert-type":o},a.createElement("div",{className:u},a.createElement("div",{className:"icon-title"},i,a.createElement(n.T,{weight:"bold",size:"label1"},r)),a.createElement(n.T,{weight:"regular",size:"p3"},c)),a.createElement("div",{className:h,onClick:t},l)),f=o.Z.div` position: relative; > div { width: max-content; position: relative; } span { font-weight: ${i.r.sizes.fwBold}; display: flex; justify-content: center; align-items: center; ${e=>((e,t,r,a)=>{let n="";if("numeric"===e)switch(t){case"medium":n="\n height: 16px;\n font-size: 11px;\n padding: 1px 6px;\n ";case"large":n="\n height: 24px;\n font-size: 13px;\n padding: 1px 10px;\n "}let o,l="";r&&(l="\n position: absolute;\n top: 0;\n left: 75%;\n "),r&&(o=`\n left: 70%;\n\n ${"large"===t?"\n top: -7px;\n ":"medium"===t?"\n top: -2px;\n width: 16px;\n height: 16px;\n ":""}\n `);let s="";switch(a){case"primary":s=`\n background: ${i.r.colors.primary50};\n color: ${i.r.colors.primary600}; \n `;break;case"error":s=`\n background: ${i.r.colors.error};\n color: white;\n `}switch(e){case"dot":return`\n ${l}\n width: 8px;\n height: 8px;\n font-size: 0px;\n border-radius: 50%;\n ${s}\n `;case"numeric":return`\n ${l}\n width: max-content;\n border-radius: 32px;\n ${n}\n ${o}\n ${s}\n `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)} } ${e=>e.hasIcon&&"\n svg {\n width: 40px;\n height: 40px;\n }\n "} `,x=({amount:e,type:t,size:r="medium",color:n="primary",icon:o,className:i})=>a.createElement(f,{"data-notification-type":t,"data-notification-size":r,"data-notification-color":n,"data-has-icon":!!o||void 0,notificationType:t,notificationSize:r,notificationColor:n,hasIcon:!!o,className:i},a.createElement("div",null,e&&a.createElement("span",null,e)," ",o&&a.createElement("div",null,o))),v=o.Z.h4` position: relative; line-height: 18px; &:after { position: absolute; top: 1px; left: 0; width: 4px; height: 18px; background-color: ${i.r.colors.primaryBase}; content: ''; } &[data-size='lg'] { font-size: 18px; padding-left: 12px; } &[data-size='sm'] { font-size: 14px; padding-left: 8px; &::after { width: 2px; height: 15px; } } &[data-type='bold'] { font-weight: ${i.r.sizes.fwBold}; } &[data-type='semiBold'] { font-weight: ${i.r.sizes.fwSemiBold}; } &[data-uppercase] { text-transform: uppercase; } ${l.M.mbDown} { &[data-size='lg'] { font-size: 16px; } } `,b=({style:e,children:t,className:r,size:n="lg",type:o="bold",upperCase:i,as:l="h4",color:s})=>a.createElement(v,{style:Object.assign({color:s},e),className:r,"data-size":n,"data-type":o,"data-uppercase":i,as:l},t),y=(o.Z.div` position: relative; box-sizing: border-box; border: 1px solid ${i.r.colors.gray200}; background: url('../../../public/bgSvg/arrow-down.svg') no-repeat; background-position: right 16px center; border-radius: ${i.r.borderRadius}; &[data-has-icons='true'] { border: none; background: ${i.r.colors.gray100}; img, svg { display: inline-block; max-width: 16px; margin-right: 6px; } span { vertical-align: middle; display: inline-block; } &:hover { box-shadow: none; } > div { position: relative; width: 100%; display: flex; align-items: center; box-sizing: border-box; } > div::after { content: ''; right: 12px; top: 50%; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width: 10px; height: 8px; position: absolute; background-repeat: no-repeat; transform: translateY(-50%); } } &:hover { box-shadow: 0 0 2px 2px ${i.r.colors.primary200}; } `,o.Z.div` padding: 12px 18px 12px 16px; cursor: pointer; &[data-dropdown-open] { padding: 11px 15px 11px 15px; border: 1px solid ${i.r.colors.primaryBase}; border-radius: ${i.r.borderRadius}; box-shadow: 0 0 2px 2px ${i.r.colors.primary200}; } & > svg { height: 16px; width: 16px; } `,o.Z.ul` position: absolute; top: 100%; right: 0; left: 0; display: block; margin-top: 4px; background: ${i.r.colors.white}; border-radius: ${i.r.borderRadius}; box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689); cursor: pointer; &[data-has-icons='true'] { background: white; box-shadow: none; border: 1px solid ${i.r.colors.gray200}; filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)); } `,o.Z.li` margin: 8px; padding: 12px 18px 12px 16px; border-radius: ${i.r.borderRadius}; display: flex; &:hover, :active { background: ${i.r.colors.gray100}; } `,o.Z.div` display: flex; align-items: center; margin-right: 8px; & > svg { height: 16px; width: 16px; } `,o.Z.div` --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr)); --columns-desktop: var( --grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr) ); display: grid; grid-template-columns: var(--columns); grid-gap: var(--grid-gap); align-items: var(--align-items); ${l.M.tdUp} { grid-template-columns: var(--columns-desktop); } > * { justify-self: var(--justify-children); } `,o.Z.div` display: flex; align-items: center; justify-content: space-between; user-select: none; li { transition: all 0.3s ease; } [data-page-active] { background: ${i.r.colors.primaryBase}; color: ${i.r.colors.white}; > a { color: ${i.r.colors.white}; } } `),k=o.Z.div` display: flex; width: 32px; height: 32px; box-sizing: border-box; align-items: center; justify-content: center; border: 1px solid ${i.r.colors.gray200}; margin: 0 2px; border-radius: 4px; color: ${i.r.colors.gray800}; cursor: pointer; font-size: 14px; font-weight: ${i.r.sizes.fwBold}; &[data-last-page] { border: none; background-color: ${i.r.colors.gray100}; cursor: not-allowed; pointer-events: none; svg { path { stroke: ${i.r.colors.gray300}; } } } `,w=o.Z.li` display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; margin: 0 2px; border-radius: 4px; color: ${i.r.colors.gray800}; cursor: pointer; font-size: 14px; font-weight: ${i.r.sizes.fwBold}; > a { color: ${i.r.colors.gray800}; text-decoration: unset; display: block; width: 100%; height: 100%; line-height: 32px; text-align: center; } `,$=({pagesAmount:e,activePage:t,handlePageChange:r,handleClick:n,href:o,queryPageName:i="page"})=>{const s=[...Array(e)].map(((e,t)=>t+1)),[c,d]=(0,a.useState)(t<=4?s.slice(0,5):t>=s.length-3?s.slice(s.length-5,s.length):s.slice(t-2,t+1));return(0,a.useEffect)((()=>{t<=4?d(s.slice(0,5)):t>=s.length-3?d(s.slice(s.length-5,s.length)):d(s.slice(t-2,t+1))}),[t]),a.createElement(a.Fragment,null,t>4&&a.createElement(a.Fragment,null,a.createElement(w,{onClick:()=>r(1)},o?a.createElement("a",{href:o,onClick:n},1):1),a.createElement(w,null,"...")),c.map((e=>a.createElement(w,{key:`pagination+${e}`,"data-page-active":e===t||void 0,onClick:()=>r(e)},o?a.createElement("a",{href:(0,l.f)(o,e,i),onClick:n},e):e))),tr(s.length)},o?a.createElement("a",{href:(0,l.f)(o,s.length,i),onClick:n},s.length):s.length)))},E=({className:e,pagesAmount:t,currentPage:r,onChange:n,onClick:o,style:i,href:s,queryPageName:c="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[p,g]=(0,a.useState)(r),u=(0,a.useMemo)((()=>s&&s.endsWith("&page=")?s.replace("&page=",""):s),[s]),h=t-1,m=e=>{e<=t&&e>0&&(g(e),n(e))},f=e=>{o&&o(e)};return(0,a.useEffect)((()=>{g(r)}),[r]),a.createElement(y,{className:e,style:i},a.createElement(k,{className:"prev-page",onClick:()=>m(p-1),"data-last-page":1===p||void 0},u?a.createElement("a",{href:(0,l.f)(u,p,c),onClick:f},a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),d.length>8?a.createElement($,{pagesAmount:t,activePage:p,handlePageChange:m,handleClick:f,href:u,queryPageName:c}):d.map((e=>a.createElement(w,{key:`pagination+${e}`,"data-page-active":e===p||void 0,onClick:()=>m(e)},u?a.createElement("a",{href:(0,l.f)(u,e,c),onClick:f},e):e))),a.createElement(k,{className:"next-page",onClick:()=>m(p+1),"data-last-page":p===h+1||void 0},u?a.createElement("a",{href:(0,l.f)(u,p,c),onClick:f},a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},z=({size:e="small",label:t,name:r,checked:n,value:o,className:i,isDisabled:l=!1,onChange:c,dataEventCategory:d,dataEventAction:p,dataEventLabel:g})=>{const u=!!p&&!!d&&!!g?{"data-event-category":d,"data-event-action":p,"data-event-label":g}:{};return a.createElement(s.R,Object.assign({size:"small"===e?"md":"lg",label:t,name:r,checked:n,value:o,className:i,disabled:l,onChange:e=>null===c||void 0===c?void 0:c(e.target.value)},u))},C=o.Z.div` --padding-horizontal: 8px; --pading-vertical: 2px; display: flex; align-items: center; justify-content: center; padding: var(--pading-vertical) var(--padding-horizontal); border-radius: 24px; ${e=>"sponsored"===e.tagType&&`\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ${i.r.colors.accentLight};\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ${i.r.sizes.fwBold};\n color: var(\n --text-props-color,\n ${i.r.colors.secondaryDark}\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ${i.r.colors.accentMain};\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n `} ${e=>e.isInline&&"\n display: inline-block;\n "} ${e=>e.tagHasMorePadding&&"\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n "} p { ${e=>e.tagIsLight?"\n color: var(--text-props-color, #000);\n ":`\n color: var(--text-props-color, ${i.r.colors.white});\n `} } ${e=>((e,t)=>{switch(e){case"yellow":return`\n background: ${t?i.r.colors.yellow50:i.r.colors.yellow600};\n p {\n color: var(\n --text-props-color,\n ${i.r.colors.gray800}\n );\n }\n `;case"standard":return`\n background: ${i.r.colors.white};\n border: 1px solid ${i.r.colors.gray200};\n \n p {\n color: var(\n --text-props-color,\n ${i.r.colors.gray800}\n );\n }\n \n &:hover {\n background: ${i.r.colors.gray100};\n }\n `;case"red":return`\n background: ${t?i.r.colors.red50:i.r.colors.red500};\n `;case"green":return`\n background: ${t?i.r.colors.green50:i.r.colors.green500};\n `;case"blue":return`\n background: ${t?i.r.colors.primary50:i.r.colors.primaryBase};\n `;case"teal":return`\n background: ${t?i.r.colors.teal100:i.r.colors.teal600};\n `;case"pink":return`\n background: ${t?i.r.colors.pink200:i.r.colors.pink800};\n `;case"violet":return`\n background: ${t?i.r.colors.violet100:i.r.colors.violet500};\n `;case"grey":return`\n background: ${t?i.r.colors.gray100:i.r.colors.gray600};\n `}})(e.tagType,e.tagIsLight)} ${e=>e.tagIsSquared&&"sponsored"!==e.tagType&&"\n border-radius: 4px;\n "} ${e=>e.tagIsALink&&"\n cursor: pointer;\n "} &[data-is-selected], &:active { background: ${i.r.colors.primary50}; } `,S=({type:e,children:t,style:r,isInline:n,isSquared:o=!1,className:i,isLight:l,hasMorePadding:s,isLink:d,isSelected:p,textProps:g={size:"sm"}})=>{const u=g.color?{"--text-props-color":g.color}:{};return a.createElement(C,{"data-is-squared":o||void 0,"data-tag-type":e,"data-is-light":l||void 0,"data-has-more-padding":s||void 0,"data-is-inline":n||void 0,style:Object.assign(Object.assign({},r),u),className:i,"data-is-selected":p||void 0,"data-is-link":d||void 0,tagType:e,isInline:n,tagHasMorePadding:s,tagIsLight:l,tagIsSquared:o,tagIsALink:d},a.createElement(c.T,Object.assign({},g),t))},L="24px",N=(0,d.Z)(o.Z.span` position: relative; display: block; width: 40px; height: ${L}; background: #c3cbd4; border-radius: 100px; cursor: pointer; &:after { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 90px; content: ''; transition: 0.3s; } `,"hhgcomp-toggle-icon"),j=o.Z.span` padding-left: 15px; `,B=o.Z.div` height: ${L}; input[type='checkbox'] { width: 0; height: 0; visibility: hidden; } label { cursor: pointer; display: inline-flex; color: ${i.r.colors.gray600}; } input:checked + label ${N.classSelector} { background: ${i.r.colors.primaryBase}; &:after { left: calc(100% - 2px); transform: translateX(-100%); } } `,M=({className:e,id:t,onChange:r,checked:n,style:o,label:i})=>a.createElement(B,{className:e,style:o},a.createElement("input",{type:"checkbox",id:t,onChange:r,checked:n}),a.createElement("label",{htmlFor:t},a.createElement(N,null),i&&a.createElement(j,null,i))),Z=o.Z.div` display: inline-flex; gap: calc(var(--gap) * 1px); > svg { width: calc(var(--star-size) * 1px); height: calc(var(--star-size) * 1px); } &[data-selectable='true'] { > svg { cursor: pointer; } } `,F=e=>a.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),a.createElement("path",{d:"m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#E4E8EC"}),a.createElement("path",{d:"M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#FFC326"})),I=e=>{var{isFull:t}=e,r=(0,p._)(e,["isFull"]);return a.createElement("svg",Object.assign({},r,{viewBox:"0 0 32 32",fill:"none"}),a.createElement("path",{d:"m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z",fill:t?"#FFC326":"#D2D6DC"}))},O=({gap:e=2,size:t=24,star:r,totalStars:n=5,onSelect:o,hideEmptyStars:i,style:l,className:s})=>{const c=Math.floor(r),d=r-c>=.5?1:0,[p,g]=(0,a.useState)(null),u=p||c,h=p?0:d;return a.createElement(Z,{"data-selectable":!!o,style:Object.assign({"--gap":e,"--star-size":t},l),className:s},Array.from({length:i?c+d:n}).map(((e,t)=>{const r=()=>!!o&&g(t+1),n=()=>!!o&&g(null);return t+1<=u?a.createElement(I,{key:t,onClick:()=>null===o||void 0===o?void 0:o(t+1),onMouseOver:r,onMouseLeave:n,isFull:!0}):t+1===u+h?a.createElement(F,{key:t,onClick:()=>null===o||void 0===o?void 0:o(t+1),onMouseOver:r,onMouseLeave:n}):a.createElement(I,{key:t,onClick:()=>null===o||void 0===o?void 0:o(t+1),onMouseOver:r,onMouseLeave:n})})))};(0,a.createContext)({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1})},78156:function(e,t,r){r.d(t,{Z:function(){return n}});var a=r(67294);function n(e,t){const r=(0,a.forwardRef)(((r,n)=>a.createElement(e,Object.assign({},r,{className:`${t} ${r.className||""}`,ref:n}))));return r.classSelector=`.${t}`,r}},15536:function(e,t,r){r(67294),r(62994)},74726:function(e,t){var r,a=Symbol.for("react.element"),n=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),c=Symbol.for("react.context"),d=Symbol.for("react.server_context"),p=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),f=Symbol.for("react.offscreen");function x(e){if("object"===typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case o:case l:case i:case g:case u:return e;default:switch(e=e&&e.$$typeof){case d:case c:case p:case m:case h:case s:return e;default:return t}}case n:return t}}}r=Symbol.for("react.module.reference")},62994:function(e,t,r){r(74726)}}]);