"use strict";(self.webpackChunk_toloka_portal_gatsby_renderer=self.webpackChunk_toloka_portal_gatsby_renderer||[]).push([[1256],{31451:function(e,t,n){n.d(t,{YD:function(){return u}});var i=n(67294);function s(){return s=Object.assign||function(e){for(var t=1;t=e}));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=o),null==(n=s.get(t.target))||n.forEach((function(e){e(o,t)}))}))}),e);i=r.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:r,elements:s},o.set(t,n)}return n}(n),s=i.id,r=i.observer,a=i.elements,c=a.get(e)||[];return a.has(e)||a.set(e,c),c.push(t),r.observe(e),function(){c.splice(c.indexOf(t),1),0===c.length&&(a.delete(e),r.unobserve(e)),0===a.size&&(r.disconnect(),o.delete(s))}}function d(e){return"function"!=typeof e.children}var h=function(e){var t,n;function o(t){var n;return(n=e.call(this,t)||this).node=null,n._unobserveCb=null,n.handleNode=function(e){n.node&&(n.unobserve(),e||n.props.triggerOnce||n.props.skip||n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e||null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),d(n.props)||n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}n=e,(t=o).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var r=o.prototype;return r.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},r.componentWillUnmount=function(){this.unobserve(),this.node=null},r.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,i=e.rootMargin,s=e.trackVisibility,o=e.delay;this._unobserveCb=c(this.node,this.handleChange,{threshold:t,root:n,rootMargin:i,trackVisibility:s,delay:o})}},r.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},r.render=function(){if(!d(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var o=this.props,r=o.children,a=o.as,l=o.tag,c=function(e,t){if(null==e)return{};var n,i,s={},o=Object.keys(e);for(i=0;i=0||(s[n]=e[n]);return s}(o,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView"]);return(0,i.createElement)(a||l||"div",s({ref:this.handleNode},c),r)},o}(i.Component);function u(e){var t=void 0===e?{}:e,n=t.threshold,s=t.delay,o=t.trackVisibility,r=t.rootMargin,a=t.root,l=t.triggerOnce,d=t.skip,h=t.initialInView,u=(0,i.useRef)(),f=(0,i.useState)({inView:!!h}),p=f[0],m=f[1],x=(0,i.useCallback)((function(e){void 0!==u.current&&(u.current(),u.current=void 0),d||e&&(u.current=c(e,(function(e,t){m({inView:e,entry:t}),t.isIntersecting&&l&&u.current&&(u.current(),u.current=void 0)}),{root:a,rootMargin:r,threshold:n,trackVisibility:o,delay:s}))}),[Array.isArray(n)?n.toString():n,a,r,l,d,o,s]);(0,i.useEffect)((function(){u.current||!p.entry||l||d||m({inView:!!h})}));var v=[x,p.inView,p.entry];return v.ref=v[0],v.inView=v[1],v.entry=v[2],v}h.displayName="InView",h.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1}},92033:function(e,t,n){n.d(t,{J:function(){return L}});var i="bR_dN",s="bR_dP",o="bR_dQ",r="bR_bC",a="bR_dR",l="bR_dS",c="bR_dT",d="bR_dV",h="bR_dW",u="bR_dX",f="bR_dY",p="bR_dZ",m=n(79700),x=n.n(m),v={list:"d9_cl",item:"d9_3",button:"d9_6",activeItem:"d9_jB"},g=n(67294),j=n(55074),b=n(85893),w=function(e){var t=e.toc,n=(0,j.A)(t.map((function(e){return e.url})),t.length>0?t[0].url:void 0),i=(0,g.useCallback)((function(e){var t=document.getElementById(e.slice(1));if(t){var n=document.body.clientWidth>=1024?60:120,i=t.getBoundingClientRect();window.scrollTo({top:i.top+window.pageYOffset-i.height-n,behavior:"smooth"})}}),[]);return 0===t.length?(0,b.jsx)("div",{className:v.wrap}):(0,b.jsx)("div",{className:v.wrap,children:(0,b.jsx)("ul",{className:v.list,children:t.map((function(e){return(0,b.jsx)("li",{className:x()(v.item,e.url===n?v.activeItem:void 0),children:(0,b.jsx)("button",{className:x()("button-reset",v.button),onClick:function(){return i(e.url)},children:e.title})},e.url)}))})})},k=n(61123),y=n(4511),_=n(11467),C=n(38477),L=function(e){var t=e.children,n=e.toc,m=e.withoutShareLink,v=e.form,j=e.backLink,L=e.additionalLink,I=e.noBottomBorder,M=(0,g.useMemo)((function(){return v?(0,b.jsx)("div",{className:l,children:v}):null}),[v]);return(0,b.jsxs)("div",{className:f,children:[(0,b.jsxs)("div",{className:x()(o,n?void 0:p),children:[n&&n.length>0?(0,b.jsx)("div",{className:x()(i,I?s:void 0),children:(0,b.jsx)(w,{toc:n})}):null,m?null:(0,b.jsx)("div",{className:a,children:(0,b.jsx)(k.D,{})}),M]}),(0,b.jsxs)("div",{className:r,children:[(0,b.jsxs)(_.O,{children:[M,t]}),j||L?(0,b.jsxs)("div",{className:c,children:[j?(0,b.jsx)(y.r,{className:x()(d,"back-link"),onClick:function(){return(0,C.X)(j.href)},iconPosition:j.iconPosition,children:j.text}):null,L?(0,b.jsx)("div",{className:h,children:(0,b.jsx)(y.r,{href:L.href,className:u,iconPosition:L.iconPosition,children:L.text})}):null]}):null]})]})}},7291:function(e,t,n){n.d(t,{v:function(){return g}});var i=n(46237),s="bX_Z",o="bX_dK",r="bX_q",a="bX_h",l="bX_dS",c="bX_dd",d=n(99628),h=n(84401),u=n(19224),f=n(79700),p=n.n(f),m=n(14245),x=n(27850),v=n(85893),g=function(e){var t=e.title,n=e.text,f=e.inputPlaceholder,g=e.button,j=e.successText,b=e.sendingData,w=e.fractal,k=void 0===w?(0,v.jsx)(u.J,{}):w,y=(0,x.Q)(b),_=y.onSubmit,C=y.isSubmitted,L=y.setInputText;return(0,v.jsxs)("div",{className:p()(s,"light"),children:[t?(0,v.jsx)(i.D,{level:4,className:r,children:t}):null,(0,v.jsx)("p",{className:a,children:n}),(0,v.jsx)("form",{className:l,onSubmit:_,children:C?(0,v.jsx)(m.r,{text:j}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.z,{view:"default",size:"m",type:"email",placeholder:f,className:o,onChange:function(e){return L(e.target.value)},autoComplete:"on",required:!0}),(0,v.jsx)(h.z,{view:g.view,type:"submit",size:g.size,children:g.text})]})}),(0,v.jsx)("div",{className:c,children:k})]})}},86457:function(e,t,n){n.d(t,{C:function(){return w}});var i=n(79700),s=n.n(i),o="bg_cV",r="bg_3",a="bg_cW",l="bg_cX",c="bg_v",d="bg_q",h="bg_bn",u="bg_cY",f="bg_j",p="bg_cZ",m="bg_b3",x="bg_c0",v="bg_c1",g=n(30759),j=n(4511),b=n(85893),w=function(e){var t=e.list,n=e.className,i=e.itemClassName,w=e.maxItemsInRow,k=e.isBigIcon,y=e.inLine,_=e.twoElementsInMobile,C=e.isSmallIcon;return(0,b.jsx)("ul",{className:s()("features-list-container",n,1===t.length||1===w?o:void 0,y?p:void 0,_?x:void 0,C?l:void 0),children:t.map((function(e,t){return(0,b.jsxs)("li",{className:s()(r,k?a:void 0,i,2===w?v:void 0,y?m:void 0,e.text||e.link||e.additional?void 0:c),children:[e.icon,(0,b.jsxs)("div",{children:[e.title?(0,b.jsx)(g.D,{level:5,className:d,children:e.title}):null,e.text?(0,b.jsx)("p",{className:h,children:e.text}):null,e.link?(0,b.jsx)("div",{className:f,children:(0,b.jsx)(j.r,{href:e.link.href,iconPosition:e.link.iconPosition,target:e.link.target,children:e.link.text})}):null,e.additional?(0,b.jsx)("div",{className:u,children:e.additional}):null]})]},t)}))})}},15663:function(e,t,n){n.d(t,{l:function(){return d}});var i="M_C",s="M_bC",o="M_cn",r="M_cp",a=n(79700),l=n.n(a),c=n(85893),d=function(e){var t=e.noSidePaddings,n=e.className,a=e.noScrollOnDesktop,d=e.children,h=e.style;return(0,c.jsx)("div",{className:l()(i,"scroll-wrap",t?o:void 0,a?r:void 0,n),children:(0,c.jsx)("div",{className:s,style:h,children:d})})}},61123:function(e,t,n){n.d(t,{D:function(){return x}});var i={list:"fb_cl",item:"fb_3",button:"fb_6"},s=n(79700),o=n.n(s),r=n(67294),a=n(85893),l=function(){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"13",viewBox:"0 0 16 13",fill:"none",children:(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96907 12.861C5.27718 12.861 4.56503 12.8068 3.8486 12.6982C2.58677 12.5067 1.30944 11.8684 0.947991 11.6773L0 11.176L1.02636 10.8496C2.1483 10.4928 2.83079 10.2714 3.67564 9.92485C2.82969 9.52859 2.17772 8.8159 1.86388 7.89458L1.62511 7.19355L1.82091 7.22248C1.63524 7.04149 1.48864 6.85779 1.37499 6.69075C0.970818 6.09703 0.75683 5.37156 0.802362 4.74987L0.847284 4.13798L1.22606 4.27989C1.06628 3.98805 0.9508 3.67638 0.882928 3.34971C0.717524 2.55306 0.85595 1.7067 1.27282 0.966604L1.60277 0.380799L2.04405 0.893404C3.43967 2.51481 5.20736 3.47662 7.30536 3.75819C7.21967 3.18691 7.28388 2.63558 7.4964 2.14139C7.74384 1.56598 8.18402 1.07804 8.76898 0.73025C9.41867 0.344084 10.2065 0.156962 10.9874 0.203359C11.8158 0.252589 12.568 0.552809 13.1654 1.07214C13.4572 0.998835 13.6722 0.920559 13.9627 0.81478C14.1374 0.751146 14.3357 0.678895 14.5837 0.596254L15.4978 0.291666L14.9018 1.9381C14.9411 1.93491 14.9816 1.93219 15.0239 1.93043L16 1.88769L15.4231 2.65022C15.39 2.6939 15.3816 2.7063 15.3699 2.72342C15.3234 2.79118 15.2655 2.87547 14.4737 3.89809C14.2754 4.15416 14.1764 4.48767 14.1948 4.83736C14.2651 6.16621 14.0964 7.36851 13.6935 8.41073C13.3124 9.39676 12.7219 10.2427 11.9384 10.9252C10.9689 11.7696 9.73271 12.3477 8.26397 12.6433C7.54352 12.7883 6.76985 12.861 5.96907 12.861Z",fill:"#1E2126",fillOpacity:"0.5"})})},c=function(){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[(0,a.jsx)("path",{d:"m9 14.14-1.29 1.29a3.64 3.64 0 0 1-5.14 0v0a3.64 3.64 0 0 1 0-5.14L5.14 7.7a3.64 3.64 0 0 1 5.15 0v0l.28.29",stroke:"#1E2126",strokeOpacity:".5",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"}),(0,a.jsx)("path",{d:"m9 3.86 1.29-1.29a3.64 3.64 0 0 1 5.14 0v0a3.64 3.64 0 0 1 0 5.14l-2.57 2.58a3.64 3.64 0 0 1-5.15 0v0l-.21-.22",stroke:"#1E2126",strokeOpacity:".5",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})]})},d=function(){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"16",viewBox:"0 0 8 16",fill:"none",children:(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.54 2.65673H8.00067V0.112728C7.74867 0.078061 6.882 6.10352e-05 5.87267 6.10352e-05C3.76667 6.10352e-05 2.324 1.32473 2.324 3.75939V6.00006H0V8.84406H2.324V16.0001H5.17333V8.84473H7.40333L7.75733 6.00073H5.17267V4.04139C5.17333 3.21939 5.39467 2.65673 6.54 2.65673Z",fill:"#1E2126",fillOpacity:"0.5"})})},h=function(){return(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.15471 0.207764C0.966598 0.207764 0 1.15446 0 2.31809C0 3.48225 0.966598 4.4293 2.15471 4.4293C3.34188 4.4293 4.30769 3.4822 4.30769 2.31809C4.30775 1.15446 3.34188 0.207764 2.15471 0.207764ZM3.43672 5.03238H0.255583C0.114399 5.03238 0 5.14816 0 5.29093V15.6292C0 15.772 0.114399 15.8878 0.255583 15.8878H3.43672C3.57791 15.8878 3.69231 15.772 3.69231 15.6292V5.29093C3.69231 5.14816 3.57791 5.03238 3.43672 5.03238ZM9.11072 6.19188C9.68593 5.57515 10.6343 5.03238 11.9172 5.03238C15.5149 5.03238 16 7.59188 16 10.0956V15.6351C16 15.7747 15.8852 15.8878 15.7433 15.8878H12.555C12.4132 15.8878 12.2984 15.7747 12.2984 15.6351V10.725C12.2984 9.35023 12.1951 8.29862 10.8963 8.29862C9.70362 8.29862 9.23894 8.9546 9.23894 10.6383V15.6351C9.23894 15.7746 9.12407 15.8877 8.98231 15.8877H5.7951C5.65333 15.8877 5.53847 15.7746 5.53847 15.6351V5.53596C5.53847 5.39649 5.65333 5.28338 5.7951 5.28338H8.85409C8.99586 5.28338 9.11072 5.39649 9.11072 5.53596V6.19188Z",fill:"#1E2126",fillOpacity:"0.5"})})},u=n(9546),f=n(47250),p=n(81547);function m(e){var t=[];for(var n in e)t.push(encodeURIComponent(n)+"="+encodeURIComponent(e[n]));return t.join("&")}var x=function(){if(p.j){var e=window.location.href,t=(0,u.F)(e),n=(0,r.useMemo)((function(){var t={url:e,utm_source:"share2"},n={u:e,src:"sp",utm_source:"share2"},i={mini:"true",url:e,utm_source:"share2"};return[{icon:(0,a.jsx)(l,{}),title:"Twitter",link:"https://twitter.com/intent/tweet?"+m(t)},{icon:(0,a.jsx)(d,{}),title:"Facebook",link:"https://www.facebook.com/sharer.php?"+m(n)},{icon:(0,a.jsx)(h,{}),title:"Linkedin",link:"https://www.linkedin.com/shareArticle?"+m(i)}]}),[e]);return(0,a.jsx)("div",{className:i.wrap,children:(0,a.jsxs)("ul",{className:i.list,children:[n.map((function(e){return(0,a.jsx)("li",{className:i.item,children:(0,a.jsxs)("a",{className:o()("button-reset",i.button),href:e.link,target:"_blank",rel:"nofollow noopener noreferrer",title:e.title,children:[e.icon,(0,a.jsx)(f.M,{children:e.title})]})},e.title)})),(0,a.jsx)("li",{className:i.item,children:(0,a.jsxs)("a",{className:o()("button-reset",i.button),href:"#",target:"_blank",rel:"nofollow noopener noreferrer",title:"Link to current page",onClick:function(e){return e.preventDefault()},ref:t,children:[(0,a.jsx)(c,{}),(0,a.jsx)(f.M,{children:"Link to current page"})]})})]})})}return null}},33543:function(e,t,n){n.d(t,{M:function(){return c}});var i={tab:"bW_cd",sliderWrap:"bW_cc",noSidePaddings:"bW_cn",defaultView:"bW_d5",dark:"bW_c3",modifiedView:"bW_d6"},s=n(79700),o=n.n(s),r=n(67294),a=n(21648),l=n(85893),c=function(e){var t=e.items,n=e.render,s=e.shouldTabsChangeView,c=void 0===s||s,d=e.theme,h=e.noSidePaddings,u=(0,a.u)(),f=u.ref,p=u.setSwiperRef,m=(0,r.useState)(0),x=m[0],v=m[1];return(0,l.jsxs)(l.Fragment,{children:[t.length>1?(0,l.jsx)("div",{className:o()(i.tab,d?i[d]:void 0,"tab-slider",c?i.modifiedView:i.defaultView,h?i.noSidePaddings:void 0),ref:f,children:t.map((function(e,t){return(0,l.jsxs)("button",{className:t===x?"active":void 0,onClick:function(){return v(t)},children:[e.icon,(0,l.jsx)("span",{children:e.title})]},t)}))}):null,(0,l.jsx)("div",{className:o()(i.sliderWrap,t.length>1?"withTabs":void 0),children:n({activeTab:x,setSwiperRef:p})})]})}},55074:function(e,t,n){n.d(t,{A:function(){return s}});var i=n(67294),s=function(e,t){var n=(0,i.useState)(t),s=n[0],o=n[1];return(0,i.useEffect)((function(){var t=document.body.clientWidth>=1024?100:150,n=new IntersectionObserver((function(e){e.forEach((function(e){!1!==e.isIntersecting&&e.boundingClientRect.y<200&&o("#"+e.target.id)}))}),{root:null,rootMargin:"-"+t+"px 0px 0px 0px",threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]});return e.map((function(e){return document.getElementById(e.slice(1))})).filter(Boolean).forEach((function(e){n.observe(e)})),function(){n.disconnect()}}),[e,t]),s}},21648:function(e,t,n){n.d(t,{u:function(){return o}});var i=n(67294),s=n(31451),o=function(){var e=(0,i.useState)(null),t=e[0],n=e[1],o=(0,s.YD)({threshold:0,triggerOnce:!0}),r=o.ref,a=o.inView;return(0,i.useEffect)((function(){t&&(t.autoplay.stop(),a&&t.autoplay.start())}),[a,t]),{ref:r,swiperRef:t,setSwiperRef:n}}},38477:function(e,t,n){n.d(t,{X:function(){return i}});var i=function(e){document.referrer.includes(e)?window.history.back():window.open(e,"_self")}},67911:function(e,t,n){n.d(t,{A:function(){return j}});var i="F_Z",s="F_b2",o="F_b3",r="F_b4",a="F_b5",l="F_b6",c="F_b7",d="F_b8",h="F_b9",u="F_cb",f=n(79700),p=n.n(f),m=n(86457),x=n(67294),v=n(85893),g={1:u,2:d,3:h,4:void 0},j=function(e){var t=e.list,n=e.maxItemsInRow,d=void 0===n?4:n,h=e.isBigIcon,u=e.withImage,f=e.inLine,j=e.twoElementsInMobile,b=e.columnFlow,w=e.paddingsBeforeDesktop,k=e.isSmallIcon,y=(0,x.useRef)(null);return(0,x.useEffect)((function(){y.current&&b&&y.current.style.setProperty("--count",""+Math.ceil(t.length/d))}),[y]),(0,v.jsx)("div",{ref:y,className:p()(i,f?o:void 0,w?s:""),children:(0,v.jsx)(m.C,{list:t,className:p()(r,g[d],u?a:void 0,b&&4!==d?c:void 0),itemClassName:u?l:void 0,maxItemsInRow:d,isBigIcon:h,inLine:f,twoElementsInMobile:j,isSmallIcon:k})})}},34053:function(e,t,n){n.d(t,{k:function(){return l}});var i=n(15663),s={table:"bM_c7",column:"bM_R",dark:"bM_c3",row:"bM_dM"},o=n(79700),r=n.n(o),a=n(85893),l=function(e){var t=e.rows,n=e.noSidePaddings,o=e.theme,l=void 0===o?"light":o;return(0,a.jsx)(i.l,{noSidePaddings:n,children:(0,a.jsx)("table",{className:r()(s.table,s[l]),children:(0,a.jsx)("tbody",{children:t.map((function(e,t){return(0,a.jsx)("tr",{className:s.row,children:e.columns.map((function(e,t){return(0,a.jsx)("td",{className:s.column,children:e},t)}))},t)}))})})})}},66924:function(e,t,n){n.d(t,{n:function(){return s}});var i=n(85893),s=function(){return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[(0,i.jsx)("g",{clipPath:"url(#clip0_9129_114992)",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.92861 19.5714C1.02365 15.6664 1.02373 9.33478 4.92926 5.42926C8.83478 1.52373 15.1664 1.52365 19.0714 5.42861C22.9764 9.33357 22.9763 15.6652 19.0707 19.5707C15.1652 23.4763 8.83357 23.4764 4.92861 19.5714ZM3.51439 20.9856C-1.17172 16.2995 -1.17143 8.70152 3.51504 4.01504C8.20152 -0.671427 15.7995 -0.671719 20.4856 4.01439C25.1717 8.7005 25.1714 16.2985 20.485 20.985C15.7985 25.6714 8.2005 25.6717 3.51439 20.9856ZM11.6703 16.0403C11.4839 16.2396 11.2243 16.354 10.9515 16.3571C10.6787 16.3602 10.4165 16.2518 10.2256 16.0569L6.99992 12.7633C6.61349 12.3687 6.62008 11.7356 7.01465 11.3492C7.40922 10.9627 8.04235 10.9693 8.42879 11.3639L10.9235 13.9111L15.5555 8.95973C15.9328 8.55641 16.5656 8.53533 16.9689 8.91263C17.3723 9.28993 17.3933 9.92274 17.016 10.3261L11.6703 16.0403Z",fill:"#0055D9"})}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_9129_114992",children:(0,i.jsx)("rect",{width:"24",height:"24",fill:"white",transform:"translate(0 0.5)"})})})]})}},9418:function(e,t,n){n.d(t,{K:function(){return s}});var i=n(85893),s=function(e){var t=e.color,n=void 0===t?"#0055D9":t;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_9129_115141)",children:[(0,i.jsx)("mask",{id:"path-1-inside-1_9129_115141",fill:"#fff",children:(0,i.jsx)("path",{d:"M3.51 20.77A12 12 0 1 1 20.5 3.8 12 12 0 0 1 3.5 20.77Z"})}),(0,i.jsx)("path",{d:"M3.52 3.8 2.1 2.4 3.52 3.8Zm0 16.97L2.1 22.2l1.41-1.42Zm16.96 0-1.4-1.41 1.4 1.41Zm0-16.97-1.4 1.42 1.4-1.42ZM2.1 2.4a14 14 0 0 0 0 19.8l2.83-2.83a10 10 0 0 1 0-14.14L2.1 2.39Zm0 19.8a14 14 0 0 0 19.8 0l-2.83-2.83a10 10 0 0 1-14.14 0L2.1 22.19Zm19.8 0a14 14 0 0 0 0-19.8l-2.83 2.83a10 10 0 0 1 0 14.14l2.83 2.83Zm0-19.8a14 14 0 0 0-19.8 0l2.83 2.83a10 10 0 0 1 14.14 0l2.83-2.83Z",fill:n,mask:"url(#path-1-inside-1_9129_115141)"}),(0,i.jsx)("path",{d:"M14 7.29v10",stroke:n,strokeWidth:"2",strokeMiterlimit:"79.84",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"m9 13.04-.99-.17A1 1 0 0 0 9 14.04v-1Zm1.99-5.58A1 1 0 1 0 9 7.12l1.98.34ZM14 12.04H9v2h5v-2ZM9.99 13.2l1-5.75L9 7.12l-1 5.75 1.98.34Z",fill:n})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_9129_115141",children:(0,i.jsx)("path",{fill:"#fff",transform:"translate(0 .29)",d:"M0 0h24v24H0z"})})})]})}},3782:function(e,t,n){n.d(t,{W:function(){return s}});var i=n(85893),s=function(e){var t=e.color,n=void 0===t?"#0055D9":t;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_9129_115128)",children:[(0,i.jsx)("mask",{id:"path-1-inside-1_9129_115128",fill:"#fff",children:(0,i.jsx)("path",{d:"M3.51 20.77A12 12 0 1 1 20.5 3.8 12 12 0 0 1 3.5 20.77Z"})}),(0,i.jsx)("path",{d:"M3.52 3.8 2.1 2.4 3.52 3.8Zm0 16.97L2.1 22.2l1.41-1.42Zm16.96 0-1.4-1.41 1.4 1.41Zm0-16.97-1.4 1.42 1.4-1.42ZM2.1 2.4a14 14 0 0 0 0 19.8l2.83-2.83a10 10 0 0 1 0-14.14L2.1 2.39Zm0 19.8a14 14 0 0 0 19.8 0l-2.83-2.83a10 10 0 0 1-14.14 0L2.1 22.19Zm19.8 0a14 14 0 0 0 0-19.8l-2.83 2.83a10 10 0 0 1 0 14.14l2.83 2.83Zm0-19.8a14 14 0 0 0-19.8 0l2.83 2.83a10 10 0 0 1 14.14 0l2.83-2.83Z",fill:n,mask:"url(#path-1-inside-1_9129_115128)"}),(0,i.jsx)("path",{d:"m9 11.29 4-4v10",stroke:n,strokeWidth:"2",strokeMiterlimit:"79.84",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_9129_115128",children:(0,i.jsx)("path",{fill:"#fff",transform:"translate(0 .29)",d:"M0 0h24v24H0z"})})})]})}},74325:function(e,t,n){n.d(t,{W:function(){return s}});var i=n(85893),s=function(e){var t=e.color,n=void 0===t?"#0055D9":t;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_9129_115137)",children:[(0,i.jsx)("mask",{id:"path-1-inside-1_9129_115137",fill:"#fff",children:(0,i.jsx)("path",{d:"M3.51 20.77A12 12 0 1 1 20.5 3.8 12 12 0 0 1 3.5 20.77Z"})}),(0,i.jsx)("path",{d:"M3.52 3.8 2.1 2.4 3.52 3.8Zm0 16.97L2.1 22.2l1.41-1.42Zm16.96 0-1.4-1.41 1.4 1.41Zm0-16.97-1.4 1.42 1.4-1.42ZM2.1 2.4a14 14 0 0 0 0 19.8l2.83-2.83a10 10 0 0 1 0-14.14L2.1 2.39Zm0 19.8a14 14 0 0 0 19.8 0l-2.83-2.83a10 10 0 0 1-14.14 0L2.1 22.19Zm19.8 0a14 14 0 0 0 0-19.8l-2.83 2.83a10 10 0 0 1 0 14.14l2.83 2.83Zm0-19.8a14 14 0 0 0-19.8 0l2.83 2.83a10 10 0 0 1 14.14 0l2.83-2.83Z",fill:n,mask:"url(#path-1-inside-1_9129_115137)"}),(0,i.jsx)("path",{d:"M9 15.68c.64.95 1.78 1.79 4.01 1.57 2.72-.34 4.02-3.61 2.02-5.42a7.35 7.35 0 0 0-2.42-1.4l2.91-3.14H9.3",stroke:n,strokeWidth:"2",strokeMiterlimit:"79.84",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_9129_115137",children:(0,i.jsx)("path",{fill:"#fff",transform:"translate(0 .29)",d:"M0 0h24v24H0z"})})})]})}},80207:function(e,t,n){n.d(t,{Z:function(){return s}});var i=n(85893),s=function(e){var t=e.color,n=void 0===t?"#0055D9":t;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_9129_115132)",children:[(0,i.jsx)("mask",{id:"path-1-inside-1_9129_115132",fill:"#fff",children:(0,i.jsx)("path",{d:"M3.51 20.77A12 12 0 1 1 20.5 3.8 12 12 0 0 1 3.5 20.77Z"})}),(0,i.jsx)("path",{d:"M3.52 3.8 2.1 2.4 3.52 3.8Zm0 16.97L2.1 22.2l1.41-1.42Zm16.96 0-1.4-1.41 1.4 1.41Zm0-16.97-1.4 1.42 1.4-1.42ZM2.1 2.4a14 14 0 0 0 0 19.8l2.83-2.83a10 10 0 0 1 0-14.14L2.1 2.39Zm0 19.8a14 14 0 0 0 19.8 0l-2.83-2.83a10 10 0 0 1-14.14 0L2.1 22.19Zm19.8 0a14 14 0 0 0 0-19.8l-2.83 2.83a10 10 0 0 1 0 14.14l2.83 2.83Zm0-19.8a14 14 0 0 0-19.8 0l2.83 2.83a10 10 0 0 1 14.14 0l2.83-2.83Z",fill:n,mask:"url(#path-1-inside-1_9129_115132)"}),(0,i.jsx)("path",{d:"M9.32 8.88c.57-.94 1.47-1.75 3.62-1.57 2.4.3 3.63 2.84 1.82 4.65L9 17.29h6.69",stroke:n,strokeWidth:"2",strokeMiterlimit:"79.84",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"clip0_9129_115132",children:(0,i.jsx)("path",{fill:"#fff",transform:"translate(0 .29)",d:"M0 0h24v24H0z"})})})]})}},94829:function(e,t,n){n.r(t),n.d(t,{default:function(){return L}});var i=n(74533),s=n(88586),o=n(37990),r=n(52893),a=n(93252),l=n(51512),c=n(25109),d=n(4511),h=n(7291),u=n(92033),f=n(46237),p=n(34053),m=n(33543),x=n(88709),v=n(11467),g=n(3468),j=n(67911),b=n(66924),w=n(3782),k=n(80207),y=n(74325),_=n(9418),C=n(85893);function L(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(r.q,{og:{img:"https://tlk-infra-front.azureedge.net/portal-static/images/knowledgebase/decomposition/og/share-img.jpg",title:"Decomposition",description:"Break your task down into steps that are clear enough for anyone to handle."}}),(0,C.jsx)(i.n,{}),(0,C.jsxs)(s.i,{headerPadding:!0,children:[(0,C.jsx)(o.h,{defaultBackground:"dark"}),(0,C.jsx)(l.w,{offset:40}),(0,C.jsxs)(c.L,{overflow:"inherit",children:[(0,C.jsx)(f.D,{level:1,children:"Decomposition"}),(0,C.jsx)("p",{children:"Break your task down into steps that are clear enough for anyone to handle."}),(0,C.jsx)(l.w,{offset:40}),(0,C.jsxs)(u.J,{withoutShareLink:!0,noBottomBorder:!0,toc:[{url:"#benefits",title:"Benefits"},{url:"#how-is-this-possible?",title:"How does it save money?"},{url:"#how-do-i",title:"How do I know that a task needs to be decomposed? "},{url:"#ways-to-decompose-task",title:"Ways to decompose a task"},{url:"#examples",title:"Examples"},{url:"#decomposition",title:"Decomposition and..."}],form:(0,C.jsx)(h.v,{text:"Subscribe to Toloka News",inputPlaceholder:"Enter your email",button:{view:"action",text:"Subscribe",size:"l"},sendingData:{address:"/api/sender/subscribe",listId:"0ASPRWP3-H6V"},successText:"Thank you for subscribing"}),children:[(0,C.jsx)("p",{children:"Decomposition means to break a task down into parts by replacing one large problem with a series of smaller, separate problems that are easier to solve and can be completed by different annotators. It is the first step to take when planning a new crowdsourcing project."}),(0,C.jsx)(g.p.Desktop,{children:(0,C.jsx)("br",{})}),(0,C.jsx)(f.D,{level:2,styleAs:4,id:"benefits",children:"Benefits of decomposition"}),(0,C.jsx)(j.A,{maxItemsInRow:2,inLine:!0,list:[{icon:(0,C.jsx)(b.n,{}),additional:"Makes it easier to review completed tasks"},{icon:(0,C.jsx)(b.n,{}),additional:"Reduces the number of errors"},{icon:(0,C.jsx)(b.n,{}),additional:"Lower entry barrier for new annotators means more people can handle it"},{icon:(0,C.jsx)(b.n,{}),additional:"Saves money: you spend less on the project overall"}]}),(0,C.jsx)(l.w,{offset:40}),(0,C.jsx)(v.V.Line,{}),(0,C.jsx)(l.w,{offset:60}),(0,C.jsx)(f.D,{level:2,styleAs:4,id:"how-is-this-possible?",children:"How does it save money?"}),(0,C.jsx)("p",{children:"It may seem counterintuitive, but splitting one task into several smaller ones helps lower the total project cost. This happens because smaller tasks are easier to complete without mistakes, so we don't need to re-evaluate them as often as complex ones."}),(0,C.jsx)(p.k,{noSidePaddings:!0,rows:[{columns:[(0,C.jsx)("b",{},1),(0,C.jsx)("b",{children:"Cost"},2),(0,C.jsx)("b",{children:"Tasks for re-evaluation"},3),(0,C.jsx)("b",{children:"Active annotators"},4)]},{columns:["One complex task","100%","15-25%","600"]},{columns:["Several smaller tasks","70%","10-15%","11000"]}]}),(0,C.jsx)(l.w,{offset:80}),(0,C.jsx)(f.D,{level:2,styleAs:4,id:"how-do-i",children:"How do I know that a task needs to be decomposed?"}),(0,C.jsx)("p",{children:"If your task offers a choice of 3-5 answers and the instructions fit on one page without scrolling, then most likely your task doesn't need to be decomposed. In all other cases, you should probably try to break down the task. You can also discover when you need to decompose by running short experiments. If your task is taken up very slowly or all the Tolokers are filtered out due to low skill levels, and you don't see any problems with your control tasks, you can assume that the task is too complex."}),(0,C.jsx)(l.w,{offset:40}),(0,C.jsx)(v.V.Line,{}),(0,C.jsx)(l.w,{offset:60}),(0,C.jsx)(f.D,{level:2,styleAs:4,id:"ways-to-decompose-task",children:"Ways to decompose a task"}),(0,C.jsx)(f.D,{level:5,children:"Decomposing a complex challenge"}),(0,C.jsx)("p",{children:"If your task is to answer a complex question, try dividing it into a series of simple ones that are easy to answer and independent of each other. For example, instead of asking whether a tech support specialist gave a “good” or “bad” answer, ask if the response was detailed, friendly and grammatically correct."}),(0,C.jsx)("br",{}),(0,C.jsx)(f.D,{level:5,children:"Decomposing a multi-task"}),(0,C.jsx)("p",{children:"If your task involves a series of questions or actions, try presenting them one at a time. If you have a set of pictures and you need to outline traffic lights on them, first ask if the picture contains a traffic light and then (if yes) ask to outline it. Best practice here is to use two different projects for collecting data."}),(0,C.jsx)("br",{}),(0,C.jsx)(f.D,{level:5,children:"Decomposing a multitude of options"}),(0,C.jsx)("p",{children:"Sometimes there's only one question that needs to be answered, but there are too many possible answers and it's difficult to remember all the rules about them. If there are more than 10 options to choose from, we recommend grouping them thematically, so that the Toloker first chooses a general theme and then chooses within a limited variety of answers. Best practice here is to support the successive classification with a clean interface that displays only the necessary options."}),(0,C.jsx)("br",{}),(0,C.jsx)(f.D,{level:5,children:" Decomposing a crowdsourcing project itself"}),(0,C.jsx)("p",{children:"Collecting crowd data involves more than just setting up a task for people to do. You also need to set up quality control mechanisms to maintain good quality. If the best control method is human evaluation, try adding a post-verification project where Tolokers will check tasks completed by other Tolokers."}),(0,C.jsx)(l.w,{offset:40}),(0,C.jsx)(v.V.Line,{}),(0,C.jsx)(l.w,{offset:60}),(0,C.jsxs)(f.D,{level:2,styleAs:4,id:"examples",children:["Examples of real-life decomposition techniques",(0,C.jsx)(g.p.Desktop,{children:(0,C.jsx)("br",{})})]}),(0,C.jsx)(m.M,{noSidePaddings:!0,shouldTabsChangeView:!1,items:[{title:(0,C.jsxs)("div",{style:{textAlign:"left"},children:["1. Collecting offline data",(0,C.jsx)("br",{}),"about local businesses"]})},{title:(0,C.jsxs)("div",{style:{textAlign:"left"},children:["2. Outlining objectsfor",(0,C.jsx)("br",{}),"CV algorithms"]})},{title:(0,C.jsxs)("div",{style:{textAlign:"left"},children:["3. Creating ads for online",(0,C.jsx)("br",{}),"marketing campaigns"]})}],render:function(e){var t=e.activeTab;return[(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("p",{children:"Let's say your task is to regularly update information about local businesses in order to keep an up-to-date list. You give Tolokers an offline task to find a particular business, check the address and opening hours, and provide a photo. After the task is complete, you find out that some answers are only partly correct. Some Tolokers didn't provide a quality photo, while others got the opening times wrong. How can you clean up this data? Do you need to pay the people who were only partly correct? Where do you get the extra budget to re-label the objects with missing data? This task can be decomposed by splitting it into three independent projects where one simple piece of information is collected, and Tolokers don't get confused with multi-tasking:"}),(0,C.jsxs)("p",{children:["  •  An entrance photo",(0,C.jsx)("br",{}),"  •  Address",(0,C.jsx)("br",{}),"  •  Opening hours"]}),(0,C.jsx)("p",{children:"This allows you to use simple quality control mechanisms, choose Tolokers who are better at each individual task, and save money on relabeling incorrect data."}),(0,C.jsx)(v.V.Image,{imageId:"eOWscQWbwIn5Rrl2IT6z"})]}),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("p",{children:"Let's say you want to improve a computer vision algorithm that is used for self-driving cars. You give Tolokers a set of photos of streets and ask them to outline every traffic light with a bounding box. After the labeling is finished, you receive noisy labels. Why? Because the task didn't make allowances for details such as photos without any traffic lights and you didn't consider how to check the quality of results provided by thousands of anonymous people."}),(0,C.jsx)(j.A,{maxItemsInRow:1,inLine:!0,list:[{icon:(0,C.jsx)(w.W,{}),additional:"Check whether the image contains traffic lights or not (classification)"},{icon:(0,C.jsx)(k.Z,{}),additional:"Outline each traffic light with a bounding box (object segmentation)"},{icon:(0,C.jsx)(y.W,{}),additional:"Check whether traffic lights are outlined correctly (classification)"}]}),(0,C.jsx)("p",{children:"To ensure quality, the second and third projects are completed by different people. The third project checks whether the results of the second project are correct, and Tolokers are only rewarded for correct results."}),(0,C.jsx)(v.V.Image,{imageId:"DEAvr9nXUS96JqMXxHAm"})]}),(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("p",{children:"Let's imagine you're managing an online marketing team that constantly needs to generate small ads for new campaigns. You give Tolokers a task to write short ads. Even with a trained crowd, collected ads may be of poor quality or just contain minor mistakes, like irrelevant content or typos. It's impossible to check quality on the go with methods based on horizontal comparison like majority vote, because each text is unique. It's also expensive to re-write defective ads."}),(0,C.jsx)("p",{children:"Projects like this can be decomposed as follows:"}),(0,C.jsx)(j.A,{maxItemsInRow:1,inLine:!0,list:[{icon:(0,C.jsx)(w.W,{}),additional:"Ask Tolokers to write an ad based on standard introductory information"},{icon:(0,C.jsx)(k.Z,{}),additional:"Run some basic validation checks: number of characters, use of forbidden words, capitalization, etc"},{icon:(0,C.jsx)(y.W,{}),additional:"Ask another group of Tolokers to verify the ads by using a list of simple criteria: informativeness, format compliance, grammar."},{icon:(0,C.jsx)(_.K,{}),additional:"If an ad features only minor mistakes that can easily be corrected, ask another team of Tolokers for the corrections and verify them once more as in step three. If an ad is just bad, send the task to step one."}]}),(0,C.jsx)("p",{children:"Tasks for generating and correcting ads should only be paid for after verification, and only if they were completed correctly."}),(0,C.jsx)(v.V.Image,{imageId:"0op2WeJ8A9uPNOFlfLJ4"})]})][t]}}),(0,C.jsx)(l.w,{offset:40}),(0,C.jsx)(f.D,{level:2,styleAs:4,id:"decomposition",children:"Decomposition and…"}),(0,C.jsx)("p",{children:"When we say that decomposition is the key, we mean it. Here's how decomposition is connected to other components of crowdsourcing:"}),(0,C.jsx)(j.A,{maxItemsInRow:2,inLine:!0,list:[{icon:(0,C.jsx)(b.n,{}),additional:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("b",{children:"Instructions"})," ",(0,C.jsx)("br",{}),"A well-decomposed task is easily explained using simple instructions."," ",(0,C.jsx)(d.r,{href:"/knowledgebase/instruction",target:"_blank",children:"Learn more about clear instructions"},1)]})},{icon:(0,C.jsx)(b.n,{}),additional:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("b",{children:"Pricing"}),"",(0,C.jsx)("br",{}),"The simpler a task is, the quicker it can be submitted, and the cheaper it is."," ",(0,C.jsx)(d.r,{href:"/knowledgebase/pricing",target:"_blank",children:"Learn more about pricing strategies"},3)," "]})},{icon:(0,C.jsx)(b.n,{}),additional:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("b",{children:"Interface"})," ",(0,C.jsx)("br",{}),"Each single step of a decomposed task should be supported by a clean and simple task interface, with no unnecessary elements."," ",(0,C.jsx)(d.r,{href:"/knowledgebase/interface",target:"_blank",children:"Learn more about good interfaces"},2)]})},{icon:(0,C.jsx)(b.n,{}),additional:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("b",{children:"Quality control"})," ",(0,C.jsx)("br",{}),"A set of simple tasks is easy to check with basic quality control methods, such as majority vote or golden sets."," ",(0,C.jsx)(d.r,{href:"/knowledgebase/quality-control/",target:"_blank",children:"Learn more about quality control"},4)]})}]})]})]}),(0,C.jsx)(l.w,{offset:40}),(0,C.jsx)(a.$,{}),(0,C.jsx)(x.f,{})]})]})}}}]);