@university-ecosystem/ui-kit
Version:
University ecosystem ui-kit
474 lines (355 loc) • 133 kB
JavaScript
import*as c from"react";import e,{useState as t,useCallback as l,useRef as a,useEffect as n,cloneElement as o,createElement as r,Fragment as i,Children as s,isValidElement as p,useMemo as d}from"react";import{useTheme as h,ThemeProvider as y}from"@emotion/react";import u from"@emotion/styled";import b from"react-dom";
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */function f(c,e){var t={};for(var l in c)Object.prototype.hasOwnProperty.call(c,l)&&e.indexOf(l)<0&&(t[l]=c[l]);if(null!=c&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(c);a<l.length;a++)e.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(c,l[a])&&(t[l[a]]=c[l[a]])}return t}var m={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function g(c){var e=function(c){if("number"==typeof c)return{value:c,unit:"px"};var e,t=(c.match(/^[0-9.]*/)||"").toString();e=t.includes(".")?parseFloat(t):parseInt(t,10);var l=(c.match(/[^0-9]*$/)||"").toString();return m[l]?{value:e,unit:l}:(console.warn("React Spinners: ".concat(c," is not a valid css value. Defaulting to ").concat(e,"px.")),{value:e,unit:"px"})}(c);return"".concat(e.value).concat(e.unit)}var x=function(c,e,t){var l="react-spinners-".concat(c,"-").concat(t);if("undefined"==typeof window||!window.document)return l;var a=document.createElement("style");document.head.appendChild(a);var n=a.sheet,o="\n @keyframes ".concat(l," {\n ").concat(e,"\n }\n ");return n&&n.insertRule(o,0),l},k=function(){return k=Object.assign||function(c){for(var e,t=1,l=arguments.length;t<l;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(c[a]=e[a]);return c},k.apply(this,arguments)},v=function(c,e){var t={};for(var l in c)Object.prototype.hasOwnProperty.call(c,l)&&e.indexOf(l)<0&&(t[l]=c[l]);if(null!=c&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(c);a<l.length;a++)e.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(c,l[a])&&(t[l[a]]=c[l[a]])}return t},w=x("BeatLoader","50% {transform: scale(0.75);opacity: 0.2} 100% {transform: scale(1);opacity: 1}","beat");function M(e){var t=e.loading,l=void 0===t||t,a=e.color,n=void 0===a?"#000000":a,o=e.speedMultiplier,r=void 0===o?1:o,i=e.cssOverride,s=void 0===i?{}:i,p=e.size,d=void 0===p?15:p,h=e.margin,y=void 0===h?2:h,u=v(e,["loading","color","speedMultiplier","cssOverride","size","margin"]),b=k({display:"inherit"},s),f=function(c){return{display:"inline-block",backgroundColor:n,width:g(d),height:g(d),margin:g(y),borderRadius:"100%",animation:"".concat(w," ").concat(.7/r,"s ").concat(c%2?"0s":"".concat(.35/r,"s")," infinite linear"),animationFillMode:"both"}};return l?c.createElement("span",k({style:b},u),c.createElement("span",{style:f(1)}),c.createElement("span",{style:f(2)}),c.createElement("span",{style:f(3)})):null}var Z=function(){return Z=Object.assign||function(c){for(var e,t=1,l=arguments.length;t<l;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(c[a]=e[a]);return c},Z.apply(this,arguments)},E=function(c,e){var t={};for(var l in c)Object.prototype.hasOwnProperty.call(c,l)&&e.indexOf(l)<0&&(t[l]=c[l]);if(null!=c&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(c);a<l.length;a++)e.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(c,l[a])&&(t[l[a]]=c[l[a]])}return t},C=x("PulseLoader","0% {transform: scale(1); opacity: 1} 45% {transform: scale(0.1); opacity: 0.7} 80% {transform: scale(1); opacity: 1}","pulse");function j(e){var t=e.loading,l=void 0===t||t,a=e.color,n=void 0===a?"#000000":a,o=e.speedMultiplier,r=void 0===o?1:o,i=e.cssOverride,s=void 0===i?{}:i,p=e.size,d=void 0===p?15:p,h=e.margin,y=void 0===h?2:h,u=E(e,["loading","color","speedMultiplier","cssOverride","size","margin"]),b=Z({display:"inherit"},s),f=function(c){return{backgroundColor:n,width:g(d),height:g(d),margin:g(y),borderRadius:"100%",display:"inline-block",animation:"".concat(C," ").concat(.75/r,"s ").concat(.12*c/r,"s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)"),animationFillMode:"both"}};return l?c.createElement("span",Z({style:b},u),c.createElement("span",{style:f(1)}),c.createElement("span",{style:f(2)}),c.createElement("span",{style:f(3)})):null}const O=u("button")`
border-radius: 8px;
padding: 12px;
height: fit-content;
cursor: pointer;
border: none;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
${c=>"default"===c.size?"width: 250px;":"small"===c.size?"width: 100px;":"large"===c.size?"width: 350px;":"fullWidth"===c.size?"width: 100%;":""}
${c=>"filled"===c.variant?`\n\t\t\t\tbackground-color: ${c.buttonColor.base};\n\t\t\t\tcolor: white;\n\n\t\t\t\t:hover {\n\t\t\t\t\tbackground-color: ${c.buttonColor.hover};\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\n\t\t\t\t:clicked {\n\t\t\t\t\tbackground-color: ${c.buttonColor.clicked};\n\t\t\t\t\tborder: 1px solid white;\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\t\t\t`:"secondary"===c.variant?`\n\t\t\t\tbackground-color: inherit;\n\t\t\t\tborder: 1px solid ${c.buttonColor.base};\n\t\t\t\tcolor: ${c.buttonColor.base};\n\n\t\t\t\t:hover {\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tbackground-color: ${c.buttonColor.hover};\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\n\t\t\t\t:clicked {\n\t\t\t\t\tbackground-color: ${c.buttonColor.clicked};\n\t\t\t\t\tborder: 1px solid white;\n\t\t\t\t\tcolor: white;\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\t\t\t`:"text"===c.variant?`\n\t\t\t\tbackground-color: inherit;\n\t\t\t\tcolor: ${c.buttonColor.base};\n\n\t\t\t\t:hover {\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tbackground-color: ${c.buttonColor.hover}};\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\n\t\t\t\t:clicked {\n\t\t\t\t\tbackground-color: ${c.buttonColor.clicked};\n\t\t\t\t\tborder: 1px solid white;\n\t\t\t\t\tcolor: white;\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\t\t\t`:""}
`,A=c=>({grey:{base:c.colors.grey.base,hover:c.colors.grey[300],clicked:c.colors.grey[700]},primary:{base:c.colors.primary.base,hover:c.colors.secondary[300],clicked:c.colors.secondary[700]},contrast:{base:c.colors.contrast.base,hover:c.colors.contrast[300],clicked:c.colors.contrast[700]}}),S={colors:{primary:{base:"#7b66ff",100:"#f0efff",200:"#c9c4ff",300:"#a297ff",400:"#7b66ff",500:"#5524ff",600:"#3500b7",700:"#190064"},secondary:{base:"#3d1fff",100:"#ebebff",200:"#c1beff",300:"#9691ff",400:"#6c61ff",500:"#3d1fff",600:"#2100b2",700:"#0c005d"},tertiary:{base:"#b9adff",100:"#e0dbff",200:"#b9adff",300:"#947dff",400:"#7246ff",500:"#5100dc",600:"#2f0088",700:"#130044"},quaternary:{base:"#00e6b5",100:"#baffe6",200:"#00e6b5",300:"#00ba92",400:"#009071",500:"#006951",600:"#004333",700:"#002118"},grey:{base:"#7e7e85",100:"#f1f1f1",200:"#cacacd",300:"#a3a3a8",400:"#7e7e85",500:"#5b5b63",600:"#3a3a40",700:"#1b1b1f"},contrast:{base:"#FFDA4F",300:"#FFE47B",700:"#A6891A"},error:{base:"#eb5757"}},breakPoints:{mobile:"768px",tablet:"890px",laptop:"992px",desktop:"1200px"},br:{base:"8px",round:"16px"}},L=c=>{var{children:t,icon:l,variant:a="filled",onlyIcon:n=!1,size:o="default",color:r="primary",isLoading:i,onClick:s}=c,p=f(c,["children","icon","variant","onlyIcon","size","color","isLoading","onClick"]);const d=h();return e.createElement(O,Object.assign({buttonColor:A(d)[r],variant:a,onClick:s,size:o},p),i?e.createElement(e.Fragment,null,e.createElement(j,{color:"filled"===a?"white":S.colors.primary.base})):e.createElement(e.Fragment,null,l&&e.createElement("div",null,l),!n&&e.createElement("div",null,t)))},$={primary:"primary",contrast:"contrast",grey:"grey"},F={filled:"filled",secondary:"secondary",text:"text"},P={fullWidth:"fullWidth",large:"large",default:"default",small:"small",inherit:"inherit"},z=({children:c,theme:t})=>e.createElement(y,{theme:null!=t?t:S},c);var B={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},R=e.createContext&&e.createContext(B),I=["attr","size","title"];function H(c,e){if(null==c)return{};var t,l,a=function(c,e){if(null==c)return{};var t,l,a={},n=Object.keys(c);for(l=0;l<n.length;l++)t=n[l],e.indexOf(t)>=0||(a[t]=c[t]);return a}(c,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(c);for(l=0;l<n.length;l++)t=n[l],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(c,t)&&(a[t]=c[t])}return a}function T(){return T=Object.assign?Object.assign.bind():function(c){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(c[l]=t[l])}return c},T.apply(this,arguments)}function q(c,e){var t=Object.keys(c);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(c);e&&(l=l.filter((function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),t.push.apply(t,l)}return t}function _(c){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?q(Object(t),!0).forEach((function(e){N(c,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(t,e))}))}return c}function N(c,e,t){return(e=function(c){var e=function(c,e){if("object"!=typeof c||null===c)return c;var t=c[Symbol.toPrimitive];if(void 0!==t){var l=t.call(c,e||"default");if("object"!=typeof l)return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(c)}(c,"string");return"symbol"==typeof e?e:String(e)}(e))in c?Object.defineProperty(c,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):c[e]=t,c}function D(c){return c&&c.map(((c,t)=>e.createElement(c.tag,_({key:t},c.attr),D(c.child))))}function V(c){return t=>e.createElement(W,T({attr:_({},c.attr)},t),D(c.child))}function W(c){var t=t=>{var l,{attr:a,size:n,title:o}=c,r=H(c,I),i=n||t.size||"1em";return t.className&&(l=t.className),c.className&&(l=(l?l+" ":"")+c.className),e.createElement("svg",T({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,a,r,{className:l,style:_(_({color:c.color||t.color},t.style),c.style),height:i,width:i,xmlns:"http://www.w3.org/2000/svg"}),o&&e.createElement("title",null,o),c.children)};return void 0!==R?e.createElement(R.Consumer,null,(c=>t(c))):t(B)}function Q(c){return V({tag:"svg",attr:{viewBox:"0 0 15 15",fill:"none"},child:[{tag:"path",attr:{fillRule:"evenodd",clipRule:"evenodd",d:"M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",fill:"currentColor"},child:[]}]})(c)}const K=u("div")`
display: flex;
flex-direction: column;
gap: 8px;
`,U=u("div")`
width: ${c=>{switch(c.variant){case"fullwidth":return"100%";case"large":return"230px";case"default":return"190px";case"small":return"150px";default:return"230px"}}};
${c=>"large"===c.variant?"min-height: 30px;":""}
padding-right: 12px;
border: 2px solid ${c=>c.theme.colors.grey[600]};
border-radius: 8px;
background-color: ${c=>"white"===c.baseColor?"white":c.theme.colors.grey[100]};
display: flex;
align-items: center;
${c=>c.errorText?`\n border: 2px solid ${c.theme.colors.error.base};\n `:""}
:focus-within {
transition: 0.1s;
border: 2px solid ${c=>c.theme.colors.primary[300]};
}
`,G=u("input")`
width: 100%;
height: 100%;
border: none;
background-color: none;
border-radius: 14px;
padding: 12px;
::placeholder {
color: ${c=>c.theme.colors.grey[400]};
}
:active,
:hover,
:focus {
outline: 0;
outline-offset: 0;
}
`,J={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body1:"body1",body2:"body2"},X={error:"error",primary:"primary",secondary:"secondary",base:"base",description:"description",inherit:"inherit"},Y={[X.base]:S.colors.grey[700],[X.error]:S.colors.error.base,[X.primary]:S.colors.primary[600],[X.secondary]:S.colors.secondary[600],[X.description]:S.colors.grey[300],[X.inherit]:"inherit"},cc=u("div")`
width: fit-content;
color: ${c=>c.textColor};
text-align: ${c=>c.textAlign};
display: flex;
flex-wrap: wrap;
& > h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
}
& > h1 {
font-size: clamp(2.5rem, 1.875rem + 2vw, 3rem);
font-weight: 600;
font-family: 'Raleway Semibold', sans-serif;
}
& > h2 {
font-size: clamp(2.0625rem, 1.5156rem + 1.75vw, 2.5rem);
font-weight: 600;
font-family: 'Raleway Semibold', sans-serif;
}
& > h3 {
font-size: clamp(1.75rem, 1.3594rem + 1.25vw, 2.0625rem);
font-weight: 600;
font-family: 'Raleway Semibold', sans-serif;
}
& > h4 {
font-size: clamp(1.4375rem, 1.0469rem + 1.25vw, 1.75rem);
font-weight: 600;
font-family: 'Raleway Semibold', sans-serif;
}
& > h5 {
font-size: clamp(1.1875rem, 0.875rem + 1vw, 1.4375rem);
font-weight: 600;
font-family: 'Raleway Semibold', sans-serif;
}
& > h6 {
font-size: clamp(1rem, 0.7656rem + 0.75vw, 1.1875rem);
font-weight: 600;
font-family: 'Raleway Semibold', sans-serif;
}
& > p {
${c=>"body1"===c.variant?`\n\t\t\t\t\tfont-size: clamp(0.8125rem, 0.5781rem + 0.75vw, 1rem);\n font-weight: ${c.bold?"600":"300"}};\n\t\t\t\t\tfont-family: ${c.bold?"Raleway Semibold":"Raleway Regular"}, sans-serif;\n `:"body2"===c.variant?`\n\t\t\t\t\tfont-size: clamp(0.625rem, 0.3906rem + 0.75vw, 0.8125rem);\n font-weight: ${c.bold?"600":"300"}};\n\t\t\t\t\tfont-family: ${c.bold?"Raleway Semibold":"Raleway Regular"}, sans-serif;\n `:void 0}
}
`,ec=({variant:c="body1",color:t="base",textAlign:l="start",bold:a=!1,children:n})=>{const o="body1"!==c&&"body2"!==c?c:"p",r=Y[t];return e.createElement(cc,{textAlign:l,variant:c,textColor:r,bold:a},e.createElement(o,null,n))},tc=e.forwardRef(((c,a)=>{var{variant:n="large",errorText:o,rightIcon:r,disableClearIcon:i=!1,baseColor:s="white",name:p="input",label:d="",onChange:h}=c,y=f(c,["variant","errorText","rightIcon","disableClearIcon","baseColor","name","label","onChange"]);const[u,b]=t(),m=l((()=>{b(""),h&&h("")}),[]),g=l((c=>{b(c.target.value),h&&h(c.target.value)}),[]);return e.createElement(K,null,e.createElement("label",{htmlFor:p},e.createElement(ec,{variant:"body2",bold:!0},d)),e.createElement(U,{variant:n,errorText:o,baseColor:s},e.createElement(G,Object.assign({ref:a,name:p,value:u,onChange:g},y)),Boolean(r)&&e.createElement(e.Fragment,null,r),e.createElement(Q,{style:{cursor:"pointer",display:u&&!i?"block":"none"},onClick:m})),Boolean(o)&&e.createElement(ec,{variant:"body1",color:"error"},o))})),lc=u("div")`
width: fit-content;
display: flex;
gap: 12px;
text-align: center;
align-items: center;
& > input[type='checkbox'] {
-webkit-appearance: none;
appearance: none;
margin: 0 !important;
width: 1.6em;
height: 1.6em;
border-radius: 0.15em;
border: 1px solid #adb5bd;
outline: none;
cursor: pointer;
}
& > input[type='checkbox']:disabled {
border-color: #c0c0c0;
background-color: #c0c0c0;
}
& > input[type='checkbox']:hover:not(:disabled) {
border-color: ${c=>c.theme.colors.primary[400]};
}
& > input[type='checkbox']:active:not(:disabled) {
border-color: ${c=>c.theme.colors.primary[200]};
background-color: ${c=>c.theme.colors.primary[200]};
}
& > input[type='checkbox']:focus:not(:disabled) {
box-shadow: 0 0 0 0.2rem rgba(201, 196, 255, 1);
}
& > input[type='checkbox']:focus:not(:checked) {
border: 1px solid #adb5bd;
box-shadow: none;
}
& > input[type='checkbox']:checked {
position: relative;
border-color: ${c=>c.theme.colors.primary[400]};
background-color: ${c=>c.theme.colors.primary[400]};
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
`,ac=({title:c,value:t,checked:l,disabled:a,onSelect:n})=>e.createElement(lc,null,e.createElement("input",{type:"checkbox",name:String(t),checked:l,disabled:a,onChange:()=>{n(t)}}),e.createElement("label",{htmlFor:String(t)},e.createElement(ec,{variant:"body1"},c))),nc=u("div")`
display: flex;
width: fit-content;
gap: 8px;
padding: 5px 10px;
border-radius: 8px;
cursor: pointer;
${c=>"filled"===c.variant?`\n\t\t\t\tbackground-color: ${c.badgeColor.base};\n\t\t\t\tcolor: white;\n\n\t\t\t\t:hover {\n\t\t\t\t\tbackground-color: ${c.badgeColor.hover};\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\t\t\t`:"outlined"===c.variant?`\n\t\t\t\tbackground-color: inherit;\n\t\t\t\tborder: 1px solid ${c.badgeColor.base};\n\t\t\t\tcolor: ${c.badgeColor.base};\n\n\t\t\t\t:hover {\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tbackground-color: ${c.badgeColor.hover};\n\t\t\t\t\ttransition: .2s;\n\t\t\t\t}\n\t\t\t`:""}
`,oc=c=>({grey:{base:c.colors.grey.base,hover:c.colors.grey[300]},primary:{base:c.colors.primary.base,hover:c.colors.secondary[300]},contrast:{base:c.colors.contrast.base,hover:c.colors.contrast[300]}}),rc=({rightIcon:c,onClick:t,leftIcon:l,variant:a="filled",color:n="primary",text:o})=>{const r=h();return e.createElement(nc,{variant:a,onClick:t,badgeColor:oc(r)[n]},l,e.createElement(ec,{variant:"body1",color:"inherit"},o),c)},ic={filled:"filled",outlined:"outlined"},sc={primary:"primary",contrast:"contrast",grey:"grey"},pc=({children:c,portalId:e="main"})=>{var t;const l=null!==(t=document.getElementById(e))&&void 0!==t?t:document.body;return b.createPortal(c,l)};function dc(c,e,t){return e in c?Object.defineProperty(c,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):c[e]=t,c}var hc={click:"onClick",focusin:"onFocus",focusout:"onFocus",mousedown:"onMouseDown",mouseup:"onMouseUp",touchstart:"onTouchStart",touchend:"onTouchEnd"},yc=function(c){var t,l=c.children,r=c.onClickAway,i=c.focusEvent,s=void 0===i?"focusin":i,p=c.mouseEvent,d=void 0===p?"click":p,h=c.touchEvent,y=void 0===h?"touchend":h,u=a(null),b=a(null),f=a(!1);n((function(){return setTimeout((function(){f.current=!0}),0),function(){f.current=!1}}),[]);var m=function(c){return function(e){b.current=e.target;var t=null==l?void 0:l.props[c];t&&t(e)}};n((function(){var c,e,t=null!==(c=null===(e=u.current)||void 0===e?void 0:e.ownerDocument)&&void 0!==c?c:document,l=function(c){f.current&&(u.current&&u.current.contains(c.target)||b.current===c.target||!t.contains(c.target)||r(c))};return t.addEventListener(d,l),t.addEventListener(y,l),t.addEventListener(s,l),function(){t.removeEventListener(d,l),t.removeEventListener(y,l),t.removeEventListener(s,l)}}),[s,d,r,y]);var g=hc[d],x=hc[y],k=hc[s];return e.Children.only(o(l,(dc(t={ref:function(c){u.current=c;var e=l.ref;"function"==typeof e?e(c):e&&(e.current=c)}},k,m(k)),dc(t,g,m(g)),dc(t,x,m(x)),t)))};yc.displayName="ClickAwayListener";const uc=u("div")`
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
`,bc=u("div")`
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-color: black;
z-index: 1;
opacity: 80%;
`,fc=u("div")`
width: 500px;
background-color: white;
display: flex;
flex-direction: column;
padding: 12px;
border-radius: 12px;
opacity: 100% !important;
z-index: 1000;
`,mc=({isOpen:c,onClose:t,children:l})=>c?e.createElement(pc,null,e.createElement(uc,null,e.createElement(bc,null),e.createElement(yc,{onClickAway:t},e.createElement(fc,null,l)))):e.createElement(e.Fragment,null);function gc(){return gc=Object.assign||function(c){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(c[l]=t[l])}return c},gc.apply(this,arguments)}var xc=["childs","children"];function kc(){var c=function(c){var e=c.children,t=c.showChildren,l=c.restProps;return t?"function"==typeof e&&l?e(l):r(i,null,e):null};return c.Renderer=function(e){var t=e.childs,l=e.children,a=function(c,e){if(null==c)return{};var t,l,a={},n=Object.keys(c);for(l=0;l<n.length;l++)t=n[l],e.indexOf(t)>=0||(a[t]=c[t]);return a}(e,xc),n=s.toArray(t).find((function(e){return p(e)&&e.type===c}));return n&&p(n)?o(n,{showChildren:!0,restProps:gc({},a,{defaultChildren:l})}):r(i,null,l)},c}const vc=kc(),wc=kc(),Mc=kc(),Zc=u("div")`
width: 100%;
display: flex;
flex-direction: row;
margin-bottom: 4px;
`,Ec=u("div")`
display: flex;
flex-direction: column;
gap: 4px;
flex-grow: 1;
`,Cc=({title:c,description:t,children:l,onClose:a})=>e.createElement(vc.Renderer,{childs:l},e.createElement(Zc,null,e.createElement(Ec,null,e.createElement(ec,{variant:"h3"},c),e.createElement(ec,{variant:"body1",color:"description"},t)),e.createElement(L,{onlyIcon:!0,variant:"text",size:"inherit",icon:e.createElement(Q,null),onClick:a}))),jc=u("div")`
width: 100%;
display: flex;
flex-direction: column;
& > * {
width: 100%;
}
`,Oc=({actions:c,children:t})=>e.createElement(Mc.Renderer,{childs:t},e.createElement(jc,null,c.map((c=>e.createElement(L,Object.assign({},c)))))),Ac=u("div")`
width: 100%;
overflow: auto;
flex-grow: 1;
`,Sc=({children:c})=>e.createElement(wc.Renderer,{childs:c},e.createElement(Ac,null,c)),Lc=Object.assign((({isOpen:c,onClose:t,children:l})=>e.createElement(mc,{isOpen:c,onClose:t},l)),{Header:Cc,Content:Sc,Footer:Oc});var $c={},Fc={},Pc={},zc={};Object.defineProperty(zc,"__esModule",{value:!0}),zc.default=function(c){return c.replace(/[A-Z]/g,(function(c){return"-"+c.toLowerCase()})).toLowerCase()};var Bc={};Object.defineProperty(Bc,"__esModule",{value:!0});var Rc=zc;Bc.default=function(c){return"string"==typeof c?c:Object.entries(c).map((function(c){var e=c[0],t=c[1],l=Rc.default(e),a=t;return"boolean"==typeof a?a?l:"not "+l:("number"==typeof a&&/[height|width]$/.test(l)&&(a+="px"),"("+l+": "+a+")")})).join(" and ")};var Ic={};Object.defineProperty(Ic,"__esModule",{value:!0}),Ic.default=function(){},function(c){Object.defineProperty(c,"__esModule",{value:!0}),c.noop=c.queryObjectToString=c.camelToHyphen=void 0;var e=zc;Object.defineProperty(c,"camelToHyphen",{enumerable:!0,get:function(){return e.default}});var t=Bc;Object.defineProperty(c,"queryObjectToString",{enumerable:!0,get:function(){return t.default}});var l=Ic;Object.defineProperty(c,"noop",{enumerable:!0,get:function(){return l.default}})}(Pc),function(c){Object.defineProperty(c,"__esModule",{value:!0}),c.useMediaLayout=c.useMedia=c.mockMediaQueryList=void 0;var t=e,l=Pc;c.mockMediaQueryList={media:"",matches:!1,onchange:l.noop,addListener:l.noop,removeListener:l.noop,addEventListener:l.noop,removeEventListener:l.noop,dispatchEvent:function(c){return!0}};var a=function(e){return function(a,n){void 0===n&&(n=!1);var o=t.useState(n),r=o[0],i=o[1],s=l.queryObjectToString(a);return e((function(){var e=!0,t="undefined"==typeof window?c.mockMediaQueryList:window.matchMedia(s),l=function(){e&&i(Boolean(t.matches))};return t.addListener(l),i(t.matches),function(){e=!1,t.removeListener(l)}}),[s]),r}};c.useMedia=a(t.useEffect),c.useMediaLayout=a(t.useLayoutEffect),c.default=c.useMedia}(Fc),function(c){Object.defineProperty(c,"__esModule",{value:!0}),c.useMediaLayout=c.useMedia=c.default=void 0;var e=Fc;Object.defineProperty(c,"default",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(c,"useMedia",{enumerable:!0,get:function(){return e.useMedia}}),Object.defineProperty(c,"useMediaLayout",{enumerable:!0,get:function(){return e.useMediaLayout}})}($c);const Hc=u("div")`
height: fit-content;
padding: 12px;
display: flex;
gap: 8px;
background-color: transparent;
color: ${c=>c.theme.colors.grey[700]};
cursor: pointer;
border-bottom: 3px solid transparent;
@media screen and (max-width: ${c=>c.theme.breakPoints.mobile}) {
width: fit-content;
justify-content: center;
}
${c=>c.selected?`\n\t\t\t\t\n\t\t\t\tborder-color: ${c.theme.colors.primary.base};\n color: ${c.theme.colors.primary.base};\n\t\t\t\tfont-weight: 600;\n `:""}
`,Tc=e.memo((({icon:c,text:t,link:l,selected:a=!1,onSelect:n})=>{const o=$c.useMedia({maxWidth:S.breakPoints.mobile});return e.createElement(Hc,{selected:a,onClick:()=>n(l)},c,!o&&e.createElement(ec,{variant:"body1",color:"inherit",bold:!0},t))})),qc=u("div")`
//padding: 12px;
margin: 0;
`,_c=({children:c})=>e.createElement(qc,null,c),Nc=u("div")`
width: 100%;
height: fit-content;
display: flex;
flex-direction: row;
align-items: center;
position: sticky;
top: 0;
-webkit-box-shadow: 0px 10px 13px -1px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 10px 13px -1px rgba(34, 60, 80, 0.2);
box-shadow: 0px 10px 13px -1px rgba(34, 60, 80, 0.2);
padding: 12px 12px;
//border-radius: 12px;
align-self: center;
border-radius: 12px;
z-index: 10000;
gap: 24px;
//margin: 10px;
background-color: white;
`,Dc=u("div")`
height: fit-content;
cursor: pointer;
@media screen and (max-width: ${c=>c.theme.breakPoints.mobile}) {
width: fit-content;
}
`,Vc=u("div")`
height: fit-content;
flex-grow: 1;
display: flex;
flex-direction: row;
justify-content: ${c=>c.optionsPosition};
gap: 5px;
`,Wc=({logo:c,options:t,onSelectOption:l,optionsPosition:a="center",footer:n})=>e.createElement(Nc,null,e.createElement(Dc,null,c),e.createElement(Vc,{optionsPosition:a},t.map((c=>e.createElement(Tc,Object.assign({},c,{onSelect:l}))))),Boolean(n)&&e.createElement(_c,null,n)),Qc=u("div")`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 12px;
background-color: rgba(241, 241, 241, 0.4);
`,Kc=({children:c,gridTemplage:t,className:l})=>e.createElement(Qc,{className:l,gridTemplate:t},c),Uc=u("div")`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow: auto;
`,Gc=kc();function Jc(c){return V({tag:"svg",attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"},child:[]}]})(c)}const Xc=u("div")`
width: 100%;
//padding: 12px 12px 12px 0px;
display: flex;
justify-content: space-between;
align-items: center;
`,Yc=u("div")`
width: fit-content;
gap: 12px;
display: flex;
flex-direction: row;
`,ce=u("li")`
padding: 24px;
/* /padding: 0; */
margin: 0;
display: flex;
cursor: pointer;
gap: 8px;
:hover {
background-color: ${c=>c.theme.colors.grey[100]};
}
`,ee=({title:c,description:t,icon:l,onSelect:a})=>e.createElement(ce,{onClick:a},Boolean(l)&&e.createElement(e.Fragment,null,l),e.createElement("div",null,e.createElement(ec,{variant:"body1"},c),e.createElement(ec,{variant:"body2",color:"description"},t))),te=u("div")`
//background-color: ${c=>c.theme.colors.grey[100]};
width: ${c=>c.fitContent?"fit-content":"100%"};
position: relative;
padding: 5px;
`,le=u("div")`
height: fit-content;
//padding: 20px;
cursor: pointer;
border-radius: 12px;
//border: 2px solid ${c=>c.theme.colors.grey[200]};
:hover {
background-color: ${c=>c.theme.colors.grey[200]};
transition: 0.2s ease-in-out;
}
`,ae=u("ul")`
min-width: 100%;
position: absolute;
display: flex;
top: 110%;
right: 0;
list-style: none;
flex-direction: column;
background-color: white;
-webkit-box-shadow: 0px 30px 60px -20px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 30px 60px -20px rgba(0, 0, 0, 0.3);
box-shadow: 0px 30px 60px -20px rgba(0, 0, 0, 0.3);
border-radius: 12px;
padding: 0;
gap: 8px;
margin-bottom: 5px;
> :last-child {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
> :first-child {
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
`,ne=c=>{const[e,l]=t(null!=c&&c);return{flag:e,toggle:()=>{l((c=>!c))},toggleOff:()=>{l(!1)},toggleOn:()=>{l(!0)}}};function oe(c){return c&&"object"==typeof c&&!Array.isArray(c)}function re(c,...e){if(!e.length)return c;const t=e.shift();if(oe(c)&&oe(t))for(const e in t)oe(t[e])?(c[e]||Object.assign(c,{[e]:{}}),re(c[e],t[e])):Object.assign(c,{[e]:t[e]});return re(c,...e)}function ie(){window.location.reload()}const se=({children:c,options:t,fitContent:l})=>{const{flag:a,toggleOff:n,toggle:o}=ne(!1);return e.createElement(yc,{onClickAway:n},e.createElement(te,{fitContent:l},e.createElement(le,{onClick:o},c),a&&e.createElement(ae,null,null==t?void 0:t.map(((c,t)=>e.createElement(ee,Object.assign({key:`${c.title}${t}`},c)))))))},pe=u("div")`
width: 100%;
flex-grow: 1;
`,de=Object.assign((({children:c})=>e.createElement(Uc,null,c)),{Header:({title:c,menuButtonColors:t="primary",children:l,actions:a})=>{const n=$c.useMedia({maxWidth:S.breakPoints.mobile}),o=d((()=>null==a?void 0:a.map((c=>({title:c.children,icon:c.icon,onSelect:c.onClick})))),[]);return e.createElement(Gc.Renderer,{childs:l},e.createElement(Xc,null,"string"==typeof c?e.createElement(ec,{variant:"h3"},c):e.createElement(e.Fragment,null,c),e.createElement(Yc,null,n&&(null==o?void 0:o.length)?e.createElement(se,{options:null!=o?o:[]},e.createElement(L,{onlyIcon:!0,color:t,variant:"text",size:"inherit",icon:e.createElement(Jc,{color:"inherit"})})):e.createElement(e.Fragment,null,null==a?void 0:a.map(((c,t)=>e.createElement(L,Object.assign({key:t},c))))))))},Content:({children:c})=>e.createElement(pe,null,c)});function he(c){return V({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{fill:"none",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"32",d:"m400 148-21.12-24.57A191.43 191.43 0 0 0 240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 0 0 181.07-128"},child:[]},{tag:"path",attr:{d:"M464 97.42V208a16 16 0 0 1-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z"},child:[]}]})(c)}const ye=kc(),ue=kc(),be=kc(),fe=u("div")`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
`,me=kc(),ge=({children:c,title:t,description:l,image:a,action:n})=>e.createElement(fe,null,e.createElement(me.Renderer,{childs:c},a&&("string"==typeof a?e.createElement("img",{width:"100%",src:a,alt:"Error"}):e.createElement(e.Fragment,null,a))),e.createElement(ec,{variant:"h3"},t),e.createElement(ec,{variant:"body1",color:"description"},l),n&&e.createElement(L,Object.assign({},n)));function xe(c){return V({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"},child:[]}]})(c)}const ke=u("div")`
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
`,ve=u("div")`
width: 30px;
height: 30px;
padding: 2px;
border-radius: 30px;
background-color: ${c=>c.theme.colors.primary.base};
display: flex;
justify-content: center;
align-items: center;
`,we=()=>e.createElement(ke,null,e.createElement(ve,null,e.createElement(xe,{color:"white"})),e.createElement(ec,{variant:"body1"},"Ничего не нашлось"));const Me=({width:c="100%",height:t="450px"})=>e.createElement(e.Fragment,null,e.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3e%3cg id='freepik--background-simple--inject-92'%3e%3cpath d='M467.6%2c251.91c-4.93%2c41.8-24%2c90.41-62.14%2c112.73-57.59%2c33.75-52.77%2c85.64-165.19%2c108.2a231.26%2c231.26%2c0%2c0%2c1-49.84%2c4.71%2c194.66%2c194.66%2c0%2c0%2c1-24.47-2C94.51%2c465.12%2c46.43%2c415.46%2c28.79%2c355.5%2c5.58%2c276.66%2c51.93%2c225%2c82.65%2c193.94s53.23-128%2c163.57-151A223.75%2c223.75%2c0%2c0%2c1%2c297.45%2c38c39.26%2c1%2c82.08%2c13.86%2c111.71%2c40.76q3.33%2c3%2c6.5%2c6.28C456.84%2c127.33%2c474.34%2c194.92%2c467.6%2c251.91Z' style='fill:%237B66FF'%3e%3c/path%3e%3cpath d='M467.6%2c251.91c-4.93%2c41.8-24%2c90.41-62.14%2c112.73-57.59%2c33.75-52.77%2c85.64-165.19%2c108.2a231.26%2c231.26%2c0%2c0%2c1-49.84%2c4.71%2c194.66%2c194.66%2c0%2c0%2c1-24.47-2C94.51%2c465.12%2c46.43%2c415.46%2c28.79%2c355.5%2c5.58%2c276.66%2c51.93%2c225%2c82.65%2c193.94s53.23-128%2c163.57-151A223.75%2c223.75%2c0%2c0%2c1%2c297.45%2c38c39.26%2c1%2c82.08%2c13.86%2c111.71%2c40.76q3.33%2c3%2c6.5%2c6.28C456.84%2c127.33%2c474.34%2c194.92%2c467.6%2c251.91Z' style='fill:white%3bopacity:0.7000000000000001'%3e%3c/path%3e%3c/g%3e%3cg id='freepik--Plant--inject-92'%3e%3cpath d='M22.26%2c265.78C25.37%2c267.14%2c33%2c267%2c33%2c267s-1.64-5-1.78-5.28C29.53%2c258.2%2c24.25%2c252.44%2c20%2c253a5.13%2c5.13%2c0%2c0%2c0-4.12%2c6.42C16.56%2c262.42%2c19.61%2c264.63%2c22.26%2c265.78Z' style='fill:%23263238'%3e%3c/path%3e%3cpath d='M24.88%2c287.81c3.23.47%2c10-1.5%2c10.55-1.65a91.77%2c91.77%2c0%2c0%2c0%2c4.12%2c11.39c.93%2c2.16%2c1.94%2c4.31%2c3%2c6.45-.62-.91-1.18-1.72-1.27-1.82-2.53-2.93-9.14-7.09-13.13-5.4a5.12%2c5.12%2c0%2c0%2c0-2.27%2c7.29c1.47%2c2.68%2c5%2c4%2c7.86%2c4.42s8.72-1.14%2c10.25-1.57c.41.81.81%2c1.63%2c1.22%2c2.45%2c2%2c3.91%2c3.94%2c7.81%2c5.76%2c11.69.65%2c1.37%2c1.23%2c2.74%2c1.82%2c4.11-.55-.81-1-1.48-1.11-1.58-2.53-2.92-9.14-7.09-13.13-5.39a5.13%2c5.13%2c0%2c0%2c0-2.27%2c7.28c1.47%2c2.68%2c5%2c4%2c7.86%2c4.42s8.15-1%2c10-1.49c.56%2c1.42%2c1.13%2c2.84%2c1.6%2c4.24.31%2c1%2c.67%2c1.87.92%2c2.86s.54%2c1.93.81%2c2.88c.44%2c1.85.91%2c3.76%2c1.3%2c5.57.28%2c1.27.52%2c2.47.77%2c3.69-.62-1.37-1.9-4-2-4.23-2.05-3.28-8-8.4-12.16-7.33A5.14%2c5.14%2c0%2c0%2c0%2c42%2c343c1%2c2.87%2c4.34%2c4.72%2c7.1%2c5.56%2c3.05.93%2c9.78.08%2c10.62%2c0%2c.41%2c2%2c.78%2c4%2c1.1%2c5.83.73%2c4.1%2c1.27%2c7.77%2c1.68%2c10.88h2.84c-.49-3.22-1.14-7.05-2-11.35-.41-2-.88-4.22-1.38-6.46a55.55%2c55.55%2c0%2c0%2c0%2c5.93-2.78c2.21%2c2.4%2c7.9%2c5.21%2c8.63%2c5.57-.77%2c1.9-1.54%2c3.74-2.3%2c5.47-1.57%2c3.61-3.06%2c6.82-4.38%2c9.55h3.07c1.13-2.52%2c2.38-5.38%2c3.68-8.55.79-1.93%2c1.6-4%2c2.41-6.15.82.17%2c7.48%2c1.53%2c10.59.83%2c2.82-.64%2c6.24-2.23%2c7.5-5a5.14%2c5.14%2c0%2c0%2c0-2.83-7.09c-4.11-1.38-10.38%2c3.29-12.68%2c6.4-.13.18-1.38%2c2.34-2.14%2c3.71.32-.87.65-1.72%2c1-2.62.65-1.79%2c1.25-3.59%2c1.91-5.53.28-.95.57-1.9.85-2.87s.51-2%2c.78-3c.56-2.34%2c1-4.75%2c1.41-7.18%2c1.56.57%2c7.15%2c2.52%2c10%2c2.31s6.5-1.26%2c8.17-3.82a5.14%2c5.14%2c0%2c0%2c0-1.73-7.44c-3.85-2-10.75%2c1.68-13.49%2c4.41-.17.17-1.92%2c2.35-2.86%2c3.56.23-1.46.47-2.92.65-4.41.54-4.29.94-8.66%2c1.37-13%2c.13-1.34.27-2.66.41-4%2c.56.21%2c7.15%2c2.66%2c10.39%2c2.44%2c2.89-.21%2c6.5-1.27%2c8.17-3.83a5.12%2c5.12%2c0%2c0%2c0-1.72-7.43c-3.85-2-10.76%2c1.67-13.5%2c4.4-.2.21-2.71%2c3.35-3.31%2c4.18.31-2.93.64-5.84%2c1.09-8.7a89.63%2c89.63%2c0%2c0%2c1%2c2.5-11.45c.25.1%2c7.12%2c2.7%2c10.45%2c2.46%2c2.88-.2%2c6.5-1.26%2c8.16-3.82a5.13%2c5.13%2c0%2c0%2c0-1.72-7.44c-3.85-2-10.75%2c1.68-13.5%2c4.41-.21.21-2.91%2c3.59-3.36%2c4.24.07-.22.11-.45.18-.67a66.15%2c66.15%2c0%2c0%2c1%2c4.53-10.82c1-1.93%2c2-3.72%2c3.1-5.44%2c1.23.62%2c6.88%2c3.36%2c9.89%2c3.48s6.6-.54%2c8.54-2.9a5.13%2c5.13%2c0%2c0%2c0-.89-7.58c-3.62-2.4-10.88.49-13.9%2c2.9-.17.13-1.69%2c1.65-2.79%2c2.77.49-.77%2c1-1.57%2c1.47-2.3%2c1.81-2.73%2c3.64-5.11%2c5.27-7.22.94-1.18%2c1.82-2.24%2c2.65-3.22%2c1.52%2c0%2c7.65-.21%2c10.33-1.47s5.61-3.52%2c6.24-6.51a5.13%2c5.13%2c0%2c0%2c0-4.29-6.31c-4.31-.47-9.43%2c5.44-11%2c9-.14.31-1.71%2c5.33-1.64%2c5.33h.1c-.82.92-1.68%2c1.92-2.6%2c3-1.69%2c2.07-3.57%2c4.42-5.45%2c7.12a90.82%2c90.82%2c0%2c0%2c0-5.65%2c9%2c67.42%2c67.42%2c0%2c0%2c0-4.83%2c10.87%2c1%2c1%2c0%2c0%2c1%2c0%2c.14c0-1.27%2c0-4.82-.07-5.1-.49-3.83-3.71-10.95-8-11.74a5.12%2c5.12%2c0%2c0%2c0-5.91%2c4.82c-.25%2c3%2c2%2c6.1%2c4.11%2c8%2c2.43%2c2.18%2c9.18%2c4.28%2c9.72%2c4.44a89.87%2c89.87%2c0%2c0%2c0-2.85%2c11.77c-.42%2c2.32-.76%2c4.67-1.08%2c7%2c0-1.1%2c0-2.08%2c0-2.22-.5-3.84-3.72-11-8-11.74a5.12%2c5.12%2c0%2c0%2c0-5.91%2c4.82c-.25%2c3%2c2%2c6.1%2c4.11%2c8s7.91%2c3.86%2c9.43%2c4.35c-.12.9-.24%2c1.81-.35%2c2.71-.52%2c4.35-1%2c8.69-1.64%2c12.94-.21%2c1.49-.48%2c3-.75%2c4.42%2c0-1%2c0-1.79%2c0-1.92-.5-3.83-3.71-11-8-11.74a5.13%2c5.13%2c0%2c0%2c0-5.92%2c4.82c-.25%2c3.05%2c2%2c6.1%2c4.12%2c8s7.35%2c3.68%2c9.15%2c4.26c-.32%2c1.49-.63%2c3-1%2c4.42-.27%2c1-.47%2c1.93-.81%2c2.9s-.61%2c1.9-.91%2c2.84c-.66%2c1.79-1.32%2c3.64-2%2c5.37-.47%2c1.21-.93%2c2.35-1.39%2c3.5.23-1.49.63-4.41.63-4.65A19.89%2c19.89%2c0%2c0%2c0%2c74.76%2c335a6.07%2c6.07%2c0%2c0%2c0-.07-1.13%2c5.12%2c5.12%2c0%2c0%2c0-6.27-4.35c-4.18%2c1.11-6.84%2c8.46-7%2c12.33%2c0%2c.22.14%2c2.71.26%2c4.28-.21-.91-.41-1.8-.63-2.73-.44-1.86-.94-3.69-1.46-5.67-.28-.94-.57-1.9-.87-2.86s-.67-2-1-2.93c-.83-2.26-1.77-4.52-2.78-6.77%2c1.62-.39%2c7.35-1.85%2c9.66-3.62s4.72-4.63%2c4.7-7.69a5.12%2c5.12%2c0%2c0%2c0-5.54-5.25c-4.31.47-8%2c7.33-8.83%2c11.12%2c0%2c.23-.3%2c3-.41%2c4.55-.62-1.35-1.22-2.7-1.89-4-1.93-3.88-4-7.74-6-11.61-.63-1.18-1.24-2.37-1.86-3.55.58-.14%2c7.43-1.73%2c10-3.71%2c2.3-1.75%2c4.73-4.63%2c4.71-7.69a5.13%2c5.13%2c0%2c0%2c0-5.54-5.25c-4.31.47-8%2c7.33-8.83%2c11.12-.06.28-.42%2c4.29-.46%2c5.31-1.36-2.61-2.69-5.23-3.89-7.86a90.22%2c90.22%2c0%2c0%2c1-4.23-10.92c.27-.06%2c7.43-1.69%2c10.07-3.72%2c2.3-1.76%2c4.73-4.63%2c4.71-7.69a5.13%2c5.13%2c0%2c0%2c0-5.54-5.25c-4.31.47-8%2c7.33-8.83%2c11.12-.06.3-.45%2c4.6-.46%2c5.39-.07-.22-.16-.44-.22-.65A66%2c66%2c0%2c0%2c1%2c34%2c273.79c-.24-2.16-.35-4.23-.41-6.24%2c1.36-.17%2c7.59-1%2c10.17-2.56s5.21-4.09%2c5.52-7.13A5.13%2c5.13%2c0%2c0%2c0%2c44.33%2c252c-4.33%2c0-8.8%2c6.4-10%2c10.08-.07.2-.5%2c2.31-.8%2c3.85%2c0-.91%2c0-1.85%2c0-2.72%2c0-3.28.22-6.28.42-8.93.13-1.51.28-2.88.43-4.15%2c1.25-.86%2c6.26-4.4%2c7.8-6.93s2.74-6%2c1.61-8.87a5.13%2c5.13%2c0%2c0%2c0-7-2.9c-3.85%2c2-4.87%2c9.74-4.23%2c13.56.06.32%2c1.51%2c5.38%2c1.58%2c5.34l.07-.05c-.17%2c1.22-.33%2c2.53-.49%2c4-.26%2c2.66-.54%2c5.66-.61%2c9a89.84%2c89.84%2c0%2c0%2c0%2c.25%2c10.62%2c67.16%2c67.16%2c0%2c0%2c0%2c2%2c11.73l0%2c.13c-.68-1.07-2.69-4-2.87-4.21-2.53-2.92-9.14-7.09-13.13-5.39A5.13%2c5.13%2c0%2c0%2c0%2c17%2c283.39C18.5%2c286.07%2c22%2c287.4%2c24.88%2c287.81Z' style='fill:%23263238'%3e%3c/path%3e%3cpath d='M99.18%2c267.46c.07%2c0%2c1.38-5.06%2c1.43-5.39.53-3.83-.69-11.55-4.59-13.43a5.13%2c5.13%2c0%2c0%2c0-7%2c3.09c-1%2c2.87.28%2c6.4%2c1.85%2c8.82C92.74%2c263.4%2c99.18%2c267.45%2c99.18%2c267.46Z' style='fill:%23263238'%3e%3c/path%3e%3cpolygon points='89.33 406.3 47.76 406.3 42.57 360.14 94.53 360.14 89.33 406.3' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/polygon%3e%3cpolygon points='43.52 368.6 44.02 373.07 93.07 373.07 93.58 368.6 43.52 368.6' style='fill:%23263238'%3e%3c/polygon%3e%3cpolygon points='91.97 382.91 92.47 378.44 44.63 378.44 45.13 382.91 91.97 382.91' style='fill:%23263238'%3e%3c/polygon%3e%3c/g%3e%3cg id='freepik--Tools--inject-92'%3e%3cpath d='M78.8%2c131%2c114.93%2c94.9a18.45%2c18.45%2c0%2c0%2c0%2c25.61-20.83L126.16%2c88.44a1.1%2c1.1%2c0%2c0%2c1-1.56%2c0L112.14%2c76a1.1%2c1.1%2c0%2c0%2c1%2c0-1.56l14.38-14.37a18.45%2c18.45%2c0%2c0%2c0-20.83%2c25.61L69.56%2c121.78A18.45%2c18.45%2c0%2c0%2c0%2c44%2c142.61l14.38-14.37a1.09%2c1.09%2c0%2c0%2c1%2c1.55%2c0L72.35%2c140.7a1.1%2c1.1%2c0%2c0%2c1%2c0%2c1.56L58%2c156.63A18.44%2c18.44%2c0%2c0%2c0%2c78.8%2c131Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M150.57%2c50.28l-11-3.61-8.63%2c7.72%2c2.38%2c11.34%2c11%2c3.6L153%2c61.61Zm-7.68%2c12.21-4.36-1.43-.94-4.49%2c3.42-3%2c4.35%2c1.42.94%2c4.49Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M397.78%2c294.38l-36.13%2c36.13A18.45%2c18.45%2c0%2c0%2c0%2c336%2c351.34L350.42%2c337a1.1%2c1.1%2c0%2c0%2c1%2c1.56%2c0l12.46%2c12.47a1.09%2c1.09%2c0%2c0%2c1%2c0%2c1.55l-14.38%2c14.38a18.45%2c18.45%2c0%2c0%2c0%2c20.83-25.61L407%2c303.62a18.45%2c18.45%2c0%2c0%2c0%2c25.61-20.83l-14.38%2c14.38a1.1%2c1.1%2c0%2c0%2c1-1.56%2c0l-12.46-12.46a1.1%2c1.1%2c0%2c0%2c1%2c0-1.56l14.38-14.38a18.45%2c18.45%2c0%2c0%2c0-20.83%2c25.61Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M326%2c375.13l11%2c3.61%2c8.62-7.73-2.37-11.33-11-3.61-8.63%2c7.73Zm7.68-12.21%2c4.36%2c1.43.94%2c4.48-3.42%2c3.06-4.35-1.43-.94-4.48Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M378.25%2c131%2c414.38%2c94.9A18.45%2c18.45%2c0%2c0%2c0%2c440%2c74.07L425.61%2c88.44a1.09%2c1.09%2c0%2c0%2c1-1.55%2c0L411.59%2c76a1.1%2c1.1%2c0%2c0%2c1%2c0-1.56L426%2c60.05a18.45%2c18.45%2c0%2c0%2c0-20.83%2c25.61L369%2c121.78a18.45%2c18.45%2c0%2c0%2c0-25.61%2c20.83l14.38-14.37a1.1%2c1.1%2c0%2c0%2c1%2c1.56%2c0L371.8%2c140.7a1.1%2c1.1%2c0%2c0%2c1%2c0%2c1.56l-14.38%2c14.37A18.44%2c18.44%2c0%2c0%2c0%2c378.25%2c131Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M450%2c50.28l-11-3.61-8.62%2c7.72%2c2.37%2c11.34%2c11%2c3.6%2c8.62-7.72Zm-7.68%2c12.21L438%2c61.06%2c437%2c56.57l3.42-3%2c4.35%2c1.42.94%2c4.49Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M469.88%2c133.68l-11-3.6-8.63%2c7.72%2c2.38%2c11.33%2c11%2c3.61%2c8.63-7.73Zm-7.68%2c12.21-4.36-1.42L456.9%2c140l3.42-3.06%2c4.35%2c1.43.94%2c4.49Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M219.67%2c82.6l-11-3.61-8.62%2c7.73%2c2.37%2c11.33%2c11%2c3.61%2c8.62-7.73ZM212%2c94.81l-4.36-1.43-.94-4.48%2c3.42-3.06%2c4.35%2c1.43.94%2c4.48Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M199.82%2c342.75l-11-3.61-8.62%2c7.72%2c2.38%2c11.33%2c11%2c3.61%2c8.62-7.72ZM192.13%2c355l-4.35-1.43-.94-4.49%2c3.41-3.06%2c4.35%2c1.43%2c1%2c4.49Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M60.15%2c202.41l-11-3.6-8.62%2c7.72%2c2.37%2c11.33%2c11%2c3.61%2c8.62-7.73Zm-7.69%2c12.21-4.35-1.42-1-4.49%2c3.42-3.06%2c4.35%2c1.43%2c1%2c4.49Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M138.63%2c352.69l36.12-36.13a18.44%2c18.44%2c0%2c0%2c0%2c25.61-20.83L186%2c310.11a1.1%2c1.1%2c0%2c0%2c1-1.56%2c0L172%2c297.65a1.1%2c1.1%2c0%2c0%2c1%2c0-1.56l14.37-14.38a18.45%2c18.45%2c0%2c0%2c0-20.83%2c25.61l-36.12%2c36.13a18.45%2c18.45%2c0%2c0%2c0-25.61%2c20.83l14.37-14.38a1.1%2c1.1%2c0%2c0%2c1%2c1.56%2c0l12.46%2c12.46a1.1%2c1.1%2c0%2c0%2c1%2c0%2c1.56L117.8%2c378.3a18.45%2c18.45%2c0%2c0%2c0%2c20.83-25.61Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3cpath d='M210.4%2c271.94l-11-3.61-8.63%2c7.73%2c2.38%2c11.33%2c11%2c3.61%2c8.63-7.73Zm-7.68%2c12.21-4.36-1.43-.94-4.48%2c3.41-3.06%2c4.36%2c1.43.94%2c4.48Z' style='fill:none%3bstroke:black%3bstroke-linecap:round%3bstroke-linejoin:round%3bopacity:0.30000000000000004'%3e%3c/path%3e%3c/g%3e%3cg id='freepik--Device--inject-92'%3e%3crect x='232' y='295.89' width='27.63' height='111.46' style='fill:%23263238%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/rect%3e%3crect x='78.51' y='112.03' width='348.66' height='211.48' style='fill:%23263238%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/rect%3e%3crect x='71.49' y='112.03' width='348.66' height='211.48' style='fill:%237B66FF%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/rect%3e%3crect x='84.05' y='119.65' width='323.53' height='196.24' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/rect%3e%3crect x='84.05' y='304.07' width='323.53' height='11.82' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/rect%3e%3cpolygon points='247.33 394.84 144.9 401.46 144.9 408.13 346.74 408.13 346.74 401.46 247.33 394.84' style='fill:%23263238%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/polygon%3e%3crect x='84.05' y='119.65' width='323.53' height='196.24' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/rect%3e%3c/g%3e%3cg id='freepik--Floor--inject-92'%3e%3cline x1='462.87' y1='406.3' x2='21.94' y2='406.3' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3cline x1='485.77' y1='406.3' x2='473.9' y2='406.3' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3c/g%3e%3cg id='freepik--Character--inject-92'%3e%3cpath d='M398.33%2c282.83s1.66%2c59%2c2.5%2c69.27%2c3.34%2c37.3%2c3.9%2c42.31-.56%2c19.21-.56%2c19.21L402.78%2c415l1.11%2c7s-8.91%2c5.57-13.36%2c7.24%2c1.11%2c3.89%2c5%2c4.45A26.61%2c26.61%2c0%2c0%2c0%2c407%2c433.1c4.46-1.11%2c10-3.06%2c12-3.34S422%2c427%2c422%2c423.92s-.28-3.34%2c0-4.74-1.4-7.23-1.68-8.62%2c3.9-32.85%2c3.07-42.87-1.12-23.66-1.12-25.05-.55-15.87-.55-15.87%2c4.73%2c32%2c5.29%2c33.13%2c9.74%2c47.59%2c10%2c49.82-.84%2c4.73-.56%2c6.4%2c1.67%2c6.68%2c1.67%2c6.68-.84%2c7.52-3.34%2c10.86-3.06%2c6.12-1.67%2c7.24%2c4.45%2c1.11%2c8.07.28%2c3.62-.28%2c7-3.07%2c4.45-10.85%2c4.45-11.69%2c1.4-3.62%2c1.4-6.68%2c0-1.67-1.12-6.12-.83-21.71-1.11-31.73-3.62-30.07-3.62-34-1.67-62.08-1.67-62.08S419.77%2c294%2c398.33%2c282.83Z' style='fill:%23263238%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cpath d='M410.73%2c424.35a11.4%2c11.4%2c0%2c0%2c1-6.84-2.38s-8.91%2c5.57-13.36%2c7.24%2c1.11%2c3.89%2c5%2c4.45A26.61%2c26.61%2c0%2c0%2c0%2c407%2c433.1c4.46-1.11%2c10-3.06%2c12-3.34S422%2c427%2c422%2c423.92c0-1.29-.05-2.08-.09-2.67C418.82%2c422.55%2c413.69%2c424.48%2c410.73%2c424.35Z' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cpath d='M417.8%2c426.57c-5.05.4-10.85%2c6.53-18.59%2c5.66a31.78%2c31.78%2c0%2c0%2c1-9.81-2.45c-2.09%2c1.57%2c2.68%2c3.39%2c6.14%2c3.88A26.61%2c26.61%2c0%2c0%2c0%2c407%2c433.1c4.46-1.11%2c10-3.06%2c12-3.34%2c1.41-.2%2c2.38-1.58%2c2.81-3.48C420.82%2c426.34%2c419.56%2c426.43%2c417.8%2c426.57Z' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cpath d='M446.89%2c426.37a12.2%2c12.2%2c0%2c0%2c1-8.76-3.57s-.84%2c7.52-3.34%2c10.86-3.06%2c6.12-1.67%2c7.24%2c4.45%2c1.11%2c8.07.28%2c3.62-.28%2c7-3.07%2c4.45-10.85%2c4.45-11.69a5.16%2c5.16%2c0%2c0%2c1%2c.31-1.24A14.9%2c14.9%2c0%2c0%2c1%2c446.89%2c426.37Z' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cpath d='M448.15%2c438.11c1.48-1.23%2c2.53-3.51%2c3.23-5.74l0%2c.06A15.54%2c15.54%2c0%2c0%2c1%2c441%2c439.5a13.35%2c13.35%2c0%2c0%2c1-8.65-.55%2c2.25%2c2.25%2c0%2c0%2c0%2c.74%2c1.95c1.39%2c1.11%2c4.45%2c1.11%2c8.07.28S444.81%2c440.9%2c448.15%2c438.11Z' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cpath d='M397.69%2c281.06s-.8%2c3.88.81%2c5.82%2c8.08%2c6.14%2c23.44%2c6.31S443.77%2c290%2c446%2c288.5s1.29-7.92%2c1.29-7.92a68.85%2c68.85%2c0%2c0%2c1-22.95%2c5.33C412.08%2c286.4%2c397.69%2c281.06%2c397.69%2c281.06Z' style='fill:%237B66FF%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cpath d='M411%2c210.14l-14.11-7.34s-17.27-15.12-25.76-20.73-15.69-3.74-16.27%2c3.17%2c28.64%2c29.79%2c34%2c34.11%2c6.48%2c6.48%2c6.48%2c6.48.72%2c38.57%2c1%2c44.76%2c0%2c10.36%2c2%2c12.24%2c11.37%2c7.62%2c24.47%2c6.9%2c19-2%2c21.45-4%2c3.88-3.74%2c3.88-7.19S451.87%2c229%2c451.87%2c229s25.91-17.7%2c32.53-23.6%2c7.06-14.25%2c2.74-15.12-15.26%2c4.47-19.58%2c7.2-18.13%2c7.05-22.88%2c8.35-9.5%2c2.73-9.5%2c2.73S423.23%2c211.86%2c411%2c210.14Z' style='fill:%237B66FF%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cline x1='395.31' y1='225.83' x2='390.93' y2='209.98' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3cline x1='393.43' y1='220.15' x2='386.78' y2='205.82' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3cline x1='451.87' y1='228.99' x2='455.53' y2='215.38' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3cline x1='453.04' y1='225.56' x2='458.03' y2='216.62' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3cline x1='376.81' y1='190.87' x2='367.67' y2='195.85' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3cline x1='469.04' y1='202.71' x2='473.4' y2='206.24' style='fill:none%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/line%3e%3cpath d='M411.72%2c227l-3.6%2c23.25a.94.94%2c0%2c0%2c0%2c.79%2c1.07h0a.93.93%2c0%2c0%2c0%2c1.07-.79L413.3%2c228Z' style='fill:white%3bstroke:%23263238%3bstroke-linecap:round%3bstroke-linejoin:round'%3e%3c/path%3e%3cpath d='M425.68%2c227.84l-1.91%2c22.81a1.06%2c1.06%2c0%2c0%2c0%2c1.12