\r\n
\r\n )\r\n}\r\n\r\nexport default Error404\r\n","// extracted by mini-css-extract-plugin\nexport default {\"message\":\"Message_message__4sDCh\",\"imageAndText\":\"Message_imageAndText__QhScV\",\"text\":\"Message_text__Y8B7v\",\"name\":\"Message_name__G1uw8\",\"messageText\":\"Message_messageText__2TtTe\",\"time\":\"Message_time__DYI0h\"};","import React from 'react'\r\nimport s from './Message.module.css'\r\n\r\n// нужно создать правильный тип вместо any\r\nexport type MessagePropsType = any\r\n\r\n// нужно отобразить приходящие данные\r\nconst Message = (props: MessagePropsType) => {\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Message\r\n","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","// extracted by mini-css-extract-plugin\nexport default {\"sendForm\":\"MessageSender_sendForm__g0A8G\",\"textarea\":\"MessageSender_textarea__O1KTS\",\"button\":\"MessageSender_button__IRBbS\"};","import React, {useEffect, useRef, useState} from 'react'\r\nimport { message0 } from '../HW1'\r\nimport s from './MessageSender.module.css'\r\n\r\n// компонента, которая тестирует вашу компоненту (не изменять, any не трогать)\r\nconst MessageSender = (props: any) => {\r\n const M = props.M\r\n const textareaRef = useRef\r\n
\r\n \r\n
\r\n \r\n {/*создаёт студент*/}\r\n {props.message.user.name}\r\n {/**/}\r\n
\r\n \r\n {/*создаёт студент*/}\r\n {props.message.message.text}\r\n {/**/}\r\n \r\n \r\n {/*создаёт студент*/}\r\n {props.message.message.time}\r\n {/**/}\r\n
\r\n \r\n \r\n {/*текст кнопки могут изменить студенты*/}\r\n Send\r\n {/**/}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default MessageSender\r\n","// extracted by mini-css-extract-plugin\nexport default {\"friendMessage\":\"FriendMessage_friendMessage__pd5B0\",\"friendImageAndText\":\"FriendMessage_friendImageAndText__mr65g\",\"friendText\":\"FriendMessage_friendText__x5BMh\",\"friendName\":\"FriendMessage_friendName__KerUG\",\"friendMessageText\":\"FriendMessage_friendMessageText__T-9I8\",\"friendTime\":\"FriendMessage_friendTime__2aMqb\"};","import React from 'react'\r\nimport s from './FriendMessage.module.css'\r\n\r\n// создать тип вместо any и отобразить приходящие данные\r\nconst FriendMessage = (props: any) => {\r\n return (\r\n \r\n \r\n {/*создаёт студент*/}\r\n {props.message.message.text}\r\n {/**/}\r\n \r\n
\r\n \r\n \r\n \r\n {/*создаёт студент*/}\r\n {props.message.user.name}\r\n {/**/}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW1\r\n","// extracted by mini-css-extract-plugin\nexport default {\"affair\":\"Affair_affair__UtsZG\",\"name\":\"Affair_name__2JWte\",\"closeButton\":\"Affair_closeButton__m3sow\"};","// extracted by mini-css-extract-plugin\nexport default {\"buttonContainer\":\"Affairs_buttonContainer__N5++7\",\"all\":\"Affairs_all__fBrNp\",\"low\":\"Affairs_low__W+3Eu\",\"high\":\"Affairs_high__xFWON\",\"middle\":\"Affairs_middle__aMB68\",\"button\":\"Affairs_button__qHe7M\",\"active\":\"Affairs_active__bzNhB\",\"affairs\":\"Affairs_affairs__SKx05\"};","import React from 'react'\r\nimport { AffairType } from '../../HW2'\r\nimport s from './Affair.module.css'\r\nimport s2 from '../Affairs.module.css'\r\n\r\ntype AffairPropsType = {\r\n // key не нужно типизировать\r\n affair: AffairType\r\n deleteAffairCallback: any // need to fix any\r\n}\r\n\r\nfunction Affair(props: AffairPropsType) {\r\n const deleteCallback = () => {\r\n props.deleteAffairCallback(props.affair._id)\r\n } // need to fix // создаёт студент\r\n\r\n const nameClass = s.name + ' ' + s2[props.affair.priority]\r\n const buttonClass = s.closeButton + ' ' + s2[props.affair.priority]\r\n const affairClass = s.affair + ' ' + s2[props.affair.priority]\r\n\r\n return (\r\n Homework #1
\r\n \r\n {/*проверка отображения (не менять)*/}\r\n
\r\n \r\n
\r\n\r\n {/*для автоматической проверки дз (не менять)*/}\r\n \r\n {/*создаёт студент*/}\r\n {props.affair.name}\r\n {/**/}\r\n
\r\n \r\n {/*создаёт студент*/}\r\n {props.affair.priority}\r\n {/**/}\r\n
\r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Affairs\r\n","import React, {useState} from 'react'\r\nimport Affairs from './affairs/Affairs'\r\nimport s2 from '../../s1-main/App.module.css'\r\n\r\n/*\r\n* 1 - описать типы AffairPriorityType, AffairType\r\n* 2 - указать нужный тип для defaultAffairs\r\n* 3 - дописать типы и логику функции filterAffairs и проверить её тестами\r\n* 4 - выполнить пункт 3 для функции deleteAffair\r\n* 5 - указать нужный тип в useState с affairs\r\n* 6 - дописать тип и логику функции deleteAffairCallback\r\n* 7 - в файле Affairs.tsx дописать типизацию пропсов\r\n* 8 - в файле Affairs.tsx дописать логику функций setAll, setHigh, setMiddle, setLow\r\n* 9 - в файле Affair.tsx дописать типизацию пропсов\r\n* 10 - в файле Affair.tsx дописать функции deleteCallback и использовать\r\n* 11 - в файле Affair.tsx отобразить приходящие данные\r\n* */\r\n\r\n// types\r\nexport type AffairPriorityType = any // need to fix any\r\nexport type AffairType = {\r\n _id: any // need to fix any\r\n name: any // need to fix any\r\n priority: AffairPriorityType\r\n}\r\nexport type FilterType = 'all' | AffairPriorityType\r\n\r\n// constants\r\nconst defaultAffairs: any = [ // need to fix any\r\n {_id: 1, name: 'React', priority: 'high'}, // студенты могут изменить содержимое name и количество элементов в массиве, ...priority не менять!\r\n {_id: 2, name: 'anime', priority: 'low'},\r\n {_id: 3, name: 'games', priority: 'low'},\r\n {_id: 4, name: 'work', priority: 'high'},\r\n {_id: 5, name: 'html & css', priority: 'middle'},\r\n]\r\n\r\n// pure helper functions\r\nexport const filterAffairs = (affairs: any, filter: any): any => { // need to fix any\r\n if (filter !== 'all') return affairs.filter((a: AffairType) => a.priority === filter)\r\n\r\n return affairs // need to fix\r\n}\r\nexport const deleteAffair = (affairs: any, _id: any): any => { // need to fix any\r\n\r\n return affairs.filter((a: AffairType) => a._id !== _id) // need to fix\r\n}\r\n\r\nfunction HW2() {\r\n const [affairs, setAffairs] = useState\r\n \r\n All\r\n \r\n \r\n High\r\n \r\n \r\n Middle\r\n \r\n \r\n Low\r\n \r\n
\r\n {mappedAffairs}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW2\r\n","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n // find the complete implementation of crypto (msCrypto) on IE11.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr) {\n var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import rng from './rng.js';\nimport stringify from './stringify.js'; // **`v1()` - Generate time-based UUID**\n//\n// Inspired by https://github.com/LiosK/UUID.js\n// and http://docs.python.org/library/uuid.html\n\nvar _nodeId;\n\nvar _clockseq; // Previous uuid creation time\n\n\nvar _lastMSecs = 0;\nvar _lastNSecs = 0; // See https://github.com/uuidjs/uuid for API details\n\nfunction v1(options, buf, offset) {\n var i = buf && offset || 0;\n var b = buf || new Array(16);\n options = options || {};\n var node = options.node || _nodeId;\n var clockseq = options.clockseq !== undefined ? options.clockseq : _clockseq; // node and clockseq need to be initialized to random values if they're not\n // specified. We do this lazily to minimize issues related to insufficient\n // system entropy. See #189\n\n if (node == null || clockseq == null) {\n var seedBytes = options.random || (options.rng || rng)();\n\n if (node == null) {\n // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)\n node = _nodeId = [seedBytes[0] | 0x01, seedBytes[1], seedBytes[2], seedBytes[3], seedBytes[4], seedBytes[5]];\n }\n\n if (clockseq == null) {\n // Per 4.2.2, randomize (14 bit) clockseq\n clockseq = _clockseq = (seedBytes[6] << 8 | seedBytes[7]) & 0x3fff;\n }\n } // UUID timestamps are 100 nano-second units since the Gregorian epoch,\n // (1582-10-15 00:00). JSNumbers aren't precise enough for this, so\n // time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'\n // (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.\n\n\n var msecs = options.msecs !== undefined ? options.msecs : Date.now(); // Per 4.2.1.2, use count of uuid's generated during the current clock\n // cycle to simulate higher resolution clock\n\n var nsecs = options.nsecs !== undefined ? options.nsecs : _lastNSecs + 1; // Time since last uuid creation (in msecs)\n\n var dt = msecs - _lastMSecs + (nsecs - _lastNSecs) / 10000; // Per 4.2.1.2, Bump clockseq on clock regression\n\n if (dt < 0 && options.clockseq === undefined) {\n clockseq = clockseq + 1 & 0x3fff;\n } // Reset nsecs if clock regresses (new clockseq) or we've moved onto a new\n // time interval\n\n\n if ((dt < 0 || msecs > _lastMSecs) && options.nsecs === undefined) {\n nsecs = 0;\n } // Per 4.2.1.2 Throw error if too many uuids are requested\n\n\n if (nsecs >= 10000) {\n throw new Error(\"uuid.v1(): Can't create more than 10M uuids/sec\");\n }\n\n _lastMSecs = msecs;\n _lastNSecs = nsecs;\n _clockseq = clockseq; // Per 4.1.4 - Convert from unix epoch to Gregorian epoch\n\n msecs += 12219292800000; // `time_low`\n\n var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;\n b[i++] = tl >>> 24 & 0xff;\n b[i++] = tl >>> 16 & 0xff;\n b[i++] = tl >>> 8 & 0xff;\n b[i++] = tl & 0xff; // `time_mid`\n\n var tmh = msecs / 0x100000000 * 10000 & 0xfffffff;\n b[i++] = tmh >>> 8 & 0xff;\n b[i++] = tmh & 0xff; // `time_high_and_version`\n\n b[i++] = tmh >>> 24 & 0xf | 0x10; // include version\n\n b[i++] = tmh >>> 16 & 0xff; // `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)\n\n b[i++] = clockseq >>> 8 | 0x80; // `clock_seq_low`\n\n b[i++] = clockseq & 0xff; // `node`\n\n for (var n = 0; n < 6; ++n) {\n b[i + n] = node[n];\n }\n\n return buf || stringify(b);\n}\n\nexport default v1;","// extracted by mini-css-extract-plugin\nexport default {\"greetingForm\":\"Greeting_greetingForm__sviBQ\",\"inputAndButtonContainer\":\"Greeting_inputAndButtonContainer__Vuzm1\",\"error\":\"Greeting_error__75UzQ\",\"input\":\"Greeting_input__sVnwa\",\"errorInput\":\"Greeting_errorInput__NDFlF\",\"button\":\"Greeting_button__Py+BM\",\"text\":\"Greeting_text__xKBBL\",\"greeting\":\"Greeting_greeting__T7stl\"};","import React, {ChangeEvent, KeyboardEvent} from 'react'\r\nimport s from './Greeting.module.css'\r\n\r\ntype GreetingPropsType = {\r\n name: any // need to fix any\r\n setNameCallback: any // need to fix any\r\n addUser: any // need to fix any\r\n onBlur: any // need to fix any\r\n onEnter: any // need to fix any\r\n error: any // need to fix any\r\n totalUsers: any // need to fix any\r\n lastUserName?: any // need to fix any\r\n}\r\n\r\n// презентационная компонента (для верстальщика)\r\nconst Greeting: React.FCHomework #2
\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Greeting\r\n","import React, { ChangeEvent, KeyboardEvent, useState } from 'react'\r\nimport Greeting from './Greeting'\r\nimport { UserType } from './HW3'\r\n\r\ntype GreetingContainerPropsType = {\r\n users: any // need to fix any\r\n addUserCallback: any // need to fix any\r\n}\r\n\r\nexport const pureAddUser = (name: any, setError: any, setName: any, addUserCallback: any) => {\r\n // если имя пустое - показать ошибку, иначе - добавить юзера и очистить инпут\r\n if (!name.trim()) {\r\n setError('Ошибка! Введите имя!')\r\n } else {\r\n addUserCallback(name)\r\n setName('')\r\n }\r\n}\r\n\r\nexport const pureOnBlur = (name: any, setError: any) => { // если имя пустое - показать ошибку\r\n if (!name.trim()) {\r\n setError('Ошибка! Введите имя!')\r\n }\r\n}\r\n\r\nexport const pureOnEnter = (e: any, addUser: any) => { // если нажата кнопка Enter - добавить\r\n if (e.key === 'Enter') {\r\n addUser()\r\n }\r\n}\r\n\r\n// более простой и понятный для новичков\r\n// function GreetingContainer(props: GreetingPropsType) {\r\n\r\n// более современный и удобный для про :)\r\nconst GreetingContainer: React.FC\r\n {'Людей добавили: '}\r\n \r\n {totalUsers}\r\n \r\n
\r\n\r\n \r\n \r\n add\r\n \r\n
\r\n\r\n {lastUserName && (\r\n \r\n
\r\n\r\n \r\n {error}\r\n
\r\n \r\n Привет {lastUserName}!\r\n
\r\n )}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW3\r\n","// extracted by mini-css-extract-plugin\nexport default {\"stand\":\"Stand_stand__370PF\",\"inputs\":\"Stand_inputs__nS1hu\",\"buttons\":\"Stand_buttons__rbdBV\",\"checkboxes\":\"Stand_checkboxes__Hz+KB\"};","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}","import defineProperty from \"./defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n enumerableOnly && (symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n })), keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nexport default function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = null != arguments[i] ? arguments[i] : {};\n i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n defineProperty(target, key, source[key]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n\n return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","// extracted by mini-css-extract-plugin\nexport default {\"input\":\"SuperInputText_input__AIlkQ\",\"superInput\":\"SuperInputText_superInput__Nbfr4\",\"inputWrapper\":\"SuperInputText_inputWrapper__d0dpP\",\"errorInput\":\"SuperInputText_errorInput__NdANe\",\"error\":\"SuperInputText_error__hMFxA\"};","import React, {\r\n ChangeEvent,\r\n DetailedHTMLProps,\r\n InputHTMLAttributes,\r\n KeyboardEvent,\r\n ReactNode,\r\n} from 'react'\r\nimport s from './SuperInputText.module.css'\r\n\r\n// тип пропсов обычного инпута\r\ntype DefaultInputPropsType = DetailedHTMLPropsHomework #3
\r\n {/*для автоматической проверки дз (не менять)*/}\r\n\r\n \r\n
\r\n \r\n \r\n {error}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default SuperInputText\r\n","// extracted by mini-css-extract-plugin\nexport default {\"label\":\"SuperCheckbox_label__uFJ2A\",\"checkbox\":\"SuperCheckbox_checkbox__P3UIF\",\"spanClassName\":\"SuperCheckbox_spanClassName__bcpHV\"};","import React, {\r\n ChangeEvent,\r\n DetailedHTMLProps,\r\n InputHTMLAttributes,\r\n} from 'react'\r\nimport s from './SuperCheckbox.module.css'\r\n\r\n// тип пропсов обычного инпута\r\ntype DefaultInputPropsType = DetailedHTMLProps\r\n
\r\n )\r\n}\r\n\r\nexport default Stand\r\n","import React from 'react'\r\nimport s2 from '../../s1-main/App.module.css'\r\nimport Stand from './Stand'\r\n\r\n/*\r\n* 1 - понять (и простить) SuperInputText\r\n* 2 - в зависимости от типа и дизэйбла прицепить нужный класс в SuperButton.tsx (строка 21)\r\n* 3 - дописать onChangeCallback в SuperCheckbox.tsx чтоб оба чекбокса работали на стенде\r\n* 4 - сделать стили в соответствии с дизайном\r\n* */\r\n\r\nconst HW4 = () => {\r\n return (\r\n \r\n {/*совместим со старым кодом:*/}\r\n
\r\n\r\n \r\n setValue(e.currentTarget.value)}\r\n />\r\n
\r\n {/*инпут с ошибкой:*/}\r\n \r\n {\r\n setError(\r\n stateForAllInputs.trim()\r\n ? ''\r\n : 'Error'\r\n )\r\n setValue('')\r\n }}\r\n />\r\n
\r\n \r\n {/*обычная кнопка:*/}\r\n
\r\n\r\n \r\n \r\n default\r\n \r\n
\r\n {/*красная кнопка:*/}\r\n \r\n \r\n red\r\n \r\n
\r\n {/*задизэйбленная кнопка:*/}\r\n \r\n \r\n disabled\r\n \r\n
\r\n {/*задизэйбленная кнопка:*/}\r\n \r\n \r\n secondary\r\n \r\n
\r\n \r\n {/*чекбокс с текстом:*/}\r\n
\r\n \r\n \r\n some text\r\n \r\n
\r\n {/*совместим со старым кодом:*/}\r\n \r\n setChecked(e.currentTarget.checked)}\r\n />\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW4\r\n","import React from 'react'\r\nimport HW1 from '../../hw01/HW1'\r\nimport HW2 from '../../hw02/HW2'\r\nimport HW3 from '../../hw03/HW3'\r\nimport HW4 from '../../hw04/HW4'\r\n\r\nfunction PreJunior() {\r\n return (\r\n Homework #4
\r\n {/*демонстрация возможностей компонент:*/}\r\n \r\n
\r\n \r\n {/*pre junior page*/}\r\n
\r\n )\r\n}\r\n\r\nexport default PreJunior\r\n","// extracted by mini-css-extract-plugin\nexport default {\"spanBlock\":\"SuperEditableSpan_spanBlock__iVXfH\",\"span\":\"SuperEditableSpan_span__3MUg3\",\"input\":\"SuperEditableSpan_input__47dAs\",\"pen\":\"SuperEditableSpan_pen__dnYRB\"};","var _path, _path2;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgEditIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 20H5C4.73478 20 4.48043 20.1054 4.29289 20.2929C4.10536 20.4804 4 20.7348 4 21C4 21.2652 4.10536 21.5196 4.29289 21.7071C4.48043 21.8946 4.73478 22 5 22H19C19.2652 22 19.5196 21.8946 19.7071 21.7071C19.8946 21.5196 20 21.2652 20 21C20 20.7348 19.8946 20.4804 19.7071 20.2929C19.5196 20.1054 19.2652 20 19 20Z\",\n fill: \"#0080FF\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.99981 17.9999H5.08981L9.25981 17.6199C9.71661 17.5744 10.1438 17.3731 10.4698 17.0499L19.4698 8.04986C19.8191 7.68083 20.0079 7.18837 19.9948 6.68039C19.9817 6.17242 19.7677 5.69037 19.3998 5.33986L16.6598 2.59986C16.3022 2.26395 15.8336 2.07122 15.3431 2.05831C14.8527 2.0454 14.3746 2.21323 13.9998 2.52986L4.99981 11.5299C4.67657 11.8558 4.47531 12.2831 4.42981 12.7399L3.99981 16.9099C3.98634 17.0563 4.00534 17.204 4.05547 17.3422C4.1056 17.4805 4.18561 17.606 4.28981 17.7099C4.38325 17.8025 4.49406 17.8759 4.6159 17.9256C4.73774 17.9754 4.8682 18.0006 4.99981 17.9999ZM15.2698 3.99986L17.9998 6.72986L15.9998 8.67986L13.3198 5.99986L15.2698 3.99986ZM6.36981 12.9099L11.9998 7.31986L14.6998 10.0199L9.09981 15.6199L6.09981 15.8999L6.36981 12.9099Z\",\n fill: \"#0080FF\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgEditIcon);\nexport default __webpack_public_path__ + \"static/media/editIcon.11c8e1c42f9a4eae81897d68e091eb42.svg\";\nexport { ForwardRef as ReactComponent };","import React, {\r\n DetailedHTMLProps,\r\n InputHTMLAttributes,\r\n HTMLAttributes,\r\n useState,\r\n} from 'react'\r\nimport s from './SuperEditableSpan.module.css'\r\nimport SuperInputText from '../../../hw04/common/c1-SuperInputText/SuperInputText'\r\nimport editIcon from './editIcon.svg'\r\n\r\n// тип пропсов обычного инпута\r\ntype DefaultInputPropsType = DetailedHTMLProps\r\n \r\n {/*если нет захардкодженного текста для спана, то значение инпута*/}\r\n\r\n {children || restProps.value || defaultText}\r\n \r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\nexport default SuperEditableSpan\r\n","// вот вам функция для сохранения объектов в память браузера\r\n// (данные в этом хранилище сохраняться даже при перезагрузке компа):\r\nexport function saveState\r\n
\r\n )\r\n}\r\n\r\nexport default HW6\r\n","// extracted by mini-css-extract-plugin\nexport default {\"select\":\"SuperSelect_select__hJPfr\",\"option\":\"SuperSelect_option__GzFXi\"};","import React, {\r\n SelectHTMLAttributes,\r\n DetailedHTMLProps,\r\n ChangeEvent,\r\n} from 'react'\r\nimport s from './SuperSelect.module.css'\r\n\r\ntype DefaultSelectPropsType = DetailedHTMLProps<\r\n SelectHTMLAttributesHomework #6
\r\n\r\n {/*демонстрация возможностей компонент:*/}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Save to ls\r\n \r\n \r\n Get from ls\r\n \r\n
\r\n {mappedOptions}
\r\n}\r\n\r\nexport default SuperRadio\r\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"HW7_container__nsJ8d\"};","import React, { useState } from 'react'\r\nimport SuperSelect from './common/c5-SuperSelect/SuperSelect'\r\nimport SuperRadio from './common/c6-SuperRadio/SuperRadio'\r\nimport s2 from '../../s1-main/App.module.css'\r\nimport s from './HW7.module.css'\r\n\r\n/*\r\n* 1 - в файле SuperSelect.tsx дописать логику функции onChangeCallback\r\n* 2 - в файле SuperSelect.tsx дописать логику функции onChangeCallback\r\n* 3 - в файле SuperSelect.tsx дописать name, checked, value (узнать для чего в радио name)\r\n* 4 - сделать стили в соответствии с дизайном\r\n* */\r\n\r\nconst arr = [\r\n { id: 1, value: 'x' },\r\n { id: 2, value: 'y' },\r\n { id: 3, value: 'z' },\r\n] // value может быть изменено\r\n\r\nconst HW7 = () => {\r\n const [value, onChangeOption] = useState(1) // селект и радио должны работать синхронно\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW7\r\n","import {UserType} from '../HW8'\r\n\r\ntype ActionType =\r\n | { type: 'sort'; payload: 'up' | 'down' }\r\n | { type: 'check'; payload: number }\r\n\r\nexport const homeWorkReducer = (state: any, action: any): any => { // need to fix any\r\n switch (action.type) {\r\n // делают студенты\r\n case 'sort': { // by name\r\n const newState = [...state].sort((a, b) => {\r\n if (a.name > b.name) return 1\r\n else if (a.name < b.name) return -1\r\n else return 0\r\n })\r\n\r\n return action.payload === 'up' ? newState : newState.reverse()\r\n }\r\n case 'check': {\r\n return state.filter((a: any) => a.age >= action.payload)\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n","// extracted by mini-css-extract-plugin\nexport default {\"item\":\"HW8_item__Ol-5Q\",\"users\":\"HW8_users__UTaab\",\"buttonsContainer\":\"HW8_buttonsContainer__RwDpP\",\"container\":\"HW8_container__DJL7Z\",\"thead\":\"HW8_thead__sec+m\",\"nameCol\":\"HW8_nameCol__+Z76n\",\"ageCol\":\"HW8_ageCol__g3Sik\"};","import React from 'react'\r\nimport { UserType } from './HW8'\r\nimport s from './HW8.module.css'\r\n\r\n// types\r\ntype UserPropsType = {\r\n u: UserType\r\n}\r\n\r\nconst User: React.FCHomework #7
\r\n\r\n {/*демонстрация возможностей компонент:*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW8\r\n","// extracted by mini-css-extract-plugin\nexport default {\"buttonsContainer\":\"Clock_buttonsContainer__zvup2\",\"clock\":\"Clock_clock__+YKGi\",\"watch\":\"Clock_watch__g8f6f\",\"more\":\"Clock_more__sehHp\"};","import React, {useState} from 'react'\r\nimport SuperButton from '../hw04/common/c2-SuperButton/SuperButton'\r\nimport {restoreState} from '../hw06/localStorage/localStorage'\r\nimport s from './Clock.module.css'\r\n\r\nfunction Clock() {\r\n const [timerId, setTimerId] = useStateHomework #8
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Sort up\r\n \r\n \r\n Sort down\r\n \r\n \r\n Check 18+\r\n \r\n
\r\n\r\n | Name | \r\nAge | \r\n
// часы24:минуты:секунды (01:02:03)/(23:02:03)/(24:00:00)/(00:00:01) // пишут студенты\r\n const stringDate = date.toLocaleDateString('ru-Ru') ||
// день.месяц.год (01.02.2022) // пишут студенты, варианты 01.02.0123/01.02.-123/01.02.12345 не рассматриваем\r\n\r\n // день недели на английском, месяц на английском (https://learn.javascript.ru/intl#intl-datetimeformat)\r\n const stringDay = new Intl.DateTimeFormat('en-US', {weekday: 'long'}).format(date) ||
// пишут студенты\r\n const stringMonth = new Intl.DateTimeFormat('en-US', {month: 'long'}).format(date) ||
// пишут студенты\r\n\r\n return (\r\n
\r\n \r\n {stringDay},{' '}\r\n \r\n {stringTime}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {show ? (\r\n <>\r\n {stringMonth},{' '}\r\n {stringDate}\r\n \r\n ) : (\r\n <>\r\n
\r\n \r\n )}\r\n
\r\n \r\n \r\n )}\r\n
\r\n \r\n start\r\n \r\n \r\n stop\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Clock\r\n","import React from 'react'\r\nimport Clock from './Clock'\r\nimport s2 from '../../s1-main/App.module.css'\r\n\r\n/*\r\n* 1 - в файле Clock.tsx дописать функции stop, start, onMouseEnter, onMouseLeave\r\n* 2 - в файле Clock.tsx из переменной date вычислить значения stringTime, stringDate, stringDay, stringMonth\r\n* 3 - в файле Clock.tsx дизэйблить кнопки стоп / старт если таймер не запущен / запущен соответственно\r\n* 4 - сделать стили в соответствии с дизайном\r\n* */\r\n\r\nconst HW9 = () => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW9\r\n","import React from 'react'\r\nimport HW6 from '../../hw06/HW6'\r\nimport HW7 from '../../hw07/HW7'\r\nimport HW8 from '../../hw08/HW8'\r\nimport HW9 from '../../hw09/HW9'\r\n\r\nfunction Junior() {\r\n return (\r\n Homework #9
\r\n\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Junior\r\n","// Default to a dummy \"batch\" implementation that just runs the callback\nfunction defaultNoopBatch(callback) {\n callback();\n}\n\nlet batch = defaultNoopBatch; // Allow injecting another batching function later\n\nexport const setBatch = newBatch => batch = newBatch; // Supply a getter just to skip dealing with ESM bindings\n\nexport const getBatch = () => batch;","import React from 'react';\nexport const ReactReduxContext = /*#__PURE__*/React.createContext(null);\n\nif (process.env.NODE_ENV !== 'production') {\n ReactReduxContext.displayName = 'ReactRedux';\n}\n\nexport default ReactReduxContext;","import { useContext } from 'react';\nimport { ReactReduxContext } from '../components/Context';\n\n/**\r\n * A hook to access the value of the `ReactReduxContext`. This is a low-level\r\n * hook that you should usually not need to call directly.\r\n *\r\n * @returns {any} the value of the `ReactReduxContext`\r\n *\r\n * @example\r\n *\r\n * import React from 'react'\r\n * import { useReduxContext } from 'react-redux'\r\n *\r\n * export const CounterComponent = () => {\r\n * const { store } = useReduxContext()\r\n * return {store.getState()}
\r\n * }\r\n */\nexport function useReduxContext() {\n const contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {counter}
\r\n * }\r\n */\n\nexport const useSelector = /*#__PURE__*/createSelectorHook();","import { getBatch } from './batch'; // encapsulates the subscription logic for connecting a component to the redux store, as\n// well as nesting subscriptions of descendant components, so that we can ensure the\n// ancestor components re-render before descendants\n\nfunction createListenerCollection() {\n const batch = getBatch();\n let first = null;\n let last = null;\n return {\n clear() {\n first = null;\n last = null;\n },\n\n notify() {\n batch(() => {\n let listener = first;\n\n while (listener) {\n listener.callback();\n listener = listener.next;\n }\n });\n },\n\n get() {\n let listeners = [];\n let listener = first;\n\n while (listener) {\n listeners.push(listener);\n listener = listener.next;\n }\n\n return listeners;\n },\n\n subscribe(callback) {\n let isSubscribed = true;\n let listener = last = {\n callback,\n next: null,\n prev: last\n };\n\n if (listener.prev) {\n listener.prev.next = listener;\n } else {\n first = listener;\n }\n\n return function unsubscribe() {\n if (!isSubscribed || first === null) return;\n isSubscribed = false;\n\n if (listener.next) {\n listener.next.prev = listener.prev;\n } else {\n last = listener.prev;\n }\n\n if (listener.prev) {\n listener.prev.next = listener.next;\n } else {\n first = listener.next;\n }\n };\n }\n\n };\n}\n\nconst nullListeners = {\n notify() {},\n\n get: () => []\n};\nexport function createSubscription(store, parentSub) {\n let unsubscribe;\n let listeners = nullListeners;\n\n function addNestedSub(listener) {\n trySubscribe();\n return listeners.subscribe(listener);\n }\n\n function notifyNestedSubs() {\n listeners.notify();\n }\n\n function handleChangeWrapper() {\n if (subscription.onStateChange) {\n subscription.onStateChange();\n }\n }\n\n function isSubscribed() {\n return Boolean(unsubscribe);\n }\n\n function trySubscribe() {\n if (!unsubscribe) {\n unsubscribe = parentSub ? parentSub.addNestedSub(handleChangeWrapper) : store.subscribe(handleChangeWrapper);\n listeners = createListenerCollection();\n }\n }\n\n function tryUnsubscribe() {\n if (unsubscribe) {\n unsubscribe();\n unsubscribe = undefined;\n listeners.clear();\n listeners = nullListeners;\n }\n }\n\n const subscription = {\n addNestedSub,\n notifyNestedSubs,\n handleChangeWrapper,\n isSubscribed,\n trySubscribe,\n tryUnsubscribe,\n getListeners: () => listeners\n };\n return subscription;\n}","import { useEffect, useLayoutEffect } from 'react'; // React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser. We need useLayoutEffect to ensure the store\n// subscription callback always has the selector from the latest render commit\n// available, otherwise a store update may happen between render and the effect,\n// which may cause missed updates; we also must ensure the store subscription\n// is created synchronously, otherwise a store update may occur before the\n// subscription is created and an inconsistent state may be observed\n// Matches logic in React's `shared/ExecutionEnvironment` file\n\nexport const canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');\nexport const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;","import React, { useMemo } from 'react';\nimport { ReactReduxContext } from './Context';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\n\nfunction Provider({\n store,\n context,\n children,\n serverState\n}) {\n const contextValue = useMemo(() => {\n const subscription = createSubscription(store);\n return {\n store,\n subscription,\n getServerState: serverState ? () => serverState : undefined\n };\n }, [store, serverState]);\n const previousState = useMemo(() => store.getState(), [store]);\n useIsomorphicLayoutEffect(() => {\n const {\n subscription\n } = contextValue;\n subscription.onStateChange = subscription.notifyNestedSubs;\n subscription.trySubscribe();\n\n if (previousState !== store.getState()) {\n subscription.notifyNestedSubs();\n }\n\n return () => {\n subscription.tryUnsubscribe();\n subscription.onStateChange = undefined;\n };\n }, [contextValue, previousState]);\n const Context = context || ReactReduxContext; // @ts-ignore 'AnyAction' is assignable to the constraint of type 'A', but 'A' could be instantiated with a different subtype\n\n return /*#__PURE__*/React.createElement(Context.Provider, {\n value: contextValue\n }, children);\n}\n\nexport default Provider;","import { useContext } from 'react';\nimport { ReactReduxContext } from '../components/Context';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\n/**\r\n * Hook factory, which creates a `useStore` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{store.getState()}
\r\n * }\r\n */\n\nexport const useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport const useDispatch = /*#__PURE__*/createDispatchHook();","// The primary entry point assumes we're working with standard ReactDOM/RN, but\n// older versions that do not include `useSyncExternalStore` (React 16.9 - 17.x).\n// Because of that, the useSyncExternalStore compat shim is needed.\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport { setBatch } from './utils/batch';\nimport { initializeUseSelector } from './hooks/useSelector';\nimport { initializeConnect } from './components/connect';\ninitializeUseSelector(useSyncExternalStoreWithSelector);\ninitializeConnect(useSyncExternalStore); // Enable batched updates in our subscriptions for use\n// with standard React renderers (ReactDOM, React Native)\n\nsetBatch(batch);\nexport { batch };\nexport * from './exports';","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"reactReduxForwardedRef\"];\n\n/* eslint-disable valid-jsdoc, @typescript-eslint/no-unused-vars */\nimport hoistStatics from 'hoist-non-react-statics';\nimport React, { useContext, useMemo, useRef } from 'react';\nimport { isValidElementType, isContextConsumer } from 'react-is';\nimport defaultSelectorFactory from '../connect/selectorFactory';\nimport { mapDispatchToPropsFactory } from '../connect/mapDispatchToProps';\nimport { mapStateToPropsFactory } from '../connect/mapStateToProps';\nimport { mergePropsFactory } from '../connect/mergeProps';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport shallowEqual from '../utils/shallowEqual';\nimport warning from '../utils/warning';\nimport { ReactReduxContext } from './Context';\nimport { notInitialized } from '../utils/useSyncExternalStore';\nlet useSyncExternalStore = notInitialized;\nexport const initializeConnect = fn => {\n useSyncExternalStore = fn;\n}; // Define some constant arrays just to avoid re-creating these\n\nconst EMPTY_ARRAY = [null, 0];\nconst NO_SUBSCRIPTION_ARRAY = [null, null]; // Attempts to stringify whatever not-really-a-component value we were given\n// for logging in an error message\n\nconst stringifyComponent = Comp => {\n try {\n return JSON.stringify(Comp);\n } catch (err) {\n return String(Comp);\n }\n};\n\n// This is \"just\" a `useLayoutEffect`, but with two modifications:\n// - we need to fall back to `useEffect` in SSR to avoid annoying warnings\n// - we extract this to a separate function to avoid closing over values\n// and causing memory leaks\nfunction useIsomorphicLayoutEffectWithArgs(effectFunc, effectArgs, dependencies) {\n useIsomorphicLayoutEffect(() => effectFunc(...effectArgs), dependencies);\n} // Effect callback, extracted: assign the latest props values to refs for later usage\n\n\nfunction captureWrapperProps(lastWrapperProps, lastChildProps, renderIsScheduled, wrapperProps, // actualChildProps: unknown,\nchildPropsFromStoreUpdate, notifyNestedSubs) {\n // We want to capture the wrapper props and child props we used for later comparisons\n lastWrapperProps.current = wrapperProps;\n renderIsScheduled.current = false; // If the render was from a store update, clear out that reference and cascade the subscriber update\n\n if (childPropsFromStoreUpdate.current) {\n childPropsFromStoreUpdate.current = null;\n notifyNestedSubs();\n }\n} // Effect callback, extracted: subscribe to the Redux store or nearest connected ancestor,\n// check for updates after dispatched actions, and trigger re-renders.\n\n\nfunction subscribeUpdates(shouldHandleStateChanges, store, subscription, childPropsSelector, lastWrapperProps, lastChildProps, renderIsScheduled, isMounted, childPropsFromStoreUpdate, notifyNestedSubs, // forceComponentUpdateDispatch: React.Dispatch\r\n","import React from 'react'\r\nimport {useDispatch, useSelector} from 'react-redux'\r\nimport {AppStoreType} from './bll/store'\r\nimport {loadingAC} from './bll/loadingReducer'\r\nimport SuperButton from '../hw04/common/c2-SuperButton/SuperButton'\r\nimport s2 from '../../s1-main/App.module.css'\r\nimport {Loader} from './Loader'\r\n\r\n/*\r\n* 1 - в файле loadingReducer.ts дописать типы и логику\r\n* 2 - получить isLoading из редакса\r\n* 3 - дописать функцию setLoading\r\n* 4 - сделать стили в соответствии с дизайном\r\n* */\r\n\r\nconst HW10 = () => {\r\n // useSelector, useDispatch // пишет студент\r\n const isLoading = useSelector(\r\n (state: any) => state.loading.isLoading\r\n )\r\n const dispatch = useDispatch()\r\n\r\n const setLoading = () => { // пишет студент // показать крутилку на 1,5 секунд\r\n // dispatch\r\n dispatch(loadingAC(true))\r\n\r\n // setTimeout\r\n setTimeout(() => {\r\n dispatch(loadingAC(false))\r\n }, 1500)\r\n }\r\n\r\n return (\r\n = (props) => {\r\n return (\r\n ('hw11-value1', 0))\r\n const [value2, setValue2] = useState(restoreState('hw11-value2', 100))\r\n\r\n const change = (event: any, value: any) => {\r\n // пишет студент // если пришёл массив - сохранить значения в оба useState, иначе в первый\r\n if (Array.isArray(value)) {\r\n setValue1(value[0])\r\n setValue2(value[1])\r\n } else {\r\n setValue1(value)\r\n }\r\n }\r\n\r\n return (\r\n ,\r\n HTMLInputElement>\r\n\r\n// здесь мы говорим что у нашего инпута будут такие же пропсы как у обычного инпута, кроме type\r\n// (чтоб не писать value: string, onChange: ...; они уже все описаны в DefaultInputPropsType)\r\nexport type SuperDebouncedInputPropsType = Omit & {\r\n // и + ещё пропсы которых нет в стандартном инпуте\r\n onChangeText?: (value: string) => void\r\n onEnter?: () => void\r\n error?: ReactNode\r\n spanClassName?: string\r\n} // илм экспортировать тип SuperInputTextPropsType\r\n & { // плюс специальный пропс SuperPagination\r\n onDebouncedChange?: (value: string) => void\r\n}\r\n\r\nconst SuperDebouncedInput: React.FC = (\r\n {\r\n onChangeText,\r\n onDebouncedChange,\r\n\r\n ...restProps // все остальные пропсы попадут в объект restProps\r\n }\r\n) => {\r\n const [timerId, setTimerId] = useState(undefined)\r\n\r\n const onChangeTextCallback = (value: string) => {\r\n onChangeText?.(value)\r\n\r\n if (onDebouncedChange) {\r\n // делает студент\r\n\r\n timerId && clearTimeout(timerId)\r\n const id = +setTimeout(() => {\r\n onDebouncedChange(value)\r\n setTimerId(undefined)\r\n }, 1500)\r\n setTimerId(id)\r\n\r\n //\r\n }\r\n }\r\n\r\n return (\r\n ([])\r\n\r\n const sendQuery = (value: string) => {\r\n setLoading(true)\r\n getTechs(value)\r\n .then((res) => {\r\n // делает студент\r\n\r\n if (res) {\r\n setTechs(res.data.techs)\r\n }\r\n setLoading(false)\r\n\r\n //\r\n })\r\n }\r\n\r\n const onChangeText = (value: string) => {\r\n setFind(value)\r\n // делает студент\r\n\r\n const findQuery: { find?: string } = value ? {find: value} : {} // если нет - то не записывать в урл\r\n const {find, ...lastQueries} = Object.fromEntries(searchParams)\r\n\r\n setSearchParams({...lastQueries, ...findQuery})\r\n\r\n //\r\n }\r\n\r\n useEffect(() => {\r\n const params = Object.fromEntries(searchParams)\r\n sendQuery(params.find || '')\r\n setFind(params.find || '')\r\n }, [])\r\n\r\n const mappedTechs = techs.map(t => (\r\n ` component manages a set of transition components\n * (`` and ``) in a list. Like with the transition\n * components, `` is a state machine for managing the mounting\n * and unmounting of components over time.\n *\n * Consider the example below. As items are removed or added to the TodoList the\n * `in` prop is toggled automatically by the ``.\n *\n * Note that `` does not define any animation behavior!\n * Exactly _how_ a list item animates is up to the individual transition\n * component. This means you can mix and match animations across different list\n * items.\n */\n\nvar TransitionGroup = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(TransitionGroup, _React$Component);\n\n function TransitionGroup(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n\n var handleExited = _this.handleExited.bind(_assertThisInitialized(_this)); // Initial children should all be entering, dependent on appear\n\n\n _this.state = {\n contextValue: {\n isMounting: true\n },\n handleExited: handleExited,\n firstRender: true\n };\n return _this;\n }\n\n var _proto = TransitionGroup.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.mounted = true;\n this.setState({\n contextValue: {\n isMounting: false\n }\n });\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.mounted = false;\n };\n\n TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {\n var prevChildMapping = _ref.children,\n handleExited = _ref.handleExited,\n firstRender = _ref.firstRender;\n return {\n children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),\n firstRender: false\n };\n } // node is `undefined` when user provided `nodeRef` prop\n ;\n\n _proto.handleExited = function handleExited(child, node) {\n var currentChildMapping = getChildMapping(this.props.children);\n if (child.key in currentChildMapping) return;\n\n if (child.props.onExited) {\n child.props.onExited(node);\n }\n\n if (this.mounted) {\n this.setState(function (state) {\n var children = _extends({}, state.children);\n\n delete children[child.key];\n return {\n children: children\n };\n });\n }\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n Component = _this$props.component,\n childFactory = _this$props.childFactory,\n props = _objectWithoutPropertiesLoose(_this$props, [\"component\", \"childFactory\"]);\n\n var contextValue = this.state.contextValue;\n var children = values(this.state.children).map(childFactory);\n delete props.appear;\n delete props.enter;\n delete props.exit;\n\n if (Component === null) {\n return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n value: contextValue\n }, children);\n }\n\n return /*#__PURE__*/React.createElement(TransitionGroupContext.Provider, {\n value: contextValue\n }, /*#__PURE__*/React.createElement(Component, props, children));\n };\n\n return TransitionGroup;\n}(React.Component);\n\nTransitionGroup.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * `` renders a `
\r\n
\r\n )\r\n}\r\n\r\nexport default HW10\r\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"HW11_container__vjj4V\",\"wrapper\":\"HW11_wrapper__G4IFc\",\"number\":\"HW11_number__GiI9r\"};","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","function toVal(mix) {\n\tvar k, y, str='';\n\n\tif (typeof mix === 'string' || typeof mix === 'number') {\n\t\tstr += mix;\n\t} else if (typeof mix === 'object') {\n\t\tif (Array.isArray(mix)) {\n\t\t\tfor (k=0; k < mix.length; k++) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tif (y = toVal(mix[k])) {\n\t\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\t\tstr += y;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tfor (k in mix) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\tstr += k;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn str;\n}\n\nexport default function () {\n\tvar i=0, tmp, x, str='';\n\twhile (i < arguments.length) {\n\t\tif (tmp = arguments[i++]) {\n\t\t\tif (x = toVal(tmp)) {\n\t\t\t\tstr && (str += ' ');\n\t\t\t\tstr += x\n\t\t\t}\n\t\t}\n\t}\n\treturn str;\n}\n","const defaultGenerator = componentName => componentName;\n\nconst createClassNameGenerator = () => {\n let generate = defaultGenerator;\n return {\n configure(generator) {\n generate = generator;\n },\n\n generate(componentName) {\n return generate(componentName);\n },\n\n reset() {\n generate = defaultGenerator;\n }\n\n };\n};\n\nconst ClassNameGenerator = createClassNameGenerator();\nexport default ClassNameGenerator;","import ClassNameGenerator from '../ClassNameGenerator';\nconst globalStateClassesMapping = {\n active: 'Mui-active',\n checked: 'Mui-checked',\n completed: 'Mui-completed',\n disabled: 'Mui-disabled',\n error: 'Mui-error',\n expanded: 'Mui-expanded',\n focused: 'Mui-focused',\n focusVisible: 'Mui-focusVisible',\n required: 'Mui-required',\n selected: 'Mui-selected'\n};\nexport default function generateUtilityClass(componentName, slot) {\n const globalStateClass = globalStateClassesMapping[slot];\n return globalStateClass || `${ClassNameGenerator.generate(componentName)}-${slot}`;\n}","import generateUtilityClass from '../generateUtilityClass';\nexport default function generateUtilityClasses(componentName, slots) {\n const result = {};\n slots.forEach(slot => {\n result[slot] = generateUtilityClass(componentName, slot);\n });\n return result;\n}","import generateUtilityClasses from '../generateUtilityClasses';\nimport generateUtilityClass from '../generateUtilityClass';\nexport function getSliderUtilityClass(slot) {\n return generateUtilityClass('MuiSlider', slot);\n}\nconst sliderUnstyledClasses = generateUtilityClasses('MuiSlider', ['root', 'active', 'focusVisible', 'disabled', 'dragging', 'marked', 'vertical', 'trackInverted', 'trackFalse', 'rail', 'track', 'mark', 'markActive', 'markLabel', 'markLabelActive', 'thumb', 'valueLabel', 'valueLabelOpen', 'valueLabelCircle', 'valueLabelLabel']);\nexport default sliderUnstyledClasses;","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport sliderUnstyledClasses from './sliderUnstyledClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nconst useValueLabelClasses = props => {\n const {\n open\n } = props;\n const utilityClasses = {\n offset: clsx(open && sliderUnstyledClasses.valueLabelOpen),\n circle: sliderUnstyledClasses.valueLabelCircle,\n label: sliderUnstyledClasses.valueLabelLabel\n };\n return utilityClasses;\n};\n/**\n * @ignore - internal component.\n */\n\n\nexport default function SliderValueLabelUnstyled(props) {\n const {\n children,\n className,\n value,\n theme\n } = props;\n const classes = useValueLabelClasses(props);\n return /*#__PURE__*/React.cloneElement(children, {\n className: clsx(children.props.className)\n }, /*#__PURE__*/_jsxs(React.Fragment, {\n children: [children.props.children, /*#__PURE__*/_jsx(\"span\", {\n className: clsx(classes.offset, className),\n theme: theme,\n \"aria-hidden\": true,\n children: /*#__PURE__*/_jsx(\"span\", {\n className: classes.circle,\n children: /*#__PURE__*/_jsx(\"span\", {\n className: classes.label,\n children: value\n })\n })\n })]\n }));\n}\nprocess.env.NODE_ENV !== \"production\" ? SliderValueLabelUnstyled.propTypes = {\n children: PropTypes.element.isRequired,\n className: PropTypes.string,\n theme: PropTypes.any,\n value: PropTypes.node\n} : void 0;","/**\n * Determines if a given element is a DOM element name (i.e. not a React component).\n */\nfunction isHostComponent(element) {\n return typeof element === 'string';\n}\n\nexport default isHostComponent;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport isHostComponent from './isHostComponent';\n/**\n * Appends the ownerState object to the props, merging with the existing one if necessary.\n *\n * @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node, `ownerState` are not applied.\n * @param existingProps Props of the element.\n * @param ownerState\n */\n\nexport default function appendOwnerState(elementType, existingProps = {}, ownerState) {\n if (isHostComponent(elementType)) {\n return existingProps;\n }\n\n return _extends({}, existingProps, {\n ownerState: _extends({}, existingProps.ownerState, ownerState)\n });\n}","export default function composeClasses(slots, getUtilityClass, classes) {\n const output = {};\n Object.keys(slots).forEach( // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.\n // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n slot => {\n output[slot] = slots[slot].reduce((acc, key) => {\n if (key) {\n if (classes && classes[key]) {\n acc.push(classes[key]);\n }\n\n acc.push(getUtilityClass(key));\n }\n\n return acc;\n }, []).join(' ');\n });\n return output;\n}","export default function ownerDocument(node) {\n return node && node.ownerDocument || document;\n}","/* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\nimport * as React from 'react';\nexport default function useControlled({\n controlled,\n default: defaultProp,\n name,\n state = 'value'\n}) {\n // isControlled is ignored in the hook dependency lists as it should never change.\n const {\n current: isControlled\n } = React.useRef(controlled !== undefined);\n const [valueState, setValue] = React.useState(defaultProp);\n const value = isControlled ? controlled : valueState;\n\n if (process.env.NODE_ENV !== 'production') {\n React.useEffect(() => {\n if (isControlled !== (controlled !== undefined)) {\n console.error([`MUI: A component is changing the ${isControlled ? '' : 'un'}controlled ${state} state of ${name} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${name} ` + 'element for the lifetime of the component.', \"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.\", 'More info: https://fb.me/react-controlled-components'].join('\\n'));\n }\n }, [state, name, controlled]);\n const {\n current: defaultValue\n } = React.useRef(defaultProp);\n React.useEffect(() => {\n if (!isControlled && defaultValue !== defaultProp) {\n console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\\n'));\n }\n }, [JSON.stringify(defaultProp)]);\n }\n\n const setValueIfUncontrolled = React.useCallback(newValue => {\n if (!isControlled) {\n setValue(newValue);\n }\n }, []);\n return [value, setValueIfUncontrolled];\n}","// based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js\nimport * as React from 'react';\nlet hadKeyboardEvent = true;\nlet hadFocusVisibleRecently = false;\nlet hadFocusVisibleRecentlyTimeout;\nconst inputTypesWhitelist = {\n text: true,\n search: true,\n url: true,\n tel: true,\n email: true,\n password: true,\n number: true,\n date: true,\n month: true,\n week: true,\n time: true,\n datetime: true,\n 'datetime-local': true\n};\n/**\n * Computes whether the given element should automatically trigger the\n * `focus-visible` class being added, i.e. whether it should always match\n * `:focus-visible` when focused.\n * @param {Element} node\n * @returns {boolean}\n */\n\nfunction focusTriggersKeyboardModality(node) {\n const {\n type,\n tagName\n } = node;\n\n if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {\n return true;\n }\n\n if (tagName === 'TEXTAREA' && !node.readOnly) {\n return true;\n }\n\n if (node.isContentEditable) {\n return true;\n }\n\n return false;\n}\n/**\n * Keep track of our keyboard modality state with `hadKeyboardEvent`.\n * If the most recent user interaction was via the keyboard;\n * and the key press did not include a meta, alt/option, or control key;\n * then the modality is keyboard. Otherwise, the modality is not keyboard.\n * @param {KeyboardEvent} event\n */\n\n\nfunction handleKeyDown(event) {\n if (event.metaKey || event.altKey || event.ctrlKey) {\n return;\n }\n\n hadKeyboardEvent = true;\n}\n/**\n * If at any point a user clicks with a pointing device, ensure that we change\n * the modality away from keyboard.\n * This avoids the situation where a user presses a key on an already focused\n * element, and then clicks on a different element, focusing it with a\n * pointing device, while we still think we're in keyboard modality.\n */\n\n\nfunction handlePointerDown() {\n hadKeyboardEvent = false;\n}\n\nfunction handleVisibilityChange() {\n if (this.visibilityState === 'hidden') {\n // If the tab becomes active again, the browser will handle calling focus\n // on the element (Safari actually calls it twice).\n // If this tab change caused a blur on an element with focus-visible,\n // re-apply the class when the user switches back to the tab.\n if (hadFocusVisibleRecently) {\n hadKeyboardEvent = true;\n }\n }\n}\n\nfunction prepare(doc) {\n doc.addEventListener('keydown', handleKeyDown, true);\n doc.addEventListener('mousedown', handlePointerDown, true);\n doc.addEventListener('pointerdown', handlePointerDown, true);\n doc.addEventListener('touchstart', handlePointerDown, true);\n doc.addEventListener('visibilitychange', handleVisibilityChange, true);\n}\n\nexport function teardown(doc) {\n doc.removeEventListener('keydown', handleKeyDown, true);\n doc.removeEventListener('mousedown', handlePointerDown, true);\n doc.removeEventListener('pointerdown', handlePointerDown, true);\n doc.removeEventListener('touchstart', handlePointerDown, true);\n doc.removeEventListener('visibilitychange', handleVisibilityChange, true);\n}\n\nfunction isFocusVisible(event) {\n const {\n target\n } = event;\n\n try {\n return target.matches(':focus-visible');\n } catch (error) {// Browsers not implementing :focus-visible will throw a SyntaxError.\n // We use our own heuristic for those browsers.\n // Rethrow might be better if it's not the expected error but do we really\n // want to crash if focus-visible malfunctioned?\n } // No need for validFocusTarget check. The user does that by attaching it to\n // focusable events only.\n\n\n return hadKeyboardEvent || focusTriggersKeyboardModality(target);\n}\n\nexport default function useIsFocusVisible() {\n const ref = React.useCallback(node => {\n if (node != null) {\n prepare(node.ownerDocument);\n }\n }, []);\n const isFocusVisibleRef = React.useRef(false);\n /**\n * Should be called if a blur event is fired\n */\n\n function handleBlurVisible() {\n // checking against potential state variable does not suffice if we focus and blur synchronously.\n // React wouldn't have time to trigger a re-render so `focusVisible` would be stale.\n // Ideally we would adjust `isFocusVisible(event)` to look at `relatedTarget` for blur events.\n // This doesn't work in IE11 due to https://github.com/facebook/react/issues/3751\n // TODO: check again if React releases their internal changes to focus event handling (https://github.com/facebook/react/pull/19186).\n if (isFocusVisibleRef.current) {\n // To detect a tab/window switch, we look for a blur event followed\n // rapidly by a visibility change.\n // If we don't see a visibility change within 100ms, it's probably a\n // regular focus change.\n hadFocusVisibleRecently = true;\n window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n hadFocusVisibleRecentlyTimeout = window.setTimeout(() => {\n hadFocusVisibleRecently = false;\n }, 100);\n isFocusVisibleRef.current = false;\n return true;\n }\n\n return false;\n }\n /**\n * Should be called if a blur event is fired\n */\n\n\n function handleFocusVisible(event) {\n if (isFocusVisible(event)) {\n isFocusVisibleRef.current = true;\n return true;\n }\n\n return false;\n }\n\n return {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref\n };\n}","/**\n * TODO v5: consider making it private\n *\n * passes {value} to {ref}\n *\n * WARNING: Be sure to only call this inside a callback that is passed as a ref.\n * Otherwise, make sure to cleanup the previous {ref} if it changes. See\n * https://github.com/mui/material-ui/issues/13539\n *\n * Useful if you want to expose the ref of an inner component to the public API\n * while still using it inside the component.\n * @param ref A ref callback or ref object. If anything falsy, this is a no-op.\n */\nexport default function setRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n}","import * as React from 'react';\nimport setRef from './setRef';\nexport default function useForkRef(refA, refB) {\n /**\n * This will create a new function if the ref props change and are defined.\n * This means react will call the old forkRef with `null` and the new forkRef\n * with the ref. Cleanup naturally emerges from this behavior.\n */\n return React.useMemo(() => {\n if (refA == null && refB == null) {\n return null;\n }\n\n return refValue => {\n setRef(refA, refValue);\n setRef(refB, refValue);\n };\n }, [refA, refB]);\n}","import * as React from 'react';\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nexport default useEnhancedEffect;","import * as React from 'react';\nimport useEnhancedEffect from './useEnhancedEffect';\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\n\nexport default function useEventCallback(fn) {\n const ref = React.useRef(fn);\n useEnhancedEffect(() => {\n ref.current = fn;\n });\n return React.useCallback((...args) => // @ts-expect-error hide `this`\n // tslint:disable-next-line:ban-comma-operator\n (0, ref.current)(...args), []);\n}","const visuallyHidden = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: -1,\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px'\n};\nexport default visuallyHidden;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport { unstable_useIsFocusVisible as useIsFocusVisible, unstable_useEnhancedEffect as useEnhancedEffect, unstable_ownerDocument as ownerDocument, unstable_useEventCallback as useEventCallback, unstable_useForkRef as useForkRef, unstable_useControlled as useControlled, visuallyHidden } from '@mui/utils';\nconst INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;\n\nfunction asc(a, b) {\n return a - b;\n}\n\nfunction clamp(value, min, max) {\n if (value == null) {\n return min;\n }\n\n return Math.min(Math.max(min, value), max);\n}\n\nfunction findClosest(values, currentValue) {\n var _values$reduce;\n\n const {\n index: closestIndex\n } = (_values$reduce = values.reduce((acc, value, index) => {\n const distance = Math.abs(currentValue - value);\n\n if (acc === null || distance < acc.distance || distance === acc.distance) {\n return {\n distance,\n index\n };\n }\n\n return acc;\n }, null)) != null ? _values$reduce : {};\n return closestIndex;\n}\n\nfunction trackFinger(event, touchId) {\n // The event is TouchEvent\n if (touchId.current !== undefined && event.changedTouches) {\n const touchEvent = event;\n\n for (let i = 0; i < touchEvent.changedTouches.length; i += 1) {\n const touch = touchEvent.changedTouches[i];\n\n if (touch.identifier === touchId.current) {\n return {\n x: touch.clientX,\n y: touch.clientY\n };\n }\n }\n\n return false;\n } // The event is MouseEvent\n\n\n return {\n x: event.clientX,\n y: event.clientY\n };\n}\n\nexport function valueToPercent(value, min, max) {\n return (value - min) * 100 / (max - min);\n}\n\nfunction percentToValue(percent, min, max) {\n return (max - min) * percent + min;\n}\n\nfunction getDecimalPrecision(num) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value, step, min) {\n const nearest = Math.round((value - min) / step) * step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction setValueIndex({\n values,\n newValue,\n index\n}) {\n const output = values.slice();\n output[index] = newValue;\n return output.sort(asc);\n}\n\nfunction focusThumb({\n sliderRef,\n activeIndex,\n setActive\n}) {\n var _sliderRef$current, _doc$activeElement;\n\n const doc = ownerDocument(sliderRef.current);\n\n if (!((_sliderRef$current = sliderRef.current) != null && _sliderRef$current.contains(doc.activeElement)) || Number(doc == null ? void 0 : (_doc$activeElement = doc.activeElement) == null ? void 0 : _doc$activeElement.getAttribute('data-index')) !== activeIndex) {\n var _sliderRef$current2;\n\n (_sliderRef$current2 = sliderRef.current) == null ? void 0 : _sliderRef$current2.querySelector(`[type=\"range\"][data-index=\"${activeIndex}\"]`).focus();\n }\n\n if (setActive) {\n setActive(activeIndex);\n }\n}\n\nconst axisProps = {\n horizontal: {\n offset: percent => ({\n left: `${percent}%`\n }),\n leap: percent => ({\n width: `${percent}%`\n })\n },\n 'horizontal-reverse': {\n offset: percent => ({\n right: `${percent}%`\n }),\n leap: percent => ({\n width: `${percent}%`\n })\n },\n vertical: {\n offset: percent => ({\n bottom: `${percent}%`\n }),\n leap: percent => ({\n height: `${percent}%`\n })\n }\n};\nexport const Identity = x => x; // TODO: remove support for Safari < 13.\n// https://caniuse.com/#search=touch-action\n//\n// Safari, on iOS, supports touch action since v13.\n// Over 80% of the iOS phones are compatible\n// in August 2020.\n// Utilizing the CSS.supports method to check if touch-action is supported.\n// Since CSS.supports is supported on all but Edge@12 and IE and touch-action\n// is supported on both Edge@12 and IE if CSS.supports is not available that means that\n// touch-action will be supported\n\nlet cachedSupportsTouchActionNone;\n\nfunction doesSupportTouchActionNone() {\n if (cachedSupportsTouchActionNone === undefined) {\n if (typeof CSS !== 'undefined' && typeof CSS.supports === 'function') {\n cachedSupportsTouchActionNone = CSS.supports('touch-action', 'none');\n } else {\n cachedSupportsTouchActionNone = true;\n }\n }\n\n return cachedSupportsTouchActionNone;\n}\n\nexport default function useSlider(parameters) {\n const {\n 'aria-labelledby': ariaLabelledby,\n defaultValue,\n disabled = false,\n disableSwap = false,\n isRtl = false,\n marks: marksProp = false,\n max = 100,\n min = 0,\n name,\n onChange,\n onChangeCommitted,\n orientation = 'horizontal',\n ref,\n scale = Identity,\n step = 1,\n tabIndex,\n value: valueProp\n } = parameters;\n const touchId = React.useRef(); // We can't use the :active browser pseudo-classes.\n // - The active state isn't triggered when clicking on the rail.\n // - The active state isn't transferred when inversing a range slider.\n\n const [active, setActive] = React.useState(-1);\n const [open, setOpen] = React.useState(-1);\n const [dragging, setDragging] = React.useState(false);\n const moveCount = React.useRef(0);\n const [valueDerived, setValueState] = useControlled({\n controlled: valueProp,\n default: defaultValue != null ? defaultValue : min,\n name: 'Slider'\n });\n\n const handleChange = onChange && ((event, value, thumbIndex) => {\n // Redefine target to allow name and value to be read.\n // This allows seamless integration with the most popular form libraries.\n // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492\n // Clone the event to not override `target` of the original event.\n const nativeEvent = event.nativeEvent || event; // @ts-ignore The nativeEvent is function, not object\n\n const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n Object.defineProperty(clonedEvent, 'target', {\n writable: true,\n value: {\n value,\n name\n }\n });\n onChange(clonedEvent, value, thumbIndex);\n });\n\n const range = Array.isArray(valueDerived);\n let values = range ? valueDerived.slice().sort(asc) : [valueDerived];\n values = values.map(value => clamp(value, min, max));\n const marks = marksProp === true && step !== null ? [...Array(Math.floor((max - min) / step) + 1)].map((_, index) => ({\n value: min + step * index\n })) : marksProp || [];\n const marksValues = marks.map(mark => mark.value);\n const {\n isFocusVisibleRef,\n onBlur: handleBlurVisible,\n onFocus: handleFocusVisible,\n ref: focusVisibleRef\n } = useIsFocusVisible();\n const [focusVisible, setFocusVisible] = React.useState(-1);\n const sliderRef = React.useRef();\n const handleFocusRef = useForkRef(focusVisibleRef, sliderRef);\n const handleRef = useForkRef(ref, handleFocusRef);\n\n const createHandleHiddenInputFocus = otherHandlers => event => {\n var _otherHandlers$onFocu;\n\n const index = Number(event.currentTarget.getAttribute('data-index'));\n handleFocusVisible(event);\n\n if (isFocusVisibleRef.current === true) {\n setFocusVisible(index);\n }\n\n setOpen(index);\n otherHandlers == null ? void 0 : (_otherHandlers$onFocu = otherHandlers.onFocus) == null ? void 0 : _otherHandlers$onFocu.call(otherHandlers, event);\n };\n\n const createHandleHiddenInputBlur = otherHandlers => event => {\n var _otherHandlers$onBlur;\n\n handleBlurVisible(event);\n\n if (isFocusVisibleRef.current === false) {\n setFocusVisible(-1);\n }\n\n setOpen(-1);\n otherHandlers == null ? void 0 : (_otherHandlers$onBlur = otherHandlers.onBlur) == null ? void 0 : _otherHandlers$onBlur.call(otherHandlers, event);\n };\n\n useEnhancedEffect(() => {\n if (disabled && sliderRef.current.contains(document.activeElement)) {\n var _document$activeEleme;\n\n // This is necessary because Firefox and Safari will keep focus\n // on a disabled element:\n // https://codesandbox.io/s/mui-pr-22247-forked-h151h?file=/src/App.js\n // @ts-ignore\n (_document$activeEleme = document.activeElement) == null ? void 0 : _document$activeEleme.blur();\n }\n }, [disabled]);\n\n if (disabled && active !== -1) {\n setActive(-1);\n }\n\n if (disabled && focusVisible !== -1) {\n setFocusVisible(-1);\n }\n\n const createHandleHiddenInputChange = otherHandlers => event => {\n var _otherHandlers$onChan;\n\n (_otherHandlers$onChan = otherHandlers.onChange) == null ? void 0 : _otherHandlers$onChan.call(otherHandlers, event);\n const index = Number(event.currentTarget.getAttribute('data-index'));\n const value = values[index];\n const marksIndex = marksValues.indexOf(value); // @ts-ignore\n\n let newValue = event.target.valueAsNumber;\n\n if (marks && step == null) {\n newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];\n }\n\n newValue = clamp(newValue, min, max);\n\n if (marks && step == null) {\n const currentMarkIndex = marksValues.indexOf(values[index]);\n newValue = newValue < values[index] ? marksValues[currentMarkIndex - 1] : marksValues[currentMarkIndex + 1];\n }\n\n if (range) {\n // Bound the new value to the thumb's neighbours.\n if (disableSwap) {\n newValue = clamp(newValue, values[index - 1] || -Infinity, values[index + 1] || Infinity);\n }\n\n const previousValue = newValue;\n newValue = setValueIndex({\n values,\n newValue,\n index\n });\n let activeIndex = index; // Potentially swap the index if needed.\n\n if (!disableSwap) {\n activeIndex = newValue.indexOf(previousValue);\n }\n\n focusThumb({\n sliderRef,\n activeIndex\n });\n }\n\n setValueState(newValue);\n setFocusVisible(index);\n\n if (handleChange) {\n handleChange(event, newValue, index);\n }\n\n if (onChangeCommitted) {\n onChangeCommitted(event, newValue);\n }\n };\n\n const previousIndex = React.useRef();\n let axis = orientation;\n\n if (isRtl && orientation === 'horizontal') {\n axis += '-reverse';\n }\n\n const getFingerNewValue = ({\n finger,\n move = false,\n values: values2\n }) => {\n const {\n current: slider\n } = sliderRef;\n const {\n width,\n height,\n bottom,\n left\n } = slider.getBoundingClientRect();\n let percent;\n\n if (axis.indexOf('vertical') === 0) {\n percent = (bottom - finger.y) / height;\n } else {\n percent = (finger.x - left) / width;\n }\n\n if (axis.indexOf('-reverse') !== -1) {\n percent = 1 - percent;\n }\n\n let newValue;\n newValue = percentToValue(percent, min, max);\n\n if (step) {\n newValue = roundValueToStep(newValue, step, min);\n } else {\n const closestIndex = findClosest(marksValues, newValue);\n newValue = marksValues[closestIndex];\n }\n\n newValue = clamp(newValue, min, max);\n let activeIndex = 0;\n\n if (range) {\n if (!move) {\n activeIndex = findClosest(values2, newValue);\n } else {\n activeIndex = previousIndex.current;\n } // Bound the new value to the thumb's neighbours.\n\n\n if (disableSwap) {\n newValue = clamp(newValue, values2[activeIndex - 1] || -Infinity, values2[activeIndex + 1] || Infinity);\n }\n\n const previousValue = newValue;\n newValue = setValueIndex({\n values: values2,\n newValue,\n index: activeIndex\n }); // Potentially swap the index if needed.\n\n if (!(disableSwap && move)) {\n activeIndex = newValue.indexOf(previousValue);\n previousIndex.current = activeIndex;\n }\n }\n\n return {\n newValue,\n activeIndex\n };\n };\n\n const handleTouchMove = useEventCallback(nativeEvent => {\n const finger = trackFinger(nativeEvent, touchId);\n\n if (!finger) {\n return;\n }\n\n moveCount.current += 1; // Cancel move in case some other element consumed a mouseup event and it was not fired.\n // @ts-ignore buttons doesn't not exists on touch event\n\n if (nativeEvent.type === 'mousemove' && nativeEvent.buttons === 0) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n handleTouchEnd(nativeEvent);\n return;\n }\n\n const {\n newValue,\n activeIndex\n } = getFingerNewValue({\n finger,\n move: true,\n values\n });\n focusThumb({\n sliderRef,\n activeIndex,\n setActive\n });\n setValueState(newValue);\n\n if (!dragging && moveCount.current > INTENTIONAL_DRAG_COUNT_THRESHOLD) {\n setDragging(true);\n }\n\n if (handleChange) {\n handleChange(nativeEvent, newValue, activeIndex);\n }\n });\n const handleTouchEnd = useEventCallback(nativeEvent => {\n const finger = trackFinger(nativeEvent, touchId);\n setDragging(false);\n\n if (!finger) {\n return;\n }\n\n const {\n newValue\n } = getFingerNewValue({\n finger,\n move: true,\n values\n });\n setActive(-1);\n\n if (nativeEvent.type === 'touchend') {\n setOpen(-1);\n }\n\n if (onChangeCommitted) {\n onChangeCommitted(nativeEvent, newValue);\n }\n\n touchId.current = undefined; // eslint-disable-next-line @typescript-eslint/no-use-before-define\n\n stopListening();\n });\n const handleTouchStart = useEventCallback(nativeEvent => {\n if (disabled) {\n return;\n } // If touch-action: none; is not supported we need to prevent the scroll manually.\n\n\n if (!doesSupportTouchActionNone()) {\n nativeEvent.preventDefault();\n }\n\n const touch = nativeEvent.changedTouches[0];\n\n if (touch != null) {\n // A number that uniquely identifies the current finger in the touch session.\n touchId.current = touch.identifier;\n }\n\n const finger = trackFinger(nativeEvent, touchId);\n\n if (finger !== false) {\n const {\n newValue,\n activeIndex\n } = getFingerNewValue({\n finger,\n values\n });\n focusThumb({\n sliderRef,\n activeIndex,\n setActive\n });\n setValueState(newValue);\n\n if (handleChange) {\n handleChange(nativeEvent, newValue, activeIndex);\n }\n }\n\n moveCount.current = 0;\n const doc = ownerDocument(sliderRef.current);\n doc.addEventListener('touchmove', handleTouchMove);\n doc.addEventListener('touchend', handleTouchEnd);\n });\n const stopListening = React.useCallback(() => {\n const doc = ownerDocument(sliderRef.current);\n doc.removeEventListener('mousemove', handleTouchMove);\n doc.removeEventListener('mouseup', handleTouchEnd);\n doc.removeEventListener('touchmove', handleTouchMove);\n doc.removeEventListener('touchend', handleTouchEnd);\n }, [handleTouchEnd, handleTouchMove]);\n React.useEffect(() => {\n const {\n current: slider\n } = sliderRef;\n slider.addEventListener('touchstart', handleTouchStart, {\n passive: doesSupportTouchActionNone()\n });\n return () => {\n // @ts-ignore\n slider.removeEventListener('touchstart', handleTouchStart, {\n passive: doesSupportTouchActionNone()\n });\n stopListening();\n };\n }, [stopListening, handleTouchStart]);\n React.useEffect(() => {\n if (disabled) {\n stopListening();\n }\n }, [disabled, stopListening]);\n\n const createHandleMouseDown = otherHandlers => event => {\n var _otherHandlers$onMous;\n\n (_otherHandlers$onMous = otherHandlers.onMouseDown) == null ? void 0 : _otherHandlers$onMous.call(otherHandlers, event);\n\n if (disabled) {\n return;\n }\n\n if (event.defaultPrevented) {\n return;\n } // Only handle left clicks\n\n\n if (event.button !== 0) {\n return;\n } // Avoid text selection\n\n\n event.preventDefault();\n const finger = trackFinger(event, touchId);\n\n if (finger !== false) {\n const {\n newValue,\n activeIndex\n } = getFingerNewValue({\n finger,\n values\n });\n focusThumb({\n sliderRef,\n activeIndex,\n setActive\n });\n setValueState(newValue);\n\n if (handleChange) {\n handleChange(event, newValue, activeIndex);\n }\n }\n\n moveCount.current = 0;\n const doc = ownerDocument(sliderRef.current);\n doc.addEventListener('mousemove', handleTouchMove);\n doc.addEventListener('mouseup', handleTouchEnd);\n };\n\n const trackOffset = valueToPercent(range ? values[0] : min, min, max);\n const trackLeap = valueToPercent(values[values.length - 1], min, max) - trackOffset;\n\n const getRootProps = (otherHandlers = {}) => {\n const ownEventHandlers = {\n onMouseDown: createHandleMouseDown(otherHandlers || {})\n };\n\n const mergedEventHandlers = _extends({}, otherHandlers, ownEventHandlers);\n\n return _extends({\n ref: handleRef\n }, mergedEventHandlers);\n };\n\n const createHandleMouseOver = otherHandlers => event => {\n var _otherHandlers$onMous2;\n\n (_otherHandlers$onMous2 = otherHandlers.onMouseOver) == null ? void 0 : _otherHandlers$onMous2.call(otherHandlers, event);\n const index = Number(event.currentTarget.getAttribute('data-index'));\n setOpen(index);\n };\n\n const createHandleMouseLeave = otherHandlers => event => {\n var _otherHandlers$onMous3;\n\n (_otherHandlers$onMous3 = otherHandlers.onMouseLeave) == null ? void 0 : _otherHandlers$onMous3.call(otherHandlers, event);\n setOpen(-1);\n };\n\n const getThumbProps = (otherHandlers = {}) => {\n const ownEventHandlers = {\n onMouseOver: createHandleMouseOver(otherHandlers || {}),\n onMouseLeave: createHandleMouseLeave(otherHandlers || {})\n };\n\n const mergedEventHandlers = _extends({}, otherHandlers, ownEventHandlers);\n\n return _extends({}, mergedEventHandlers);\n };\n\n const getHiddenInputProps = (otherHandlers = {}) => {\n const ownEventHandlers = {\n onChange: createHandleHiddenInputChange(otherHandlers || {}),\n onFocus: createHandleHiddenInputFocus(otherHandlers || {}),\n onBlur: createHandleHiddenInputBlur(otherHandlers || {})\n };\n\n const mergedEventHandlers = _extends({}, otherHandlers, ownEventHandlers);\n\n return _extends({\n tabIndex,\n 'aria-labelledby': ariaLabelledby,\n 'aria-orientation': orientation,\n 'aria-valuemax': scale(max),\n 'aria-valuemin': scale(min),\n name,\n type: 'range',\n min: parameters.min,\n max: parameters.max,\n step: parameters.step,\n disabled\n }, mergedEventHandlers, {\n style: _extends({}, visuallyHidden, {\n direction: isRtl ? 'rtl' : 'ltr',\n // So that VoiceOver's focus indicator matches the thumb's dimensions\n width: '100%',\n height: '100%'\n })\n });\n };\n\n return {\n active,\n axis,\n axisProps,\n dragging,\n focusVisible,\n getHiddenInputProps,\n getRootProps,\n getThumbProps,\n marks,\n open,\n range,\n trackLeap,\n trackOffset,\n values\n };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"aria-label\", \"aria-valuetext\", \"className\", \"component\", \"classes\", \"disableSwap\", \"disabled\", \"getAriaLabel\", \"getAriaValueText\", \"marks\", \"max\", \"min\", \"name\", \"onChange\", \"onChangeCommitted\", \"onMouseDown\", \"orientation\", \"scale\", \"step\", \"tabIndex\", \"track\", \"value\", \"valueLabelDisplay\", \"valueLabelFormat\", \"isRtl\", \"components\", \"componentsProps\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@mui/utils';\nimport appendOwnerState from '../utils/appendOwnerState';\nimport isHostComponent from '../utils/isHostComponent';\nimport composeClasses from '../composeClasses';\nimport { getSliderUtilityClass } from './sliderUnstyledClasses';\nimport SliderValueLabelUnstyled from './SliderValueLabelUnstyled';\nimport useSlider, { valueToPercent } from './useSlider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nconst Identity = x => x;\n\nconst useUtilityClasses = ownerState => {\n const {\n disabled,\n dragging,\n marked,\n orientation,\n track,\n classes\n } = ownerState;\n const slots = {\n root: ['root', disabled && 'disabled', dragging && 'dragging', marked && 'marked', orientation === 'vertical' && 'vertical', track === 'inverted' && 'trackInverted', track === false && 'trackFalse'],\n rail: ['rail'],\n track: ['track'],\n mark: ['mark'],\n markActive: ['markActive'],\n markLabel: ['markLabel'],\n markLabelActive: ['markLabelActive'],\n valueLabel: ['valueLabel'],\n thumb: ['thumb', disabled && 'disabled'],\n active: ['active'],\n disabled: ['disabled'],\n focusVisible: ['focusVisible']\n };\n return composeClasses(slots, getSliderUtilityClass, classes);\n};\n\nconst Forward = ({\n children\n}) => children;\n\nconst SliderUnstyled = /*#__PURE__*/React.forwardRef(function SliderUnstyled(props, ref) {\n var _ref, _components$Rail, _components$Track, _components$Thumb, _components$ValueLabe, _components$Mark, _components$MarkLabel;\n\n const {\n 'aria-label': ariaLabel,\n 'aria-valuetext': ariaValuetext,\n className,\n component,\n classes: classesProp,\n disableSwap = false,\n disabled = false,\n getAriaLabel,\n getAriaValueText,\n marks: marksProp = false,\n max = 100,\n min = 0,\n onMouseDown,\n orientation = 'horizontal',\n scale = Identity,\n step = 1,\n track = 'normal',\n valueLabelDisplay = 'off',\n valueLabelFormat = Identity,\n isRtl = false,\n components = {},\n componentsProps = {}\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded); // all props with defaults\n // consider extracting to hook an reusing the lint rule for the varints\n\n\n const ownerState = _extends({}, props, {\n marks: marksProp,\n classes: classesProp,\n disabled,\n isRtl,\n max,\n min,\n orientation,\n scale,\n step,\n track,\n valueLabelDisplay,\n valueLabelFormat\n });\n\n const {\n axisProps,\n getRootProps,\n getHiddenInputProps,\n getThumbProps,\n open,\n active,\n axis,\n range,\n focusVisible,\n dragging,\n marks,\n values,\n trackOffset,\n trackLeap\n } = useSlider(_extends({}, ownerState, {\n ref\n }));\n ownerState.marked = marks.length > 0 && marks.some(mark => mark.label);\n ownerState.dragging = dragging;\n const Root = (_ref = component != null ? component : components.Root) != null ? _ref : 'span';\n const rootProps = appendOwnerState(Root, _extends({}, other, componentsProps.root), ownerState);\n const Rail = (_components$Rail = components.Rail) != null ? _components$Rail : 'span';\n const railProps = appendOwnerState(Rail, componentsProps.rail, ownerState);\n const Track = (_components$Track = components.Track) != null ? _components$Track : 'span';\n const trackProps = appendOwnerState(Track, componentsProps.track, ownerState);\n\n const trackStyle = _extends({}, axisProps[axis].offset(trackOffset), axisProps[axis].leap(trackLeap));\n\n const Thumb = (_components$Thumb = components.Thumb) != null ? _components$Thumb : 'span';\n const thumbProps = appendOwnerState(Thumb, componentsProps.thumb, ownerState);\n const ValueLabel = (_components$ValueLabe = components.ValueLabel) != null ? _components$ValueLabe : SliderValueLabelUnstyled;\n const valueLabelProps = appendOwnerState(ValueLabel, componentsProps.valueLabel, ownerState);\n const Mark = (_components$Mark = components.Mark) != null ? _components$Mark : 'span';\n const markProps = appendOwnerState(Mark, componentsProps.mark, ownerState);\n const MarkLabel = (_components$MarkLabel = components.MarkLabel) != null ? _components$MarkLabel : 'span';\n const markLabelProps = appendOwnerState(MarkLabel, componentsProps.markLabel, ownerState);\n const Input = components.Input || 'input';\n const inputProps = appendOwnerState(Input, componentsProps.input, ownerState);\n const hiddenInputProps = getHiddenInputProps();\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, getRootProps({\n onMouseDown\n }), {\n className: clsx(classes.root, rootProps.className, className),\n children: [/*#__PURE__*/_jsx(Rail, _extends({}, railProps, {\n className: clsx(classes.rail, railProps.className)\n })), /*#__PURE__*/_jsx(Track, _extends({}, trackProps, {\n className: clsx(classes.track, trackProps.className),\n style: _extends({}, trackStyle, trackProps.style)\n })), marks.filter(mark => mark.value >= min && mark.value <= max).map((mark, index) => {\n const percent = valueToPercent(mark.value, min, max);\n const style = axisProps[axis].offset(percent);\n let markActive;\n\n if (track === false) {\n markActive = values.indexOf(mark.value) !== -1;\n } else {\n markActive = track === 'normal' && (range ? mark.value >= values[0] && mark.value <= values[values.length - 1] : mark.value <= values[0]) || track === 'inverted' && (range ? mark.value <= values[0] || mark.value >= values[values.length - 1] : mark.value >= values[0]);\n }\n\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(Mark, _extends({\n \"data-index\": index\n }, markProps, !isHostComponent(Mark) && {\n markActive\n }, {\n style: _extends({}, style, markProps.style),\n className: clsx(classes.mark, markProps.className, markActive && classes.markActive)\n })), mark.label != null ? /*#__PURE__*/_jsx(MarkLabel, _extends({\n \"aria-hidden\": true,\n \"data-index\": index\n }, markLabelProps, !isHostComponent(MarkLabel) && {\n markLabelActive: markActive\n }, {\n style: _extends({}, style, markLabelProps.style),\n className: clsx(classes.markLabel, markLabelProps.className, markActive && classes.markLabelActive),\n children: mark.label\n })) : null]\n }, mark.value);\n }), values.map((value, index) => {\n const percent = valueToPercent(value, min, max);\n const style = axisProps[axis].offset(percent);\n const ValueLabelComponent = valueLabelDisplay === 'off' ? Forward : ValueLabel;\n return /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(ValueLabelComponent, _extends({}, !isHostComponent(ValueLabelComponent) && {\n valueLabelFormat,\n valueLabelDisplay,\n value: typeof valueLabelFormat === 'function' ? valueLabelFormat(scale(value), index) : valueLabelFormat,\n index,\n open: open === index || active === index || valueLabelDisplay === 'on',\n disabled\n }, valueLabelProps, {\n className: clsx(classes.valueLabel, valueLabelProps.className),\n children: /*#__PURE__*/_jsx(Thumb, _extends({\n \"data-index\": index\n }, thumbProps, getThumbProps(), {\n className: clsx(classes.thumb, thumbProps.className, active === index && classes.active, focusVisible === index && classes.focusVisible),\n style: _extends({}, style, {\n pointerEvents: disableSwap && active !== index ? 'none' : undefined\n }, thumbProps.style),\n children: /*#__PURE__*/_jsx(Input, _extends({}, hiddenInputProps, {\n \"data-index\": index,\n \"aria-label\": getAriaLabel ? getAriaLabel(index) : ariaLabel,\n \"aria-valuenow\": scale(value),\n \"aria-valuetext\": getAriaValueText ? getAriaValueText(scale(value), index) : ariaValuetext,\n value: values[index]\n }, !isHostComponent(Input) && {\n ownerState: _extends({}, ownerState, inputProps.ownerState)\n }, inputProps, {\n style: _extends({}, hiddenInputProps.style, inputProps.style)\n }))\n }))\n }))\n }, index);\n })]\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? SliderUnstyled.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The label of the slider.\n */\n 'aria-label': chainPropTypes(PropTypes.string, props => {\n const range = Array.isArray(props.value || props.defaultValue);\n\n if (range && props['aria-label'] != null) {\n return new Error('MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.');\n }\n\n return null;\n }),\n\n /**\n * The id of the element containing a label for the slider.\n */\n 'aria-labelledby': PropTypes.string,\n\n /**\n * A string value that provides a user-friendly name for the current value of the slider.\n */\n 'aria-valuetext': chainPropTypes(PropTypes.string, props => {\n const range = Array.isArray(props.value || props.defaultValue);\n\n if (range && props['aria-valuetext'] != null) {\n return new Error('MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.');\n }\n\n return null;\n }),\n\n /**\n * @ignore\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * The components used for each slot inside the Slider.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n components: PropTypes.shape({\n Input: PropTypes.elementType,\n Mark: PropTypes.elementType,\n MarkLabel: PropTypes.elementType,\n Rail: PropTypes.elementType,\n Root: PropTypes.elementType,\n Thumb: PropTypes.elementType,\n Track: PropTypes.elementType,\n ValueLabel: PropTypes.elementType\n }),\n\n /**\n * The props used for each slot inside the Slider.\n * @default {}\n */\n componentsProps: PropTypes.shape({\n input: PropTypes.object,\n mark: PropTypes.object,\n markLabel: PropTypes.object,\n rail: PropTypes.object,\n root: PropTypes.object,\n thumb: PropTypes.object,\n track: PropTypes.object,\n valueLabel: PropTypes.shape({\n children: PropTypes.element,\n className: PropTypes.string,\n components: PropTypes.shape({\n Root: PropTypes.elementType\n }),\n open: PropTypes.bool,\n style: PropTypes.object,\n value: PropTypes.number,\n valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])\n })\n }),\n\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),\n\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n * @default false\n */\n disableSwap: PropTypes.bool,\n\n /**\n * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n * This is important for screen reader users.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n */\n getAriaLabel: PropTypes.func,\n\n /**\n * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n * This is important for screen reader users.\n * @param {number} value The thumb label's value to format.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n */\n getAriaValueText: PropTypes.func,\n\n /**\n * Indicates whether the theme context has rtl direction. It is set automatically.\n * @default false\n */\n isRtl: PropTypes.bool,\n\n /**\n * Marks indicate predetermined values to which the user can move the slider.\n * If `true` the marks are spaced according the value of the `step` prop.\n * If an array, it should contain objects with `value` and an optional `label` keys.\n * @default false\n */\n marks: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.node,\n value: PropTypes.number.isRequired\n })), PropTypes.bool]),\n\n /**\n * The maximum allowed value of the slider.\n * Should not be equal to min.\n * @default 100\n */\n max: PropTypes.number,\n\n /**\n * The minimum allowed value of the slider.\n * Should not be equal to max.\n * @default 0\n */\n min: PropTypes.number,\n\n /**\n * Name attribute of the hidden `input` element.\n */\n name: PropTypes.string,\n\n /**\n * Callback function that is fired when the slider's value changed.\n *\n * @param {Event} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * **Warning**: This is a generic event not a change event.\n * @param {number | number[]} value The new value.\n * @param {number} activeThumb Index of the currently moved thumb.\n */\n onChange: PropTypes.func,\n\n /**\n * Callback function that is fired when the `mouseup` is triggered.\n *\n * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n * @param {number | number[]} value The new value.\n */\n onChangeCommitted: PropTypes.func,\n\n /**\n * @ignore\n */\n onMouseDown: PropTypes.func,\n\n /**\n * The component orientation.\n * @default 'horizontal'\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n /**\n * A transformation function, to change the scale of the slider.\n * @default (x) => x\n */\n scale: PropTypes.func,\n\n /**\n * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n * The `min` prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n *\n * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n * @default 1\n */\n step: PropTypes.number,\n\n /**\n * Tab index attribute of the hidden `input` element.\n */\n tabIndex: PropTypes.number,\n\n /**\n * The track presentation:\n *\n * - `normal` the track will render a bar representing the slider value.\n * - `inverted` the track will render a bar representing the remaining slider value.\n * - `false` the track will render without a bar.\n * @default 'normal'\n */\n track: PropTypes.oneOf(['inverted', 'normal', false]),\n\n /**\n * The value of the slider.\n * For ranged sliders, provide an array with two values.\n */\n value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),\n\n /**\n * Controls when the value label is displayed:\n *\n * - `auto` the value label will display when the thumb is hovered or focused.\n * - `on` will display persistently.\n * - `off` will never display.\n * @default 'off'\n */\n valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on']),\n\n /**\n * The format function the value label's value.\n *\n * When a function is provided, it should have the following signature:\n *\n * - {number} value The value label's value to format\n * - {number} index The value label's index to format\n * @default (x) => x\n */\n valueLabelFormat: PropTypes.oneOfType([PropTypes.func, PropTypes.string])\n} : void 0;\nexport default SliderUnstyled;","/**\n * WARNING: Don't import this directly.\n * Use `MuiError` from `@mui/utils/macros/MuiError.macro` instead.\n * @param {number} code\n */\nexport default function formatMuiErrorMessage(code) {\n // Apply babel-plugin-transform-template-literals in loose mode\n // loose mode is safe iff we're concatenating primitives\n // see https://babeljs.io/docs/en/babel-plugin-transform-template-literals#loose\n\n /* eslint-disable prefer-template */\n let url = 'https://mui.com/production-error/?code=' + code;\n\n for (let i = 1; i < arguments.length; i += 1) {\n // rest params over-transpile for this case\n // eslint-disable-next-line prefer-rest-params\n url += '&args[]=' + encodeURIComponent(arguments[i]);\n }\n\n return 'Minified MUI error #' + code + '; visit ' + url + ' for the full message.';\n /* eslint-enable prefer-template */\n}","import { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@mui/utils\";\n\n/**\n * Returns a number whose value is limited to the given range.\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\nfunction clamp(value, min = 0, max = 1) {\n if (process.env.NODE_ENV !== 'production') {\n if (value < min || value > max) {\n console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);\n }\n }\n\n return Math.min(Math.max(min, value), max);\n}\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\n\n\nexport function hexToRgb(color) {\n color = color.slice(1);\n const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');\n let colors = color.match(re);\n\n if (colors && colors[0].length === 1) {\n colors = colors.map(n => n + n);\n }\n\n return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {\n return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;\n }).join(', ')})` : '';\n}\n\nfunction intToHex(int) {\n const hex = int.toString(16);\n return hex.length === 1 ? `0${hex}` : hex;\n}\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\n\n\nexport function decomposeColor(color) {\n // Idempotent\n if (color.type) {\n return color;\n }\n\n if (color.charAt(0) === '#') {\n return decomposeColor(hexToRgb(color));\n }\n\n const marker = color.indexOf('(');\n const type = color.substring(0, marker);\n\n if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Unsupported \\`${color}\\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : _formatMuiErrorMessage(9, color));\n }\n\n let values = color.substring(marker + 1, color.length - 1);\n let colorSpace;\n\n if (type === 'color') {\n values = values.split(' ');\n colorSpace = values.shift();\n\n if (values.length === 4 && values[3].charAt(0) === '/') {\n values[3] = values[3].slice(1);\n }\n\n if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: unsupported \\`${colorSpace}\\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : _formatMuiErrorMessage(10, colorSpace));\n }\n } else {\n values = values.split(',');\n }\n\n values = values.map(value => parseFloat(value));\n return {\n type,\n values,\n colorSpace\n };\n}\n/**\n * Returns a channel created from the input color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {string} - The channel for the color, that can be used in rgba or hsla colors\n */\n\nexport const colorChannel = color => {\n const decomposedColor = decomposeColor(color);\n return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.indexOf('hsl') !== -1 && idx !== 0 ? `${val}%` : val).join(' ');\n};\n/**\n * Converts a color object with type and values to a string.\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\n\nexport function recomposeColor(color) {\n const {\n type,\n colorSpace\n } = color;\n let {\n values\n } = color;\n\n if (type.indexOf('rgb') !== -1) {\n // Only convert the first 3 values to int (i.e. not alpha)\n values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);\n } else if (type.indexOf('hsl') !== -1) {\n values[1] = `${values[1]}%`;\n values[2] = `${values[2]}%`;\n }\n\n if (type.indexOf('color') !== -1) {\n values = `${colorSpace} ${values.join(' ')}`;\n } else {\n values = `${values.join(', ')}`;\n }\n\n return `${type}(${values})`;\n}\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\n\nexport function rgbToHex(color) {\n // Idempotent\n if (color.indexOf('#') === 0) {\n return color;\n }\n\n const {\n values\n } = decomposeColor(color);\n return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;\n}\n/**\n * Converts a color from hsl format to rgb format.\n * @param {string} color - HSL color values\n * @returns {string} rgb color values\n */\n\nexport function hslToRgb(color) {\n color = decomposeColor(color);\n const {\n values\n } = color;\n const h = values[0];\n const s = values[1] / 100;\n const l = values[2] / 100;\n const a = s * Math.min(l, 1 - l);\n\n const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n\n let type = 'rgb';\n const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n\n if (color.type === 'hsla') {\n type += 'a';\n rgb.push(values[3]);\n }\n\n return recomposeColor({\n type,\n values: rgb\n });\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\n\nexport function getLuminance(color) {\n color = decomposeColor(color);\n let rgb = color.type === 'hsl' ? decomposeColor(hslToRgb(color)).values : color.values;\n rgb = rgb.map(val => {\n if (color.type !== 'color') {\n val /= 255; // normalized\n }\n\n return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;\n }); // Truncate at 3 digits\n\n return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n}\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\n\nexport function getContrastRatio(foreground, background) {\n const lumA = getLuminance(foreground);\n const lumB = getLuminance(background);\n return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n/**\n * Sets the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} value - value to set the alpha channel to in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function alpha(color, value) {\n color = decomposeColor(color);\n value = clamp(value);\n\n if (color.type === 'rgb' || color.type === 'hsl') {\n color.type += 'a';\n }\n\n if (color.type === 'color') {\n color.values[3] = `/${value}`;\n } else {\n color.values[3] = value;\n }\n\n return recomposeColor(color);\n}\n/**\n * Darkens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function darken(color, coefficient) {\n color = decomposeColor(color);\n coefficient = clamp(coefficient);\n\n if (color.type.indexOf('hsl') !== -1) {\n color.values[2] *= 1 - coefficient;\n } else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {\n for (let i = 0; i < 3; i += 1) {\n color.values[i] *= 1 - coefficient;\n }\n }\n\n return recomposeColor(color);\n}\n/**\n * Lightens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function lighten(color, coefficient) {\n color = decomposeColor(color);\n coefficient = clamp(coefficient);\n\n if (color.type.indexOf('hsl') !== -1) {\n color.values[2] += (100 - color.values[2]) * coefficient;\n } else if (color.type.indexOf('rgb') !== -1) {\n for (let i = 0; i < 3; i += 1) {\n color.values[i] += (255 - color.values[i]) * coefficient;\n }\n } else if (color.type.indexOf('color') !== -1) {\n for (let i = 0; i < 3; i += 1) {\n color.values[i] += (1 - color.values[i]) * coefficient;\n }\n }\n\n return recomposeColor(color);\n}\n/**\n * Darken or lighten a color, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function emphasize(color, coefficient = 0.15) {\n return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}","import { internal_resolveProps as resolveProps } from '@mui/utils';\nexport default function getThemeProps(params) {\n const {\n theme,\n name,\n props\n } = params;\n\n if (!theme || !theme.components || !theme.components[name] || !theme.components[name].defaultProps) {\n return props;\n }\n\n return resolveProps(theme.components[name].defaultProps, props);\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\n\n/**\n * Add keys, values of `defaultProps` that does not exist in `props`\n * @param {object} defaultProps\n * @param {object} props\n * @returns {object} resolved props\n */\nexport default function resolveProps(defaultProps, props) {\n const output = _extends({}, props);\n\n Object.keys(defaultProps).forEach(propName => {\n if (output[propName] === undefined) {\n output[propName] = defaultProps[propName];\n }\n });\n return output;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nexport function isPlainObject(item) {\n return item !== null && typeof item === 'object' && item.constructor === Object;\n}\nexport default function deepmerge(target, source, options = {\n clone: true\n}) {\n const output = options.clone ? _extends({}, target) : target;\n\n if (isPlainObject(target) && isPlainObject(source)) {\n Object.keys(source).forEach(key => {\n // Avoid prototype pollution\n if (key === '__proto__') {\n return;\n }\n\n if (isPlainObject(source[key]) && key in target && isPlainObject(target[key])) {\n // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.\n output[key] = deepmerge(target[key], source[key], options);\n } else {\n output[key] = source[key];\n }\n });\n }\n\n return output;\n}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"values\", \"unit\", \"step\"];\n// Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\nexport const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst sortBreakpointsValues = values => {\n const breakpointsAsArray = Object.keys(values).map(key => ({\n key,\n val: values[key]\n })) || []; // Sort in ascending order\n\n breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);\n return breakpointsAsArray.reduce((acc, obj) => {\n return _extends({}, acc, {\n [obj.key]: obj.val\n });\n }, {});\n}; // Keep in mind that @media is inclusive by the CSS specification.\n\n\nexport default function createBreakpoints(breakpoints) {\n const {\n // The breakpoint **start** at this value.\n // For instance with the first breakpoint xs: [xs, sm).\n values = {\n xs: 0,\n // phone\n sm: 600,\n // tablet\n md: 900,\n // small laptop\n lg: 1200,\n // desktop\n xl: 1536 // large screen\n\n },\n unit = 'px',\n step = 5\n } = breakpoints,\n other = _objectWithoutPropertiesLoose(breakpoints, _excluded);\n\n const sortedValues = sortBreakpointsValues(values);\n const keys = Object.keys(sortedValues);\n\n function up(key) {\n const value = typeof values[key] === 'number' ? values[key] : key;\n return `@media (min-width:${value}${unit})`;\n }\n\n function down(key) {\n const value = typeof values[key] === 'number' ? values[key] : key;\n return `@media (max-width:${value - step / 100}${unit})`;\n }\n\n function between(start, end) {\n const endIndex = keys.indexOf(end);\n return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;\n }\n\n function only(key) {\n if (keys.indexOf(key) + 1 < keys.length) {\n return between(key, keys[keys.indexOf(key) + 1]);\n }\n\n return up(key);\n }\n\n function not(key) {\n // handle first and last key separately, for better readability\n const keyIndex = keys.indexOf(key);\n\n if (keyIndex === 0) {\n return up(keys[1]);\n }\n\n if (keyIndex === keys.length - 1) {\n return down(keys[keyIndex]);\n }\n\n return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');\n }\n\n return _extends({\n keys,\n values: sortedValues,\n up,\n down,\n between,\n only,\n not,\n unit\n }, other);\n}","const shape = {\n borderRadius: 4\n};\nexport default shape;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport PropTypes from 'prop-types';\nimport { deepmerge } from '@mui/utils';\nimport merge from './merge'; // The breakpoint **start** at this value.\n// For instance with the first breakpoint xs: [xs, sm[.\n\nexport const values = {\n xs: 0,\n // phone\n sm: 600,\n // tablet\n md: 900,\n // small laptop\n lg: 1200,\n // desktop\n xl: 1536 // large screen\n\n};\nconst defaultBreakpoints = {\n // Sorted ASC by size. That's important.\n // It can't be configured as it's used statically for propTypes.\n keys: ['xs', 'sm', 'md', 'lg', 'xl'],\n up: key => `@media (min-width:${values[key]}px)`\n};\nexport function handleBreakpoints(props, propValue, styleFromPropValue) {\n const theme = props.theme || {};\n\n if (Array.isArray(propValue)) {\n const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n return propValue.reduce((acc, item, index) => {\n acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);\n return acc;\n }, {});\n }\n\n if (typeof propValue === 'object') {\n const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n return Object.keys(propValue).reduce((acc, breakpoint) => {\n // key is breakpoint\n if (Object.keys(themeBreakpoints.values || values).indexOf(breakpoint) !== -1) {\n const mediaKey = themeBreakpoints.up(breakpoint);\n acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);\n } else {\n const cssKey = breakpoint;\n acc[cssKey] = propValue[cssKey];\n }\n\n return acc;\n }, {});\n }\n\n const output = styleFromPropValue(propValue);\n return output;\n}\n\nfunction breakpoints(styleFunction) {\n const newStyleFunction = props => {\n const theme = props.theme || {};\n const base = styleFunction(props);\n const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n const extended = themeBreakpoints.keys.reduce((acc, key) => {\n if (props[key]) {\n acc = acc || {};\n acc[themeBreakpoints.up(key)] = styleFunction(_extends({\n theme\n }, props[key]));\n }\n\n return acc;\n }, null);\n return merge(base, extended);\n };\n\n newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {\n xs: PropTypes.object,\n sm: PropTypes.object,\n md: PropTypes.object,\n lg: PropTypes.object,\n xl: PropTypes.object\n }) : {};\n newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl', ...styleFunction.filterProps];\n return newStyleFunction;\n}\n\nexport function createEmptyBreakpointObject(breakpointsInput = {}) {\n var _breakpointsInput$key;\n\n const breakpointsInOrder = breakpointsInput == null ? void 0 : (_breakpointsInput$key = breakpointsInput.keys) == null ? void 0 : _breakpointsInput$key.reduce((acc, key) => {\n const breakpointStyleKey = breakpointsInput.up(key);\n acc[breakpointStyleKey] = {};\n return acc;\n }, {});\n return breakpointsInOrder || {};\n}\nexport function removeUnusedBreakpoints(breakpointKeys, style) {\n return breakpointKeys.reduce((acc, key) => {\n const breakpointOutput = acc[key];\n const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0;\n\n if (isBreakpointUnused) {\n delete acc[key];\n }\n\n return acc;\n }, style);\n}\nexport function mergeBreakpointsInOrder(breakpointsInput, ...styles) {\n const emptyBreakpoints = createEmptyBreakpointObject(breakpointsInput);\n const mergedOutput = [emptyBreakpoints, ...styles].reduce((prev, next) => deepmerge(prev, next), {});\n return removeUnusedBreakpoints(Object.keys(emptyBreakpoints), mergedOutput);\n} // compute base for responsive values; e.g.,\n// [1,2,3] => {xs: true, sm: true, md: true}\n// {xs: 1, sm: 2, md: 3} => {xs: true, sm: true, md: true}\n\nexport function computeBreakpointsBase(breakpointValues, themeBreakpoints) {\n // fixed value\n if (typeof breakpointValues !== 'object') {\n return {};\n }\n\n const base = {};\n const breakpointsKeys = Object.keys(themeBreakpoints);\n\n if (Array.isArray(breakpointValues)) {\n breakpointsKeys.forEach((breakpoint, i) => {\n if (i < breakpointValues.length) {\n base[breakpoint] = true;\n }\n });\n } else {\n breakpointsKeys.forEach(breakpoint => {\n if (breakpointValues[breakpoint] != null) {\n base[breakpoint] = true;\n }\n });\n }\n\n return base;\n}\nexport function resolveBreakpointValues({\n values: breakpointValues,\n breakpoints: themeBreakpoints,\n base: customBase\n}) {\n const base = customBase || computeBreakpointsBase(breakpointValues, themeBreakpoints);\n const keys = Object.keys(base);\n\n if (keys.length === 0) {\n return breakpointValues;\n }\n\n let previous;\n return keys.reduce((acc, breakpoint, i) => {\n if (Array.isArray(breakpointValues)) {\n acc[breakpoint] = breakpointValues[i] != null ? breakpointValues[i] : breakpointValues[previous];\n previous = i;\n } else if (typeof breakpointValues === 'object') {\n acc[breakpoint] = breakpointValues[breakpoint] != null ? breakpointValues[breakpoint] : breakpointValues[previous];\n previous = breakpoint;\n } else {\n acc[breakpoint] = breakpointValues;\n }\n\n return acc;\n }, {});\n}\nexport default breakpoints;","import _formatMuiErrorMessage from \"./formatMuiErrorMessage\";\n// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.\n//\n// A strict capitalization should uppercase the first letter of each word in the sentence.\n// We only handle the first word.\nexport default function capitalize(string) {\n if (typeof string !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: \\`capitalize(string)\\` expects a string argument.` : _formatMuiErrorMessage(7));\n }\n\n return string.charAt(0).toUpperCase() + string.slice(1);\n}","import { unstable_capitalize as capitalize } from '@mui/utils';\nimport responsivePropType from './responsivePropType';\nimport { handleBreakpoints } from './breakpoints';\nexport function getPath(obj, path, checkVars = true) {\n if (!path || typeof path !== 'string') {\n return null;\n } // Check if CSS variables are used\n\n\n if (obj && obj.vars && checkVars) {\n const val = `vars.${path}`.split('.').reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);\n\n if (val != null) {\n return val;\n }\n }\n\n return path.split('.').reduce((acc, item) => {\n if (acc && acc[item] != null) {\n return acc[item];\n }\n\n return null;\n }, obj);\n}\n\nfunction getValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {\n let value;\n\n if (typeof themeMapping === 'function') {\n value = themeMapping(propValueFinal);\n } else if (Array.isArray(themeMapping)) {\n value = themeMapping[propValueFinal] || userValue;\n } else {\n value = getPath(themeMapping, propValueFinal) || userValue;\n }\n\n if (transform) {\n value = transform(value);\n }\n\n return value;\n}\n\nfunction style(options) {\n const {\n prop,\n cssProperty = options.prop,\n themeKey,\n transform\n } = options;\n\n const fn = props => {\n if (props[prop] == null) {\n return null;\n }\n\n const propValue = props[prop];\n const theme = props.theme;\n const themeMapping = getPath(theme, themeKey) || {};\n\n const styleFromPropValue = propValueFinal => {\n let value = getValue(themeMapping, transform, propValueFinal);\n\n if (propValueFinal === value && typeof propValueFinal === 'string') {\n // Haven't found value\n value = getValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);\n }\n\n if (cssProperty === false) {\n return value;\n }\n\n return {\n [cssProperty]: value\n };\n };\n\n return handleBreakpoints(props, propValue, styleFromPropValue);\n };\n\n fn.propTypes = process.env.NODE_ENV !== 'production' ? {\n [prop]: responsivePropType\n } : {};\n fn.filterProps = [prop];\n return fn;\n}\n\nexport default style;","import { deepmerge } from '@mui/utils';\n\nfunction merge(acc, item) {\n if (!item) {\n return acc;\n }\n\n return deepmerge(acc, item, {\n clone: false // No need to clone deep, it's way faster.\n\n });\n}\n\nexport default merge;","import responsivePropType from './responsivePropType';\nimport { handleBreakpoints } from './breakpoints';\nimport { getPath } from './style';\nimport merge from './merge';\nimport memoize from './memoize';\nconst properties = {\n m: 'margin',\n p: 'padding'\n};\nconst directions = {\n t: 'Top',\n r: 'Right',\n b: 'Bottom',\n l: 'Left',\n x: ['Left', 'Right'],\n y: ['Top', 'Bottom']\n};\nconst aliases = {\n marginX: 'mx',\n marginY: 'my',\n paddingX: 'px',\n paddingY: 'py'\n}; // memoize() impact:\n// From 300,000 ops/sec\n// To 350,000 ops/sec\n\nconst getCssProperties = memoize(prop => {\n // It's not a shorthand notation.\n if (prop.length > 2) {\n if (aliases[prop]) {\n prop = aliases[prop];\n } else {\n return [prop];\n }\n }\n\n const [a, b] = prop.split('');\n const property = properties[a];\n const direction = directions[b] || '';\n return Array.isArray(direction) ? direction.map(dir => property + dir) : [property + direction];\n});\nconst marginKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd'];\nconst paddingKeys = ['p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd'];\nconst spacingKeys = [...marginKeys, ...paddingKeys];\nexport function createUnaryUnit(theme, themeKey, defaultValue, propName) {\n var _getPath;\n\n const themeSpacing = (_getPath = getPath(theme, themeKey, false)) != null ? _getPath : defaultValue;\n\n if (typeof themeSpacing === 'number') {\n return abs => {\n if (typeof abs === 'string') {\n return abs;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof abs !== 'number') {\n console.error(`MUI: Expected ${propName} argument to be a number or a string, got ${abs}.`);\n }\n }\n\n return themeSpacing * abs;\n };\n }\n\n if (Array.isArray(themeSpacing)) {\n return abs => {\n if (typeof abs === 'string') {\n return abs;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (!Number.isInteger(abs)) {\n console.error([`MUI: The \\`theme.${themeKey}\\` array type cannot be combined with non integer values.` + `You should either use an integer value that can be used as index, or define the \\`theme.${themeKey}\\` as a number.`].join('\\n'));\n } else if (abs > themeSpacing.length - 1) {\n console.error([`MUI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join('\\n'));\n }\n }\n\n return themeSpacing[abs];\n };\n }\n\n if (typeof themeSpacing === 'function') {\n return themeSpacing;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n console.error([`MUI: The \\`theme.${themeKey}\\` value (${themeSpacing}) is invalid.`, 'It should be a number, an array or a function.'].join('\\n'));\n }\n\n return () => undefined;\n}\nexport function createUnarySpacing(theme) {\n return createUnaryUnit(theme, 'spacing', 8, 'spacing');\n}\nexport function getValue(transformer, propValue) {\n if (typeof propValue === 'string' || propValue == null) {\n return propValue;\n }\n\n const abs = Math.abs(propValue);\n const transformed = transformer(abs);\n\n if (propValue >= 0) {\n return transformed;\n }\n\n if (typeof transformed === 'number') {\n return -transformed;\n }\n\n return `-${transformed}`;\n}\nexport function getStyleFromPropValue(cssProperties, transformer) {\n return propValue => cssProperties.reduce((acc, cssProperty) => {\n acc[cssProperty] = getValue(transformer, propValue);\n return acc;\n }, {});\n}\n\nfunction resolveCssProperty(props, keys, prop, transformer) {\n // Using a hash computation over an array iteration could be faster, but with only 28 items,\n // it's doesn't worth the bundle size.\n if (keys.indexOf(prop) === -1) {\n return null;\n }\n\n const cssProperties = getCssProperties(prop);\n const styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);\n const propValue = props[prop];\n return handleBreakpoints(props, propValue, styleFromPropValue);\n}\n\nfunction style(props, keys) {\n const transformer = createUnarySpacing(props.theme);\n return Object.keys(props).map(prop => resolveCssProperty(props, keys, prop, transformer)).reduce(merge, {});\n}\n\nexport function margin(props) {\n return style(props, marginKeys);\n}\nmargin.propTypes = process.env.NODE_ENV !== 'production' ? marginKeys.reduce((obj, key) => {\n obj[key] = responsivePropType;\n return obj;\n}, {}) : {};\nmargin.filterProps = marginKeys;\nexport function padding(props) {\n return style(props, paddingKeys);\n}\npadding.propTypes = process.env.NODE_ENV !== 'production' ? paddingKeys.reduce((obj, key) => {\n obj[key] = responsivePropType;\n return obj;\n}, {}) : {};\npadding.filterProps = paddingKeys;\n\nfunction spacing(props) {\n return style(props, spacingKeys);\n}\n\nspacing.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce((obj, key) => {\n obj[key] = responsivePropType;\n return obj;\n}, {}) : {};\nspacing.filterProps = spacingKeys;\nexport default spacing;","export default function memoize(fn) {\n const cache = {};\n return arg => {\n if (cache[arg] === undefined) {\n cache[arg] = fn(arg);\n }\n\n return cache[arg];\n };\n}","import { createUnarySpacing } from '../spacing';\n\n/* tslint:enable:unified-signatures */\nexport default function createSpacing(spacingInput = 8) {\n // Already transformed.\n if (spacingInput.mui) {\n return spacingInput;\n } // Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.\n // Smaller components, such as icons, can align to a 4dp grid.\n // https://material.io/design/layout/understanding-layout.html#usage\n\n\n const transform = createUnarySpacing({\n spacing: spacingInput\n });\n\n const spacing = (...argsInput) => {\n if (process.env.NODE_ENV !== 'production') {\n if (!(argsInput.length <= 4)) {\n console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n }\n }\n\n const args = argsInput.length === 0 ? [1] : argsInput;\n return args.map(argument => {\n const output = transform(argument);\n return typeof output === 'number' ? `${output}px` : output;\n }).join(' ');\n };\n\n spacing.mui = true;\n return spacing;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"breakpoints\", \"palette\", \"spacing\", \"shape\"];\nimport { deepmerge } from '@mui/utils';\nimport createBreakpoints from './createBreakpoints';\nimport shape from './shape';\nimport createSpacing from './createSpacing';\n\nfunction createTheme(options = {}, ...args) {\n const {\n breakpoints: breakpointsInput = {},\n palette: paletteInput = {},\n spacing: spacingInput,\n shape: shapeInput = {}\n } = options,\n other = _objectWithoutPropertiesLoose(options, _excluded);\n\n const breakpoints = createBreakpoints(breakpointsInput);\n const spacing = createSpacing(spacingInput);\n let muiTheme = deepmerge({\n breakpoints,\n direction: 'ltr',\n components: {},\n // Inject component definitions.\n palette: _extends({\n mode: 'light'\n }, paletteInput),\n spacing,\n shape: _extends({}, shape, shapeInput)\n }, other);\n muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);\n return muiTheme;\n}\n\nexport default createTheme;","import * as React from 'react';\nconst ThemeContext = /*#__PURE__*/React.createContext(null);\n\nif (process.env.NODE_ENV !== 'production') {\n ThemeContext.displayName = 'ThemeContext';\n}\n\nexport default ThemeContext;","import * as React from 'react';\nimport ThemeContext from './ThemeContext';\nexport default function useTheme() {\n const theme = React.useContext(ThemeContext);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n\n return theme;\n}","import { useTheme as muiUseTheme } from '@mui/private-theming';\n\nfunction isObjectEmpty(obj) {\n return Object.keys(obj).length === 0;\n}\n\nfunction useTheme(defaultTheme = null) {\n const contextTheme = muiUseTheme();\n return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;\n}\n\nexport default useTheme;","import createTheme from './createTheme';\nimport useThemeWithoutDefault from './useThemeWithoutDefault';\nexport const systemDefaultTheme = createTheme();\n\nfunction useTheme(defaultTheme = systemDefaultTheme) {\n return useThemeWithoutDefault(defaultTheme);\n}\n\nexport default useTheme;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nexport default function createMixins(breakpoints, mixins) {\n return _extends({\n toolbar: {\n minHeight: 56,\n [breakpoints.up('xs')]: {\n '@media (orientation: landscape)': {\n minHeight: 48\n }\n },\n [breakpoints.up('sm')]: {\n minHeight: 64\n }\n }\n }, mixins);\n}","const common = {\n black: '#000',\n white: '#fff'\n};\nexport default common;","const grey = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#eeeeee',\n 300: '#e0e0e0',\n 400: '#bdbdbd',\n 500: '#9e9e9e',\n 600: '#757575',\n 700: '#616161',\n 800: '#424242',\n 900: '#212121',\n A100: '#f5f5f5',\n A200: '#eeeeee',\n A400: '#bdbdbd',\n A700: '#616161'\n};\nexport default grey;","const purple = {\n 50: '#f3e5f5',\n 100: '#e1bee7',\n 200: '#ce93d8',\n 300: '#ba68c8',\n 400: '#ab47bc',\n 500: '#9c27b0',\n 600: '#8e24aa',\n 700: '#7b1fa2',\n 800: '#6a1b9a',\n 900: '#4a148c',\n A100: '#ea80fc',\n A200: '#e040fb',\n A400: '#d500f9',\n A700: '#aa00ff'\n};\nexport default purple;","const red = {\n 50: '#ffebee',\n 100: '#ffcdd2',\n 200: '#ef9a9a',\n 300: '#e57373',\n 400: '#ef5350',\n 500: '#f44336',\n 600: '#e53935',\n 700: '#d32f2f',\n 800: '#c62828',\n 900: '#b71c1c',\n A100: '#ff8a80',\n A200: '#ff5252',\n A400: '#ff1744',\n A700: '#d50000'\n};\nexport default red;","const orange = {\n 50: '#fff3e0',\n 100: '#ffe0b2',\n 200: '#ffcc80',\n 300: '#ffb74d',\n 400: '#ffa726',\n 500: '#ff9800',\n 600: '#fb8c00',\n 700: '#f57c00',\n 800: '#ef6c00',\n 900: '#e65100',\n A100: '#ffd180',\n A200: '#ffab40',\n A400: '#ff9100',\n A700: '#ff6d00'\n};\nexport default orange;","const blue = {\n 50: '#e3f2fd',\n 100: '#bbdefb',\n 200: '#90caf9',\n 300: '#64b5f6',\n 400: '#42a5f5',\n 500: '#2196f3',\n 600: '#1e88e5',\n 700: '#1976d2',\n 800: '#1565c0',\n 900: '#0d47a1',\n A100: '#82b1ff',\n A200: '#448aff',\n A400: '#2979ff',\n A700: '#2962ff'\n};\nexport default blue;","const lightBlue = {\n 50: '#e1f5fe',\n 100: '#b3e5fc',\n 200: '#81d4fa',\n 300: '#4fc3f7',\n 400: '#29b6f6',\n 500: '#03a9f4',\n 600: '#039be5',\n 700: '#0288d1',\n 800: '#0277bd',\n 900: '#01579b',\n A100: '#80d8ff',\n A200: '#40c4ff',\n A400: '#00b0ff',\n A700: '#0091ea'\n};\nexport default lightBlue;","const green = {\n 50: '#e8f5e9',\n 100: '#c8e6c9',\n 200: '#a5d6a7',\n 300: '#81c784',\n 400: '#66bb6a',\n 500: '#4caf50',\n 600: '#43a047',\n 700: '#388e3c',\n 800: '#2e7d32',\n 900: '#1b5e20',\n A100: '#b9f6ca',\n A200: '#69f0ae',\n A400: '#00e676',\n A700: '#00c853'\n};\nexport default green;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@mui/utils\";\nconst _excluded = [\"mode\", \"contrastThreshold\", \"tonalOffset\"];\nimport { deepmerge } from '@mui/utils';\nimport { darken, getContrastRatio, lighten } from '@mui/system';\nimport common from '../colors/common';\nimport grey from '../colors/grey';\nimport purple from '../colors/purple';\nimport red from '../colors/red';\nimport orange from '../colors/orange';\nimport blue from '../colors/blue';\nimport lightBlue from '../colors/lightBlue';\nimport green from '../colors/green';\nexport const light = {\n // The colors used to style the text.\n text: {\n // The most important text.\n primary: 'rgba(0, 0, 0, 0.87)',\n // Secondary text.\n secondary: 'rgba(0, 0, 0, 0.6)',\n // Disabled text have even lower visual prominence.\n disabled: 'rgba(0, 0, 0, 0.38)'\n },\n // The color used to divide different elements.\n divider: 'rgba(0, 0, 0, 0.12)',\n // The background colors used to style the surfaces.\n // Consistency between these values is important.\n background: {\n paper: common.white,\n default: common.white\n },\n // The colors used to style the action elements.\n action: {\n // The color of an active action like an icon button.\n active: 'rgba(0, 0, 0, 0.54)',\n // The color of an hovered action.\n hover: 'rgba(0, 0, 0, 0.04)',\n hoverOpacity: 0.04,\n // The color of a selected action.\n selected: 'rgba(0, 0, 0, 0.08)',\n selectedOpacity: 0.08,\n // The color of a disabled action.\n disabled: 'rgba(0, 0, 0, 0.26)',\n // The background color of a disabled action.\n disabledBackground: 'rgba(0, 0, 0, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(0, 0, 0, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.12\n }\n};\nexport const dark = {\n text: {\n primary: common.white,\n secondary: 'rgba(255, 255, 255, 0.7)',\n disabled: 'rgba(255, 255, 255, 0.5)',\n icon: 'rgba(255, 255, 255, 0.5)'\n },\n divider: 'rgba(255, 255, 255, 0.12)',\n background: {\n paper: '#121212',\n default: '#121212'\n },\n action: {\n active: common.white,\n hover: 'rgba(255, 255, 255, 0.08)',\n hoverOpacity: 0.08,\n selected: 'rgba(255, 255, 255, 0.16)',\n selectedOpacity: 0.16,\n disabled: 'rgba(255, 255, 255, 0.3)',\n disabledBackground: 'rgba(255, 255, 255, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(255, 255, 255, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.24\n }\n};\n\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n const tonalOffsetLight = tonalOffset.light || tonalOffset;\n const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n\n if (!intent[direction]) {\n if (intent.hasOwnProperty(shade)) {\n intent[direction] = intent[shade];\n } else if (direction === 'light') {\n intent.light = lighten(intent.main, tonalOffsetLight);\n } else if (direction === 'dark') {\n intent.dark = darken(intent.main, tonalOffsetDark);\n }\n }\n}\n\nfunction getDefaultPrimary(mode = 'light') {\n if (mode === 'dark') {\n return {\n main: blue[200],\n light: blue[50],\n dark: blue[400]\n };\n }\n\n return {\n main: blue[700],\n light: blue[400],\n dark: blue[800]\n };\n}\n\nfunction getDefaultSecondary(mode = 'light') {\n if (mode === 'dark') {\n return {\n main: purple[200],\n light: purple[50],\n dark: purple[400]\n };\n }\n\n return {\n main: purple[500],\n light: purple[300],\n dark: purple[700]\n };\n}\n\nfunction getDefaultError(mode = 'light') {\n if (mode === 'dark') {\n return {\n main: red[500],\n light: red[300],\n dark: red[700]\n };\n }\n\n return {\n main: red[700],\n light: red[400],\n dark: red[800]\n };\n}\n\nfunction getDefaultInfo(mode = 'light') {\n if (mode === 'dark') {\n return {\n main: lightBlue[400],\n light: lightBlue[300],\n dark: lightBlue[700]\n };\n }\n\n return {\n main: lightBlue[700],\n light: lightBlue[500],\n dark: lightBlue[900]\n };\n}\n\nfunction getDefaultSuccess(mode = 'light') {\n if (mode === 'dark') {\n return {\n main: green[400],\n light: green[300],\n dark: green[700]\n };\n }\n\n return {\n main: green[800],\n light: green[500],\n dark: green[900]\n };\n}\n\nfunction getDefaultWarning(mode = 'light') {\n if (mode === 'dark') {\n return {\n main: orange[400],\n light: orange[300],\n dark: orange[700]\n };\n }\n\n return {\n main: '#ed6c02',\n // closest to orange[800] that pass 3:1.\n light: orange[500],\n dark: orange[900]\n };\n}\n\nexport default function createPalette(palette) {\n const {\n mode = 'light',\n contrastThreshold = 3,\n tonalOffset = 0.2\n } = palette,\n other = _objectWithoutPropertiesLoose(palette, _excluded);\n\n const primary = palette.primary || getDefaultPrimary(mode);\n const secondary = palette.secondary || getDefaultSecondary(mode);\n const error = palette.error || getDefaultError(mode);\n const info = palette.info || getDefaultInfo(mode);\n const success = palette.success || getDefaultSuccess(mode);\n const warning = palette.warning || getDefaultWarning(mode); // Use the same logic as\n // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n\n function getContrastText(background) {\n const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n\n if (process.env.NODE_ENV !== 'production') {\n const contrast = getContrastRatio(background, contrastText);\n\n if (contrast < 3) {\n console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n }\n }\n\n return contrastText;\n }\n\n const augmentColor = ({\n color,\n name,\n mainShade = 500,\n lightShade = 300,\n darkShade = 700\n }) => {\n color = _extends({}, color);\n\n if (!color.main && color[mainShade]) {\n color.main = color[mainShade];\n }\n\n if (!color.hasOwnProperty('main')) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\nThe color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatMuiErrorMessage(11, name ? ` (${name})` : '', mainShade));\n }\n\n if (typeof color.main !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\n\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from \"@mui/material/colors\";\n\nconst theme1 = createTheme({ palette: {\n primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n primary: { main: green[500] },\n} });` : _formatMuiErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n }\n\n addLightOrDark(color, 'light', lightShade, tonalOffset);\n addLightOrDark(color, 'dark', darkShade, tonalOffset);\n\n if (!color.contrastText) {\n color.contrastText = getContrastText(color.main);\n }\n\n return color;\n };\n\n const modes = {\n dark,\n light\n };\n\n if (process.env.NODE_ENV !== 'production') {\n if (!modes[mode]) {\n console.error(`MUI: The palette mode \\`${mode}\\` is not supported.`);\n }\n }\n\n const paletteOutput = deepmerge(_extends({\n // A collection of common colors.\n common: _extends({}, common),\n // prevent mutable object.\n // The palette mode, can be light or dark.\n mode,\n // The colors used to represent primary interface elements for a user.\n primary: augmentColor({\n color: primary,\n name: 'primary'\n }),\n // The colors used to represent secondary interface elements for a user.\n secondary: augmentColor({\n color: secondary,\n name: 'secondary',\n mainShade: 'A400',\n lightShade: 'A200',\n darkShade: 'A700'\n }),\n // The colors used to represent interface elements that the user should be made aware of.\n error: augmentColor({\n color: error,\n name: 'error'\n }),\n // The colors used to represent potentially dangerous actions or important messages.\n warning: augmentColor({\n color: warning,\n name: 'warning'\n }),\n // The colors used to present information to the user that is neutral and not necessarily important.\n info: augmentColor({\n color: info,\n name: 'info'\n }),\n // The colors used to indicate the successful completion of an action that user triggered.\n success: augmentColor({\n color: success,\n name: 'success'\n }),\n // The grey colors.\n grey,\n // Used by `getContrastText()` to maximize the contrast between\n // the background and the text.\n contrastThreshold,\n // Takes a background color and returns the text color that maximizes the contrast.\n getContrastText,\n // Generate a rich color object.\n augmentColor,\n // Used by the functions below to shift a color's luminance by approximately\n // two indexes within its tonal palette.\n // E.g., shift from Red 500 to Red 300 or Red 700.\n tonalOffset\n }, modes[mode]), other);\n return paletteOutput;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"fontFamily\", \"fontSize\", \"fontWeightLight\", \"fontWeightRegular\", \"fontWeightMedium\", \"fontWeightBold\", \"htmlFontSize\", \"allVariants\", \"pxToRem\"];\nimport { deepmerge } from '@mui/utils';\n\nfunction round(value) {\n return Math.round(value * 1e5) / 1e5;\n}\n\nconst caseAllCaps = {\n textTransform: 'uppercase'\n};\nconst defaultFontFamily = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\n/**\n * @see @link{https://material.io/design/typography/the-type-system.html}\n * @see @link{https://material.io/design/typography/understanding-typography.html}\n */\n\nexport default function createTypography(palette, typography) {\n const _ref = typeof typography === 'function' ? typography(palette) : typography,\n {\n fontFamily = defaultFontFamily,\n // The default font size of the Material Specification.\n fontSize = 14,\n // px\n fontWeightLight = 300,\n fontWeightRegular = 400,\n fontWeightMedium = 500,\n fontWeightBold = 700,\n // Tell MUI what's the font-size on the html element.\n // 16px is the default font-size used by browsers.\n htmlFontSize = 16,\n // Apply the CSS properties to all the variants.\n allVariants,\n pxToRem: pxToRem2\n } = _ref,\n other = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof fontSize !== 'number') {\n console.error('MUI: `fontSize` is required to be a number.');\n }\n\n if (typeof htmlFontSize !== 'number') {\n console.error('MUI: `htmlFontSize` is required to be a number.');\n }\n }\n\n const coef = fontSize / 14;\n\n const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);\n\n const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends({\n fontFamily,\n fontWeight,\n fontSize: pxToRem(size),\n // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/\n lineHeight\n }, fontFamily === defaultFontFamily ? {\n letterSpacing: `${round(letterSpacing / size)}em`\n } : {}, casing, allVariants);\n\n const variants = {\n h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),\n h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),\n h3: buildVariant(fontWeightRegular, 48, 1.167, 0),\n h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),\n h5: buildVariant(fontWeightRegular, 24, 1.334, 0),\n h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),\n subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),\n subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),\n body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),\n body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),\n button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),\n caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),\n overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)\n };\n return deepmerge(_extends({\n htmlFontSize,\n pxToRem,\n fontFamily,\n fontSize,\n fontWeightLight,\n fontWeightRegular,\n fontWeightMedium,\n fontWeightBold\n }, variants), other, {\n clone: false // No need to clone deep\n\n });\n}","const shadowKeyUmbraOpacity = 0.2;\nconst shadowKeyPenumbraOpacity = 0.14;\nconst shadowAmbientShadowOpacity = 0.12;\n\nfunction createShadow(...px) {\n return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0,0,0,${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0,0,0,${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0,0,0,${shadowAmbientShadowOpacity})`].join(',');\n} // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss\n\n\nconst shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];\nexport default shadows;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"duration\", \"easing\", \"delay\"];\n// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves\n// to learn the context in which each easing should be used.\nexport const easing = {\n // This is the most common easing curve.\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n // Objects enter the screen at full velocity from off-screen and\n // slowly decelerate to a resting point.\n easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n // The sharp curve is used by objects that may return to the screen at any time.\n sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'\n}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations\n// to learn when use what timing\n\nexport const duration = {\n shortest: 150,\n shorter: 200,\n short: 250,\n // most basic recommended timing\n standard: 300,\n // this is to be used in complex animations\n complex: 375,\n // recommended when something is entering screen\n enteringScreen: 225,\n // recommended when something is leaving screen\n leavingScreen: 195\n};\n\nfunction formatMs(milliseconds) {\n return `${Math.round(milliseconds)}ms`;\n}\n\nfunction getAutoHeightDuration(height) {\n if (!height) {\n return 0;\n }\n\n const constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10\n\n return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);\n}\n\nexport default function createTransitions(inputTransitions) {\n const mergedEasing = _extends({}, easing, inputTransitions.easing);\n\n const mergedDuration = _extends({}, duration, inputTransitions.duration);\n\n const create = (props = ['all'], options = {}) => {\n const {\n duration: durationOption = mergedDuration.standard,\n easing: easingOption = mergedEasing.easeInOut,\n delay = 0\n } = options,\n other = _objectWithoutPropertiesLoose(options, _excluded);\n\n if (process.env.NODE_ENV !== 'production') {\n const isString = value => typeof value === 'string'; // IE11 support, replace with Number.isNaN\n // eslint-disable-next-line no-restricted-globals\n\n\n const isNumber = value => !isNaN(parseFloat(value));\n\n if (!isString(props) && !Array.isArray(props)) {\n console.error('MUI: Argument \"props\" must be a string or Array.');\n }\n\n if (!isNumber(durationOption) && !isString(durationOption)) {\n console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n }\n\n if (!isString(easingOption)) {\n console.error('MUI: Argument \"easing\" must be a string.');\n }\n\n if (!isNumber(delay) && !isString(delay)) {\n console.error('MUI: Argument \"delay\" must be a number or a string.');\n }\n\n if (Object.keys(other).length !== 0) {\n console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n }\n }\n\n return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n };\n\n return _extends({\n getAutoHeightDuration,\n create\n }, inputTransitions, {\n easing: mergedEasing,\n duration: mergedDuration\n });\n}","// We need to centralize the zIndex definitions as they work\n// like global values in the browser.\nconst zIndex = {\n mobileStepper: 1000,\n fab: 1050,\n speedDial: 1050,\n appBar: 1100,\n drawer: 1200,\n modal: 1300,\n snackbar: 1400,\n tooltip: 1500\n};\nexport default zIndex;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"breakpoints\", \"mixins\", \"spacing\", \"palette\", \"transitions\", \"typography\", \"shape\"];\nimport { deepmerge } from '@mui/utils';\nimport { generateUtilityClass } from '@mui/base';\nimport { createTheme as systemCreateTheme } from '@mui/system';\nimport createMixins from './createMixins';\nimport createPalette from './createPalette';\nimport createTypography from './createTypography';\nimport shadows from './shadows';\nimport createTransitions from './createTransitions';\nimport zIndex from './zIndex';\n\nfunction createTheme(options = {}, ...args) {\n const {\n mixins: mixinsInput = {},\n palette: paletteInput = {},\n transitions: transitionsInput = {},\n typography: typographyInput = {}\n } = options,\n other = _objectWithoutPropertiesLoose(options, _excluded);\n\n const palette = createPalette(paletteInput);\n const systemTheme = systemCreateTheme(options);\n let muiTheme = deepmerge(systemTheme, {\n mixins: createMixins(systemTheme.breakpoints, mixinsInput),\n palette,\n // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.\n shadows: shadows.slice(),\n typography: createTypography(palette, typographyInput),\n transitions: createTransitions(transitionsInput),\n zIndex: _extends({}, zIndex)\n });\n muiTheme = deepmerge(muiTheme, other);\n muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];\n\n const traverse = (node, component) => {\n let key; // eslint-disable-next-line guard-for-in, no-restricted-syntax\n\n for (key in node) {\n const child = node[key];\n\n if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {\n if (process.env.NODE_ENV !== 'production') {\n const stateClass = generateUtilityClass('', key);\n console.error([`MUI: The \\`${component}\\` component increases ` + `the CSS specificity of the \\`${key}\\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({\n root: {\n [`&.${stateClass}`]: child\n }\n }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\\n'));\n } // Remove the style to prevent global conflicts.\n\n\n node[key] = {};\n }\n }\n };\n\n Object.keys(muiTheme.components).forEach(component => {\n const styleOverrides = muiTheme.components[component].styleOverrides;\n\n if (styleOverrides && component.indexOf('Mui') === 0) {\n traverse(styleOverrides, component);\n }\n });\n }\n\n return muiTheme;\n}\n\nlet warnedOnce = false;\nexport function createMuiTheme(...args) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', \"You should use `import { createTheme } from '@mui/material/styles'`\"].join('\\n'));\n }\n }\n\n return createTheme(...args);\n}\nexport default createTheme;","import createTheme from './createTheme';\nconst defaultTheme = createTheme();\nexport default defaultTheme;","import { useThemeProps as systemUseThemeProps } from '@mui/system';\nimport defaultTheme from './defaultTheme';\nexport default function useThemeProps({\n props,\n name\n}) {\n return systemUseThemeProps({\n props,\n name,\n defaultTheme\n });\n}","import getThemeProps from './getThemeProps';\nimport useTheme from '../useTheme';\nexport default function useThemeProps({\n props,\n name,\n defaultTheme\n}) {\n const theme = useTheme(defaultTheme);\n const mergedProps = getThemeProps({\n theme,\n name,\n props\n });\n return mergedProps;\n}","function memoize(fn) {\n var cache = Object.create(null);\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default isPropValid;\n","/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n// $FlowFixMe\nfunction sheetForTag(tag) {\n if (tag.sheet) {\n // $FlowFixMe\n return tag.sheet;\n } // this weirdness brought to you by firefox\n\n /* istanbul ignore next */\n\n\n for (var i = 0; i < document.styleSheets.length; i++) {\n if (document.styleSheets[i].ownerNode === tag) {\n // $FlowFixMe\n return document.styleSheets[i];\n }\n }\n}\n\nfunction createStyleElement(options) {\n var tag = document.createElement('style');\n tag.setAttribute('data-emotion', options.key);\n\n if (options.nonce !== undefined) {\n tag.setAttribute('nonce', options.nonce);\n }\n\n tag.appendChild(document.createTextNode(''));\n tag.setAttribute('data-s', '');\n return tag;\n}\n\nvar StyleSheet = /*#__PURE__*/function () {\n // Using Node instead of HTMLElement since container may be a ShadowRoot\n function StyleSheet(options) {\n var _this = this;\n\n this._insertTag = function (tag) {\n var before;\n\n if (_this.tags.length === 0) {\n if (_this.insertionPoint) {\n before = _this.insertionPoint.nextSibling;\n } else if (_this.prepend) {\n before = _this.container.firstChild;\n } else {\n before = _this.before;\n }\n } else {\n before = _this.tags[_this.tags.length - 1].nextSibling;\n }\n\n _this.container.insertBefore(tag, before);\n\n _this.tags.push(tag);\n };\n\n this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;\n this.tags = [];\n this.ctr = 0;\n this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets\n\n this.key = options.key;\n this.container = options.container;\n this.prepend = options.prepend;\n this.insertionPoint = options.insertionPoint;\n this.before = null;\n }\n\n var _proto = StyleSheet.prototype;\n\n _proto.hydrate = function hydrate(nodes) {\n nodes.forEach(this._insertTag);\n };\n\n _proto.insert = function insert(rule) {\n // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n // it's 1 in dev because we insert source maps that map a single rule to a location\n // and you can only have one source map per style tag\n if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n this._insertTag(createStyleElement(this));\n }\n\n var tag = this.tags[this.tags.length - 1];\n\n if (process.env.NODE_ENV !== 'production') {\n var isImportRule = rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105;\n\n if (isImportRule && this._alreadyInsertedOrderInsensitiveRule) {\n // this would only cause problem in speedy mode\n // but we don't want enabling speedy to affect the observable behavior\n // so we report this error at all times\n console.error(\"You're attempting to insert the following rule:\\n\" + rule + '\\n\\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.');\n }\n this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule;\n }\n\n if (this.isSpeedy) {\n var sheet = sheetForTag(tag);\n\n try {\n // this is the ultrafast version, works across browsers\n // the big drawback is that the css won't be editable in devtools\n sheet.insertRule(rule, sheet.cssRules.length);\n } catch (e) {\n if (process.env.NODE_ENV !== 'production' && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(rule)) {\n console.error(\"There was a problem inserting the following rule: \\\"\" + rule + \"\\\"\", e);\n }\n }\n } else {\n tag.appendChild(document.createTextNode(rule));\n }\n\n this.ctr++;\n };\n\n _proto.flush = function flush() {\n // $FlowFixMe\n this.tags.forEach(function (tag) {\n return tag.parentNode && tag.parentNode.removeChild(tag);\n });\n this.tags = [];\n this.ctr = 0;\n\n if (process.env.NODE_ENV !== 'production') {\n this._alreadyInsertedOrderInsensitiveRule = false;\n }\n };\n\n return StyleSheet;\n}();\n\nexport { StyleSheet };\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {object}\n * @return {object}\n */\nexport var assign = Object.assign\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3)\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} search\n * @return {number}\n */\nexport function indexof (value, search) {\n\treturn value.indexOf(search)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n","import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object | null} root\n * @param {object | null} parent\n * @param {string} type\n * @param {string[] | string} props\n * @param {object[] | string} children\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}\n}\n\n/**\n * @param {object} root\n * @param {object} props\n * @return {object}\n */\nexport function copy (root, props) {\n\treturn assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\tif (type !== 34 && type !== 39)\n\t\t\t\t\tdelimiter(character)\n\t\t\t\tbreak\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\n","import {IMPORT, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'\nimport {strlen, sizeof} from './Utility.js'\n\n/**\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function serialize (children, callback) {\n\tvar output = ''\n\tvar length = sizeof(children)\n\n\tfor (var i = 0; i < length; i++)\n\t\toutput += callback(children[i], i, children, callback) || ''\n\n\treturn output\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function stringify (element, index, children, callback) {\n\tswitch (element.type) {\n\t\tcase IMPORT: case DECLARATION: return element.return = element.return || element.value\n\t\tcase COMMENT: return ''\n\t\tcase KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'\n\t\tcase RULESET: element.value = element.props.join(',')\n\t}\n\n\treturn strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''\n}\n","import {MS, MOZ, WEBKIT} from './Enum.js'\nimport {hash, charat, strlen, indexof, replace} from './Utility.js'\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {string}\n */\nexport function prefix (value, length) {\n\tswitch (hash(value, length)) {\n\t\t// color-adjust\n\t\tcase 5103:\n\t\t\treturn WEBKIT + 'print-' + value + value\n\t\t// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)\n\t\tcase 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:\n\t\t// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break\n\t\tcase 5572: case 6356: case 5844: case 3191: case 6645: case 3005:\n\t\t// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,\n\t\tcase 6391: case 5879: case 5623: case 6135: case 4599: case 4855:\n\t\t// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)\n\t\tcase 4215: case 6389: case 5109: case 5365: case 5621: case 3829:\n\t\t\treturn WEBKIT + value + value\n\t\t// appearance, user-select, transform, hyphens, text-size-adjust\n\t\tcase 5349: case 4246: case 4810: case 6968: case 2756:\n\t\t\treturn WEBKIT + value + MOZ + value + MS + value + value\n\t\t// flex, flex-direction\n\t\tcase 6828: case 4268:\n\t\t\treturn WEBKIT + value + MS + value + value\n\t\t// order\n\t\tcase 6165:\n\t\t\treturn WEBKIT + value + MS + 'flex-' + value + value\n\t\t// align-items\n\t\tcase 5187:\n\t\t\treturn WEBKIT + value + replace(value, /(\\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value\n\t\t// align-self\n\t\tcase 5443:\n\t\t\treturn WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value\n\t\t// align-content\n\t\tcase 4675:\n\t\t\treturn WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value\n\t\t// flex-shrink\n\t\tcase 5548:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value\n\t\t// flex-basis\n\t\tcase 5292:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value\n\t\t// flex-grow\n\t\tcase 6060:\n\t\t\treturn WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value\n\t\t// transition\n\t\tcase 4554:\n\t\t\treturn WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value\n\t\t// cursor\n\t\tcase 6187:\n\t\t\treturn replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value\n\t\t// background, background-image\n\t\tcase 5495: case 3959:\n\t\t\treturn replace(value, /(image-set\\([^]*)/, WEBKIT + '$1' + '$`$1')\n\t\t// justify-content\n\t\tcase 4968:\n\t\t\treturn replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value\n\t\t// (margin|padding)-inline-(start|end)\n\t\tcase 4095: case 3583: case 4068: case 2532:\n\t\t\treturn replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value\n\t\t// (min|max)?(width|height|inline-size|block-size)\n\t\tcase 8116: case 7059: case 5753: case 5535:\n\t\tcase 5445: case 5701: case 4933: case 4677:\n\t\tcase 5533: case 5789: case 5021: case 4765:\n\t\t\t// stretch, max-content, min-content, fill-available\n\t\t\tif (strlen(value) - 1 - length > 6)\n\t\t\t\tswitch (charat(value, length + 1)) {\n\t\t\t\t\t// (m)ax-content, (m)in-content\n\t\t\t\t\tcase 109:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (charat(value, length + 4) !== 45)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t// (f)ill-available, (f)it-content\n\t\t\t\t\tcase 102:\n\t\t\t\t\t\treturn replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value\n\t\t\t\t\t// (s)tretch\n\t\t\t\t\tcase 115:\n\t\t\t\t\t\treturn ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value\n\t\t\t\t}\n\t\t\tbreak\n\t\t// position: sticky\n\t\tcase 4949:\n\t\t\t// (s)ticky?\n\t\t\tif (charat(value, length + 1) !== 115)\n\t\t\t\tbreak\n\t\t// display: (flex|inline-flex)\n\t\tcase 6444:\n\t\t\tswitch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {\n\t\t\t\t// stic(k)y\n\t\t\t\tcase 107:\n\t\t\t\t\treturn replace(value, ':', ':' + WEBKIT) + value\n\t\t\t\t// (inline-)?fl(e)x\n\t\t\t\tcase 101:\n\t\t\t\t\treturn replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value\n\t\t\t}\n\t\t\tbreak\n\t\t// writing-mode\n\t\tcase 5936:\n\t\t\tswitch (charat(value, length + 11)) {\n\t\t\t\t// vertical-l(r)\n\t\t\t\tcase 114:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb') + value\n\t\t\t\t// vertical-r(l)\n\t\t\t\tcase 108:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb-rl') + value\n\t\t\t\t// horizontal(-)tb\n\t\t\t\tcase 45:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'lr') + value\n\t\t\t}\n\n\t\t\treturn WEBKIT + value + MS + value + value\n\t}\n\n\treturn value\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'\nimport {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (previous != 108 && characters.charCodeAt(length - 1) == 58) {\n\t\t\t\t\tif (indexof(characters += replace(delimit(character), '&', '&\\f'), '&\\f') != -1)\n\t\t\t\t\t\tampersand = -1\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t// \" ' [\n\t\t\tcase 34: case 39: case 91:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset:\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tswitch (atrule) {\n\t\t\t\t\t\t\t\t\t// d m s\n\t\t\t\t\t\t\t\t\tcase 100: case 109: case 115:\n\t\t\t\t\t\t\t\t\t\tparse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\tparse(characters, reference, reference, reference, [''], children, 0, points, children)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @return {object}\n */\nexport function comment (value, root, parent) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @return {object}\n */\nexport function declaration (value, root, parent, length) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)\n}\n","import { StyleSheet } from '@emotion/sheet';\nimport { dealloc, alloc, next, token, from, peek, delimit, slice, position, stringify, COMMENT, rulesheet, middleware, prefixer, serialize, compile } from 'stylis';\nimport '@emotion/weak-memoize';\nimport '@emotion/memoize';\n\nvar last = function last(arr) {\n return arr.length ? arr[arr.length - 1] : null;\n}; // based on https://github.com/thysultan/stylis.js/blob/e6843c373ebcbbfade25ebcc23f540ed8508da0a/src/Tokenizer.js#L239-L244\n\n\nvar identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {\n var previous = 0;\n var character = 0;\n\n while (true) {\n previous = character;\n character = peek(); // &\\f\n\n if (previous === 38 && character === 12) {\n points[index] = 1;\n }\n\n if (token(character)) {\n break;\n }\n\n next();\n }\n\n return slice(begin, position);\n};\n\nvar toRules = function toRules(parsed, points) {\n // pretend we've started with a comma\n var index = -1;\n var character = 44;\n\n do {\n switch (token(character)) {\n case 0:\n // &\\f\n if (character === 38 && peek() === 12) {\n // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings\n // stylis inserts \\f after & to know when & where it should replace this sequence with the context selector\n // and when it should just concatenate the outer and inner selectors\n // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here\n points[index] = 1;\n }\n\n parsed[index] += identifierWithPointTracking(position - 1, points, index);\n break;\n\n case 2:\n parsed[index] += delimit(character);\n break;\n\n case 4:\n // comma\n if (character === 44) {\n // colon\n parsed[++index] = peek() === 58 ? '&\\f' : '';\n points[index] = parsed[index].length;\n break;\n }\n\n // fallthrough\n\n default:\n parsed[index] += from(character);\n }\n } while (character = next());\n\n return parsed;\n};\n\nvar getRules = function getRules(value, points) {\n return dealloc(toRules(alloc(value), points));\n}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11\n\n\nvar fixedElements = /* #__PURE__ */new WeakMap();\nvar compat = function compat(element) {\n if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo\n // negative .length indicates that this rule has been already prefixed\n element.length < 1) {\n return;\n }\n\n var value = element.value,\n parent = element.parent;\n var isImplicitRule = element.column === parent.column && element.line === parent.line;\n\n while (parent.type !== 'rule') {\n parent = parent.parent;\n if (!parent) return;\n } // short-circuit for the simplest case\n\n\n if (element.props.length === 1 && value.charCodeAt(0) !== 58\n /* colon */\n && !fixedElements.get(parent)) {\n return;\n } // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)\n // then the props has already been manipulated beforehand as they that array is shared between it and its \"rule parent\"\n\n\n if (isImplicitRule) {\n return;\n }\n\n fixedElements.set(element, true);\n var points = [];\n var rules = getRules(value, points);\n var parentRules = parent.props;\n\n for (var i = 0, k = 0; i < rules.length; i++) {\n for (var j = 0; j < parentRules.length; j++, k++) {\n element.props[k] = points[i] ? rules[i].replace(/&\\f/g, parentRules[j]) : parentRules[j] + \" \" + rules[i];\n }\n }\n};\nvar removeLabel = function removeLabel(element) {\n if (element.type === 'decl') {\n var value = element.value;\n\n if ( // charcode for l\n value.charCodeAt(0) === 108 && // charcode for b\n value.charCodeAt(2) === 98) {\n // this ignores label\n element[\"return\"] = '';\n element.value = '';\n }\n }\n};\nvar ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';\n\nvar isIgnoringComment = function isIgnoringComment(element) {\n return !!element && element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;\n};\n\nvar createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {\n return function (element, index, children) {\n if (element.type !== 'rule') return;\n var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);\n\n if (unsafePseudoClasses && cache.compat !== true) {\n var prevElement = index > 0 ? children[index - 1] : null;\n\n if (prevElement && isIgnoringComment(last(prevElement.children))) {\n return;\n }\n\n unsafePseudoClasses.forEach(function (unsafePseudoClass) {\n console.error(\"The pseudo class \\\"\" + unsafePseudoClass + \"\\\" is potentially unsafe when doing server-side rendering. Try changing it to \\\"\" + unsafePseudoClass.split('-child')[0] + \"-of-type\\\".\");\n });\n }\n };\n};\n\nvar isImportRule = function isImportRule(element) {\n return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;\n};\n\nvar isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {\n for (var i = index - 1; i >= 0; i--) {\n if (!isImportRule(children[i])) {\n return true;\n }\n }\n\n return false;\n}; // use this to remove incorrect elements from further processing\n// so they don't get handed to the `sheet` (or anything else)\n// as that could potentially lead to additional logs which in turn could be overhelming to the user\n\n\nvar nullifyElement = function nullifyElement(element) {\n element.type = '';\n element.value = '';\n element[\"return\"] = '';\n element.children = '';\n element.props = '';\n};\n\nvar incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {\n if (!isImportRule(element)) {\n return;\n }\n\n if (element.parent) {\n console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\");\n nullifyElement(element);\n } else if (isPrependedWithRegularRules(index, children)) {\n console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\");\n nullifyElement(element);\n }\n};\n\nvar defaultStylisPlugins = [prefixer];\n\nvar createCache = function createCache(options) {\n var key = options.key;\n\n if (process.env.NODE_ENV !== 'production' && !key) {\n throw new Error(\"You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\\n\" + \"If multiple caches share the same key they might \\\"fight\\\" for each other's style elements.\");\n }\n\n if ( key === 'css') {\n var ssrStyles = document.querySelectorAll(\"style[data-emotion]:not([data-s])\"); // get SSRed styles out of the way of React's hydration\n // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)\n // note this very very intentionally targets all style elements regardless of the key to ensure\n // that creating a cache works inside of render of a React component\n\n Array.prototype.forEach.call(ssrStyles, function (node) {\n // we want to only move elements which have a space in the data-emotion attribute value\n // because that indicates that it is an Emotion 11 server-side rendered style elements\n // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector\n // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)\n // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles\n // will not result in the Emotion 10 styles being destroyed\n var dataEmotionAttribute = node.getAttribute('data-emotion');\n\n if (dataEmotionAttribute.indexOf(' ') === -1) {\n return;\n }\n document.head.appendChild(node);\n node.setAttribute('data-s', '');\n });\n }\n\n var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;\n\n if (process.env.NODE_ENV !== 'production') {\n // $FlowFixMe\n if (/[^a-z-]/.test(key)) {\n throw new Error(\"Emotion key must only contain lower case alphabetical characters and - but \\\"\" + key + \"\\\" was passed\");\n }\n }\n\n var inserted = {};\n var container;\n var nodesToHydrate = [];\n\n {\n container = options.container || document.head;\n Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which\n // means that the style elements we're looking at are only Emotion 11 server-rendered style elements\n document.querySelectorAll(\"style[data-emotion^=\\\"\" + key + \" \\\"]\"), function (node) {\n var attrib = node.getAttribute(\"data-emotion\").split(' '); // $FlowFixMe\n\n for (var i = 1; i < attrib.length; i++) {\n inserted[attrib[i]] = true;\n }\n\n nodesToHydrate.push(node);\n });\n }\n\n var _insert;\n\n var omnipresentPlugins = [compat, removeLabel];\n\n if (process.env.NODE_ENV !== 'production') {\n omnipresentPlugins.push(createUnsafeSelectorsAlarm({\n get compat() {\n return cache.compat;\n }\n\n }), incorrectImportAlarm);\n }\n\n {\n var currentSheet;\n var finalizingPlugins = [stringify, process.env.NODE_ENV !== 'production' ? function (element) {\n if (!element.root) {\n if (element[\"return\"]) {\n currentSheet.insert(element[\"return\"]);\n } else if (element.value && element.type !== COMMENT) {\n // insert empty rule in non-production environments\n // so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet\n currentSheet.insert(element.value + \"{}\");\n }\n }\n } : rulesheet(function (rule) {\n currentSheet.insert(rule);\n })];\n var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));\n\n var stylis = function stylis(styles) {\n return serialize(compile(styles), serializer);\n };\n\n _insert = function insert(selector, serialized, sheet, shouldCache) {\n currentSheet = sheet;\n\n if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {\n currentSheet = {\n insert: function insert(rule) {\n sheet.insert(rule + serialized.map);\n }\n };\n }\n\n stylis(selector ? selector + \"{\" + serialized.styles + \"}\" : serialized.styles);\n\n if (shouldCache) {\n cache.inserted[serialized.name] = true;\n }\n };\n }\n\n var cache = {\n key: key,\n sheet: new StyleSheet({\n key: key,\n container: container,\n nonce: options.nonce,\n speedy: options.speedy,\n prepend: options.prepend,\n insertionPoint: options.insertionPoint\n }),\n nonce: options.nonce,\n inserted: inserted,\n registered: {},\n insert: _insert\n };\n cache.sheet.hydrate(nodesToHydrate);\n return cache;\n};\n\nexport default createCache;\n","import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'\nimport {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'\nimport {copy, tokenize} from './Tokenizer.js'\nimport {serialize} from './Serializer.js'\nimport {prefix} from './Prefixer.js'\n\n/**\n * @param {function[]} collection\n * @return {function}\n */\nexport function middleware (collection) {\n\tvar length = sizeof(collection)\n\n\treturn function (element, index, children, callback) {\n\t\tvar output = ''\n\n\t\tfor (var i = 0; i < length; i++)\n\t\t\toutput += collection[i](element, index, children, callback) || ''\n\n\t\treturn output\n\t}\n}\n\n/**\n * @param {function} callback\n * @return {function}\n */\nexport function rulesheet (callback) {\n\treturn function (element) {\n\t\tif (!element.root)\n\t\t\tif (element = element.return)\n\t\t\t\tcallback(element)\n\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n */\nexport function prefixer (element, index, children, callback) {\n\tif (element.length > -1)\n\t\tif (!element.return)\n\t\t\tswitch (element.type) {\n\t\t\t\tcase DECLARATION: element.return = prefix(element.value, element.length)\n\t\t\t\t\tbreak\n\t\t\t\tcase KEYFRAMES:\n\t\t\t\t\treturn serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)\n\t\t\t\tcase RULESET:\n\t\t\t\t\tif (element.length)\n\t\t\t\t\t\treturn combine(element.props, function (value) {\n\t\t\t\t\t\t\tswitch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n\t\t\t\t\t\t\t\t// :read-(only|write)\n\t\t\t\t\t\t\t\tcase ':read-only': case ':read-write':\n\t\t\t\t\t\t\t\t\treturn serialize([copy(element, {props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]})], callback)\n\t\t\t\t\t\t\t\t// :placeholder\n\t\t\t\t\t\t\t\tcase '::placeholder':\n\t\t\t\t\t\t\t\t\treturn serialize([\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]})\n\t\t\t\t\t\t\t\t\t], callback)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn ''\n\t\t\t\t\t\t})\n\t\t\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n */\nexport function namespace (element) {\n\tswitch (element.type) {\n\t\tcase RULESET:\n\t\t\telement.props = element.props.map(function (value) {\n\t\t\t\treturn combine(tokenize(value), function (value, index, children) {\n\t\t\t\t\tswitch (charat(value, 0)) {\n\t\t\t\t\t\t// \\f\n\t\t\t\t\t\tcase 12:\n\t\t\t\t\t\t\treturn substr(value, 1, strlen(value))\n\t\t\t\t\t\t// \\0 ( + > ~\n\t\t\t\t\t\tcase 0: case 40: case 43: case 62: case 126:\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t// :\n\t\t\t\t\t\tcase 58:\n\t\t\t\t\t\t\tif (children[++index] === 'global')\n\t\t\t\t\t\t\t\tchildren[index] = '', children[++index] = '\\f' + substr(children[index], index = 1, -1)\n\t\t\t\t\t\t// \\s\n\t\t\t\t\t\tcase 32:\n\t\t\t\t\t\t\treturn index === 1 ? '' : value\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tswitch (index) {\n\t\t\t\t\t\t\t\tcase 0: element = value\n\t\t\t\t\t\t\t\t\treturn sizeof(children) > 1 ? '' : value\n\t\t\t\t\t\t\t\tcase index = sizeof(children) - 1: case 2:\n\t\t\t\t\t\t\t\t\treturn index === 2 ? value + element + element : value + element\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n","/* eslint-disable */\n// Inspired by https://github.com/garycourt/murmurhash-js\n// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86\nfunction murmur2(str) {\n // 'm' and 'r' are mixing constants generated offline.\n // They're not really 'magic', they just happen to work well.\n // const m = 0x5bd1e995;\n // const r = 24;\n // Initialize the hash\n var h = 0; // Mix 4 bytes at a time into the hash\n\n var k,\n i = 0,\n len = str.length;\n\n for (; len >= 4; ++i, len -= 4) {\n k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;\n k =\n /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);\n k ^=\n /* k >>> r: */\n k >>> 24;\n h =\n /* Math.imul(k, m): */\n (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Handle the last few bytes of the input array\n\n\n switch (len) {\n case 3:\n h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n\n case 2:\n h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n\n case 1:\n h ^= str.charCodeAt(i) & 0xff;\n h =\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n } // Do a few final mixes of the hash to ensure the last few\n // bytes are well-incorporated.\n\n\n h ^= h >>> 13;\n h =\n /* Math.imul(h, m): */\n (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n return ((h ^ h >>> 15) >>> 0).toString(36);\n}\n\nexport default murmur2;\n","var unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\nexport default unitlessKeys;\n","import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\n\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\nvar UNDEFINED_AS_OBJECT_KEY_ERROR = \"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\";\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\n\nvar isCustomProperty = function isCustomProperty(property) {\n return property.charCodeAt(1) === 45;\n};\n\nvar isProcessableValue = function isProcessableValue(value) {\n return value != null && typeof value !== 'boolean';\n};\n\nvar processStyleName = /* #__PURE__ */memoize(function (styleName) {\n return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\n\nvar processStyleValue = function processStyleValue(key, value) {\n switch (key) {\n case 'animation':\n case 'animationName':\n {\n if (typeof value === 'string') {\n return value.replace(animationRegex, function (match, p1, p2) {\n cursor = {\n name: p1,\n styles: p2,\n next: cursor\n };\n return p1;\n });\n }\n }\n }\n\n if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n return value + 'px';\n }\n\n return value;\n};\n\nif (process.env.NODE_ENV !== 'production') {\n var contentValuePattern = /(var|attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/;\n var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];\n var oldProcessStyleValue = processStyleValue;\n var msPattern = /^-ms-/;\n var hyphenPattern = /-(.)/g;\n var hyphenatedCache = {};\n\n processStyleValue = function processStyleValue(key, value) {\n if (key === 'content') {\n if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")) {\n throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\" + value + \"\\\"'`\");\n }\n }\n\n var processed = oldProcessStyleValue(key, value);\n\n if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {\n hyphenatedCache[key] = true;\n console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \" + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {\n return _char.toUpperCase();\n }) + \"?\");\n }\n\n return processed;\n };\n}\n\nvar noComponentSelectorMessage = 'Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.';\n\nfunction handleInterpolation(mergedProps, registered, interpolation) {\n if (interpolation == null) {\n return '';\n }\n\n if (interpolation.__emotion_styles !== undefined) {\n if (process.env.NODE_ENV !== 'production' && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {\n throw new Error(noComponentSelectorMessage);\n }\n\n return interpolation;\n }\n\n switch (typeof interpolation) {\n case 'boolean':\n {\n return '';\n }\n\n case 'object':\n {\n if (interpolation.anim === 1) {\n cursor = {\n name: interpolation.name,\n styles: interpolation.styles,\n next: cursor\n };\n return interpolation.name;\n }\n\n if (interpolation.styles !== undefined) {\n var next = interpolation.next;\n\n if (next !== undefined) {\n // not the most efficient thing ever but this is a pretty rare case\n // and there will be very few iterations of this generally\n while (next !== undefined) {\n cursor = {\n name: next.name,\n styles: next.styles,\n next: cursor\n };\n next = next.next;\n }\n }\n\n var styles = interpolation.styles + \";\";\n\n if (process.env.NODE_ENV !== 'production' && interpolation.map !== undefined) {\n styles += interpolation.map;\n }\n\n return styles;\n }\n\n return createStringFromObject(mergedProps, registered, interpolation);\n }\n\n case 'function':\n {\n if (mergedProps !== undefined) {\n var previousCursor = cursor;\n var result = interpolation(mergedProps);\n cursor = previousCursor;\n return handleInterpolation(mergedProps, registered, result);\n } else if (process.env.NODE_ENV !== 'production') {\n console.error('Functions that are interpolated in css calls will be stringified.\\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\\n' + 'It can be called directly with props or interpolated in a styled call like this\\n' + \"let SomeComponent = styled('div')`${dynamicStyle}`\");\n }\n\n break;\n }\n\n case 'string':\n if (process.env.NODE_ENV !== 'production') {\n var matched = [];\n var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {\n var fakeVarName = \"animation\" + matched.length;\n matched.push(\"const \" + fakeVarName + \" = keyframes`\" + p2.replace(/^@keyframes animation-\\w+/, '') + \"`\");\n return \"${\" + fakeVarName + \"}\";\n });\n\n if (matched.length) {\n console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\n' + 'Instead of doing this:\\n\\n' + [].concat(matched, [\"`\" + replaced + \"`\"]).join('\\n') + '\\n\\nYou should wrap it with `css` like this:\\n\\n' + (\"css`\" + replaced + \"`\"));\n }\n }\n\n break;\n } // finalize string values (regular strings and functions interpolated into css calls)\n\n\n if (registered == null) {\n return interpolation;\n }\n\n var cached = registered[interpolation];\n return cached !== undefined ? cached : interpolation;\n}\n\nfunction createStringFromObject(mergedProps, registered, obj) {\n var string = '';\n\n if (Array.isArray(obj)) {\n for (var i = 0; i < obj.length; i++) {\n string += handleInterpolation(mergedProps, registered, obj[i]) + \";\";\n }\n } else {\n for (var _key in obj) {\n var value = obj[_key];\n\n if (typeof value !== 'object') {\n if (registered != null && registered[value] !== undefined) {\n string += _key + \"{\" + registered[value] + \"}\";\n } else if (isProcessableValue(value)) {\n string += processStyleName(_key) + \":\" + processStyleValue(_key, value) + \";\";\n }\n } else {\n if (_key === 'NO_COMPONENT_SELECTOR' && process.env.NODE_ENV !== 'production') {\n throw new Error(noComponentSelectorMessage);\n }\n\n if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n for (var _i = 0; _i < value.length; _i++) {\n if (isProcessableValue(value[_i])) {\n string += processStyleName(_key) + \":\" + processStyleValue(_key, value[_i]) + \";\";\n }\n }\n } else {\n var interpolated = handleInterpolation(mergedProps, registered, value);\n\n switch (_key) {\n case 'animation':\n case 'animationName':\n {\n string += processStyleName(_key) + \":\" + interpolated + \";\";\n break;\n }\n\n default:\n {\n if (process.env.NODE_ENV !== 'production' && _key === 'undefined') {\n console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);\n }\n\n string += _key + \"{\" + interpolated + \"}\";\n }\n }\n }\n }\n }\n }\n\n return string;\n}\n\nvar labelPattern = /label:\\s*([^\\s;\\n{]+)\\s*(;|$)/g;\nvar sourceMapPattern;\n\nif (process.env.NODE_ENV !== 'production') {\n sourceMapPattern = /\\/\\*#\\ssourceMappingURL=data:application\\/json;\\S+\\s+\\*\\//g;\n} // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\n\nvar cursor;\nvar serializeStyles = function serializeStyles(args, registered, mergedProps) {\n if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n return args[0];\n }\n\n var stringMode = true;\n var styles = '';\n cursor = undefined;\n var strings = args[0];\n\n if (strings == null || strings.raw === undefined) {\n stringMode = false;\n styles += handleInterpolation(mergedProps, registered, strings);\n } else {\n if (process.env.NODE_ENV !== 'production' && strings[0] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n\n styles += strings[0];\n } // we start at 1 since we've already handled the first arg\n\n\n for (var i = 1; i < args.length; i++) {\n styles += handleInterpolation(mergedProps, registered, args[i]);\n\n if (stringMode) {\n if (process.env.NODE_ENV !== 'production' && strings[i] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n\n styles += strings[i];\n }\n }\n\n var sourceMap;\n\n if (process.env.NODE_ENV !== 'production') {\n styles = styles.replace(sourceMapPattern, function (match) {\n sourceMap = match;\n return '';\n });\n } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n\n labelPattern.lastIndex = 0;\n var identifierName = '';\n var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n while ((match = labelPattern.exec(styles)) !== null) {\n identifierName += '-' + // $FlowFixMe we know it's not null\n match[1];\n }\n\n var name = hashString(styles) + identifierName;\n\n if (process.env.NODE_ENV !== 'production') {\n // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)\n return {\n name: name,\n styles: styles,\n map: sourceMap,\n next: cursor,\n toString: function toString() {\n return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\";\n }\n };\n }\n\n return {\n name: name,\n styles: styles,\n next: cursor\n };\n};\n\nexport { serializeStyles };\n","import * as React from 'react';\nimport { createContext, useContext, forwardRef, createElement, Fragment } from 'react';\nimport createCache from '@emotion/cache';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport weakMemoize from '@emotion/weak-memoize';\nimport hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar hasOwnProperty = {}.hasOwnProperty;\n\nvar EmotionCacheContext = /* #__PURE__ */createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case\n// because this module is primarily intended for the browser and node\n// but it's also required in react native and similar environments sometimes\n// and we could have a special build just for that\n// but this is much easier and the native packages\n// might use a different theme context in the future anyway\ntypeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({\n key: 'css'\n}) : null);\n\nif (process.env.NODE_ENV !== 'production') {\n EmotionCacheContext.displayName = 'EmotionCacheContext';\n}\n\nvar CacheProvider = EmotionCacheContext.Provider;\nvar __unsafe_useEmotionCache = function useEmotionCache() {\n return useContext(EmotionCacheContext);\n};\n\nvar withEmotionCache = function withEmotionCache(func) {\n // $FlowFixMe\n return /*#__PURE__*/forwardRef(function (props, ref) {\n // the cache will never be null in the browser\n var cache = useContext(EmotionCacheContext);\n return func(props, cache, ref);\n });\n};\n\nvar ThemeContext = /* #__PURE__ */createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n ThemeContext.displayName = 'EmotionThemeContext';\n}\n\nvar useTheme = function useTheme() {\n return useContext(ThemeContext);\n};\n\nvar getTheme = function getTheme(outerTheme, theme) {\n if (typeof theme === 'function') {\n var mergedTheme = theme(outerTheme);\n\n if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {\n throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n }\n\n return mergedTheme;\n }\n\n if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {\n throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n }\n\n return _extends({}, outerTheme, theme);\n};\n\nvar createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {\n return weakMemoize(function (theme) {\n return getTheme(outerTheme, theme);\n });\n});\nvar ThemeProvider = function ThemeProvider(props) {\n var theme = useContext(ThemeContext);\n\n if (props.theme !== theme) {\n theme = createCacheWithTheme(theme)(props.theme);\n }\n\n return /*#__PURE__*/createElement(ThemeContext.Provider, {\n value: theme\n }, props.children);\n};\nfunction withTheme(Component) {\n var componentName = Component.displayName || Component.name || 'Component';\n\n var render = function render(props, ref) {\n var theme = useContext(ThemeContext);\n return /*#__PURE__*/createElement(Component, _extends({\n theme: theme,\n ref: ref\n }, props));\n }; // $FlowFixMe\n\n\n var WithTheme = /*#__PURE__*/forwardRef(render);\n WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n return hoistNonReactStatics(WithTheme, Component);\n}\n\nvar getLastPart = function getLastPart(functionName) {\n // The match may be something like 'Object.createEmotionProps' or\n // 'Loader.prototype.render'\n var parts = functionName.split('.');\n return parts[parts.length - 1];\n};\n\nvar getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {\n // V8\n var match = /^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line);\n if (match) return getLastPart(match[1]); // Safari / Firefox\n\n match = /^([A-Za-z0-9$.]+)@/.exec(line);\n if (match) return getLastPart(match[1]);\n return undefined;\n};\n\nvar internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS\n// identifiers, thus we only need to replace what is a valid character for JS,\n// but not for CSS.\n\nvar sanitizeIdentifier = function sanitizeIdentifier(identifier) {\n return identifier.replace(/\\$/g, '-');\n};\n\nvar getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {\n if (!stackTrace) return undefined;\n var lines = stackTrace.split('\\n');\n\n for (var i = 0; i < lines.length; i++) {\n var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just \"Error\"\n\n if (!functionName) continue; // If we reach one of these, we have gone too far and should quit\n\n if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an\n // uppercase letter\n\n if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);\n }\n\n return undefined;\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : function useInsertionEffect(create) {\n create();\n};\nfunction useInsertionEffectMaybe(create) {\n\n useInsertionEffect(create);\n}\n\nvar typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';\nvar labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';\nvar createEmotionProps = function createEmotionProps(type, props) {\n if (process.env.NODE_ENV !== 'production' && typeof props.css === 'string' && // check if there is a css declaration\n props.css.indexOf(':') !== -1) {\n throw new Error(\"Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`\" + props.css + \"`\");\n }\n\n var newProps = {};\n\n for (var key in props) {\n if (hasOwnProperty.call(props, key)) {\n newProps[key] = props[key];\n }\n }\n\n newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when\n // the label hasn't already been computed\n\n if (process.env.NODE_ENV !== 'production' && !!props.css && (typeof props.css !== 'object' || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {\n var label = getLabelFromStackTrace(new Error().stack);\n if (label) newProps[labelPropName] = label;\n }\n\n return newProps;\n};\n\nvar Insertion = function Insertion(_ref) {\n var cache = _ref.cache,\n serialized = _ref.serialized,\n isStringTag = _ref.isStringTag;\n registerStyles(cache, serialized, isStringTag);\n var rules = useInsertionEffectMaybe(function () {\n return insertStyles(cache, serialized, isStringTag);\n });\n\n return null;\n};\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works\n // not passing the registered cache to serializeStyles because it would\n // make certain babel optimisations not possible\n\n if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {\n cssProp = cache.registered[cssProp];\n }\n\n var WrappedComponent = props[typePropName];\n var registeredStyles = [cssProp];\n var className = '';\n\n if (typeof props.className === 'string') {\n className = getRegisteredStyles(cache.registered, registeredStyles, props.className);\n } else if (props.className != null) {\n className = props.className + \" \";\n }\n\n var serialized = serializeStyles(registeredStyles, undefined, useContext(ThemeContext));\n\n if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {\n var labelFromStack = props[labelPropName];\n\n if (labelFromStack) {\n serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);\n }\n }\n\n className += cache.key + \"-\" + serialized.name;\n var newProps = {};\n\n for (var key in props) {\n if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {\n newProps[key] = props[key];\n }\n }\n\n newProps.ref = ref;\n newProps.className = className;\n return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n cache: cache,\n serialized: serialized,\n isStringTag: typeof WrappedComponent === 'string'\n }), /*#__PURE__*/createElement(WrappedComponent, newProps));\n});\n\nif (process.env.NODE_ENV !== 'production') {\n Emotion.displayName = 'EmotionCssPropInternal';\n}\n\nexport { CacheProvider as C, Emotion as E, ThemeContext as T, __unsafe_useEmotionCache as _, useTheme as a, ThemeProvider as b, createEmotionProps as c, withTheme as d, hasOwnProperty as h, useInsertionEffectMaybe as u, withEmotionCache as w };\n","var isBrowser = \"object\" !== 'undefined';\nfunction getRegisteredStyles(registered, registeredStyles, classNames) {\n var rawClassName = '';\n classNames.split(' ').forEach(function (className) {\n if (registered[className] !== undefined) {\n registeredStyles.push(registered[className] + \";\");\n } else {\n rawClassName += className + \" \";\n }\n });\n return rawClassName;\n}\nvar registerStyles = function registerStyles(cache, serialized, isStringTag) {\n var className = cache.key + \"-\" + serialized.name;\n\n if ( // we only need to add the styles to the registered cache if the\n // class name could be used further down\n // the tree but if it's a string tag, we know it won't\n // so we don't have to add it to registered cache.\n // this improves memory usage since we can avoid storing the whole style string\n (isStringTag === false || // we need to always store it if we're in compat mode and\n // in node since emotion-server relies on whether a style is in\n // the registered cache to know whether a style is global or not\n // also, note that this check will be dead code eliminated in the browser\n isBrowser === false ) && cache.registered[className] === undefined) {\n cache.registered[className] = serialized.styles;\n }\n};\nvar insertStyles = function insertStyles(cache, serialized, isStringTag) {\n registerStyles(cache, serialized, isStringTag);\n var className = cache.key + \"-\" + serialized.name;\n\n if (cache.inserted[serialized.name] === undefined) {\n var current = serialized;\n\n do {\n var maybeStyles = cache.insert(serialized === current ? \".\" + className : '', current, cache.sheet, true);\n\n current = current.next;\n } while (current !== undefined);\n }\n};\n\nexport { getRegisteredStyles, insertStyles, registerStyles };\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport * as React from 'react';\nimport { useContext, createElement, Fragment } from 'react';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { withEmotionCache, ThemeContext } from '@emotion/react';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar testOmitPropsOnStringTag = isPropValid;\n\nvar testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {\n return key !== 'theme';\n};\n\nvar getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {\n return typeof tag === 'string' && // 96 is one less than the char code\n // for \"a\" so this is checking that\n // it's a lowercase character\n tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;\n};\nvar composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {\n var shouldForwardProp;\n\n if (options) {\n var optionsShouldForwardProp = options.shouldForwardProp;\n shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {\n return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);\n } : optionsShouldForwardProp;\n }\n\n if (typeof shouldForwardProp !== 'function' && isReal) {\n shouldForwardProp = tag.__emotion_forwardProp;\n }\n\n return shouldForwardProp;\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : function useInsertionEffect(create) {\n create();\n};\nfunction useInsertionEffectMaybe(create) {\n\n useInsertionEffect(create);\n}\n\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\n\nvar Insertion = function Insertion(_ref) {\n var cache = _ref.cache,\n serialized = _ref.serialized,\n isStringTag = _ref.isStringTag;\n registerStyles(cache, serialized, isStringTag);\n var rules = useInsertionEffectMaybe(function () {\n return insertStyles(cache, serialized, isStringTag);\n });\n\n return null;\n};\n\nvar createStyled = function createStyled(tag, options) {\n if (process.env.NODE_ENV !== 'production') {\n if (tag === undefined) {\n throw new Error('You are trying to create a styled element with an undefined component.\\nYou may have forgotten to import it.');\n }\n }\n\n var isReal = tag.__emotion_real === tag;\n var baseTag = isReal && tag.__emotion_base || tag;\n var identifierName;\n var targetClassName;\n\n if (options !== undefined) {\n identifierName = options.label;\n targetClassName = options.target;\n }\n\n var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);\n var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);\n var shouldUseAs = !defaultShouldForwardProp('as');\n return function () {\n var args = arguments;\n var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];\n\n if (identifierName !== undefined) {\n styles.push(\"label:\" + identifierName + \";\");\n }\n\n if (args[0] == null || args[0].raw === undefined) {\n styles.push.apply(styles, args);\n } else {\n if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n\n styles.push(args[0][0]);\n var len = args.length;\n var i = 1;\n\n for (; i < len; i++) {\n if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n }\n\n styles.push(args[i], args[0][i]);\n }\n } // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class\n\n\n var Styled = withEmotionCache(function (props, cache, ref) {\n var FinalTag = shouldUseAs && props.as || baseTag;\n var className = '';\n var classInterpolations = [];\n var mergedProps = props;\n\n if (props.theme == null) {\n mergedProps = {};\n\n for (var key in props) {\n mergedProps[key] = props[key];\n }\n\n mergedProps.theme = useContext(ThemeContext);\n }\n\n if (typeof props.className === 'string') {\n className = getRegisteredStyles(cache.registered, classInterpolations, props.className);\n } else if (props.className != null) {\n className = props.className + \" \";\n }\n\n var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);\n className += cache.key + \"-\" + serialized.name;\n\n if (targetClassName !== undefined) {\n className += \" \" + targetClassName;\n }\n\n var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;\n var newProps = {};\n\n for (var _key in props) {\n if (shouldUseAs && _key === 'as') continue;\n\n if ( // $FlowFixMe\n finalShouldForwardProp(_key)) {\n newProps[_key] = props[_key];\n }\n }\n\n newProps.className = className;\n newProps.ref = ref;\n return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n cache: cache,\n serialized: serialized,\n isStringTag: typeof FinalTag === 'string'\n }), /*#__PURE__*/createElement(FinalTag, newProps));\n });\n Styled.displayName = identifierName !== undefined ? identifierName : \"Styled(\" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + \")\";\n Styled.defaultProps = tag.defaultProps;\n Styled.__emotion_real = Styled;\n Styled.__emotion_base = baseTag;\n Styled.__emotion_styles = styles;\n Styled.__emotion_forwardProp = shouldForwardProp;\n Object.defineProperty(Styled, 'toString', {\n value: function value() {\n if (targetClassName === undefined && process.env.NODE_ENV !== 'production') {\n return 'NO_COMPONENT_SELECTOR';\n } // $FlowFixMe: coerce undefined to string\n\n\n return \".\" + targetClassName;\n }\n });\n\n Styled.withComponent = function (nextTag, nextOptions) {\n return createStyled(nextTag, _extends({}, options, nextOptions, {\n shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)\n })).apply(void 0, styles);\n };\n\n return Styled;\n };\n};\n\nexport default createStyled;\n","import '@babel/runtime/helpers/extends';\nimport 'react';\nimport '@emotion/is-prop-valid';\nimport createStyled from '../base/dist/emotion-styled-base.browser.esm.js';\nimport '@emotion/react';\nimport '@emotion/utils';\nimport '@emotion/serialize';\n\nvar tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG\n'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];\n\nvar newStyled = createStyled.bind();\ntags.forEach(function (tagName) {\n // $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type\n newStyled[tagName] = newStyled(tagName);\n});\n\nexport default newStyled;\n","/** @license MUI v5.8.0\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport emStyled from '@emotion/styled';\nexport default function styled(tag, options) {\n const stylesFactory = emStyled(tag, options);\n\n if (process.env.NODE_ENV !== 'production') {\n return (...styles) => {\n const component = typeof tag === 'string' ? `\"${tag}\"` : 'component';\n\n if (styles.length === 0) {\n console.error([`MUI: Seems like you called \\`styled(${component})()\\` without a \\`style\\` argument.`, 'You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`.'].join('\\n'));\n } else if (styles.some(style => style === undefined)) {\n console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);\n }\n\n return stylesFactory(...styles);\n };\n }\n\n return stylesFactory;\n}\nexport { ThemeContext, keyframes, css } from '@emotion/react';\nexport { default as StyledEngineProvider } from './StyledEngineProvider';\nexport { default as GlobalStyles } from './GlobalStyles';","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"variant\"];\nimport { unstable_capitalize as capitalize } from '@mui/utils';\n\nfunction isEmpty(string) {\n return string.length === 0;\n}\n/**\n * Generates string classKey based on the properties provided. It starts with the\n * variant if defined, and then it appends all other properties in alphabetical order.\n * @param {object} props - the properties for which the classKey should be created.\n */\n\n\nexport default function propsToClassKey(props) {\n const {\n variant\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n let classKey = variant || '';\n Object.keys(other).sort().forEach(key => {\n if (key === 'color') {\n classKey += isEmpty(classKey) ? props[key] : capitalize(props[key]);\n } else {\n classKey += `${isEmpty(classKey) ? key : capitalize(key)}${capitalize(props[key].toString())}`;\n }\n });\n return classKey;\n}","import merge from './merge';\n\nfunction compose(...styles) {\n const handlers = styles.reduce((acc, style) => {\n style.filterProps.forEach(prop => {\n acc[prop] = style;\n });\n return acc;\n }, {});\n\n const fn = props => {\n return Object.keys(props).reduce((acc, prop) => {\n if (handlers[prop]) {\n return merge(acc, handlers[prop](props));\n }\n\n return acc;\n }, {});\n };\n\n fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};\n fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);\n return fn;\n}\n\nexport default compose;","import responsivePropType from './responsivePropType';\nimport style from './style';\nimport compose from './compose';\nimport { createUnaryUnit, getValue } from './spacing';\nimport { handleBreakpoints } from './breakpoints';\n\nfunction getBorder(value) {\n if (typeof value !== 'number') {\n return value;\n }\n\n return `${value}px solid`;\n}\n\nexport const border = style({\n prop: 'border',\n themeKey: 'borders',\n transform: getBorder\n});\nexport const borderTop = style({\n prop: 'borderTop',\n themeKey: 'borders',\n transform: getBorder\n});\nexport const borderRight = style({\n prop: 'borderRight',\n themeKey: 'borders',\n transform: getBorder\n});\nexport const borderBottom = style({\n prop: 'borderBottom',\n themeKey: 'borders',\n transform: getBorder\n});\nexport const borderLeft = style({\n prop: 'borderLeft',\n themeKey: 'borders',\n transform: getBorder\n});\nexport const borderColor = style({\n prop: 'borderColor',\n themeKey: 'palette'\n});\nexport const borderTopColor = style({\n prop: 'borderTopColor',\n themeKey: 'palette'\n});\nexport const borderRightColor = style({\n prop: 'borderRightColor',\n themeKey: 'palette'\n});\nexport const borderBottomColor = style({\n prop: 'borderBottomColor',\n themeKey: 'palette'\n});\nexport const borderLeftColor = style({\n prop: 'borderLeftColor',\n themeKey: 'palette'\n});\nexport const borderRadius = props => {\n if (props.borderRadius !== undefined && props.borderRadius !== null) {\n const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');\n\n const styleFromPropValue = propValue => ({\n borderRadius: getValue(transformer, propValue)\n });\n\n return handleBreakpoints(props, props.borderRadius, styleFromPropValue);\n }\n\n return null;\n};\nborderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {\n borderRadius: responsivePropType\n} : {};\nborderRadius.filterProps = ['borderRadius'];\nconst borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);\nexport default borders;","import style from './style';\nimport compose from './compose';\nexport const displayPrint = style({\n prop: 'displayPrint',\n cssProperty: false,\n transform: value => ({\n '@media print': {\n display: value\n }\n })\n});\nexport const displayRaw = style({\n prop: 'display'\n});\nexport const overflow = style({\n prop: 'overflow'\n});\nexport const textOverflow = style({\n prop: 'textOverflow'\n});\nexport const visibility = style({\n prop: 'visibility'\n});\nexport const whiteSpace = style({\n prop: 'whiteSpace'\n});\nexport default compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);","import style from './style';\nimport compose from './compose';\nexport const flexBasis = style({\n prop: 'flexBasis'\n});\nexport const flexDirection = style({\n prop: 'flexDirection'\n});\nexport const flexWrap = style({\n prop: 'flexWrap'\n});\nexport const justifyContent = style({\n prop: 'justifyContent'\n});\nexport const alignItems = style({\n prop: 'alignItems'\n});\nexport const alignContent = style({\n prop: 'alignContent'\n});\nexport const order = style({\n prop: 'order'\n});\nexport const flex = style({\n prop: 'flex'\n});\nexport const flexGrow = style({\n prop: 'flexGrow'\n});\nexport const flexShrink = style({\n prop: 'flexShrink'\n});\nexport const alignSelf = style({\n prop: 'alignSelf'\n});\nexport const justifyItems = style({\n prop: 'justifyItems'\n});\nexport const justifySelf = style({\n prop: 'justifySelf'\n});\nconst flexbox = compose(flexBasis, flexDirection, flexWrap, justifyContent, alignItems, alignContent, order, flex, flexGrow, flexShrink, alignSelf, justifyItems, justifySelf);\nexport default flexbox;","import style from './style';\nimport compose from './compose';\nimport { createUnaryUnit, getValue } from './spacing';\nimport { handleBreakpoints } from './breakpoints';\nimport responsivePropType from './responsivePropType';\nexport const gap = props => {\n if (props.gap !== undefined && props.gap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n\n const styleFromPropValue = propValue => ({\n gap: getValue(transformer, propValue)\n });\n\n return handleBreakpoints(props, props.gap, styleFromPropValue);\n }\n\n return null;\n};\ngap.propTypes = process.env.NODE_ENV !== 'production' ? {\n gap: responsivePropType\n} : {};\ngap.filterProps = ['gap'];\nexport const columnGap = props => {\n if (props.columnGap !== undefined && props.columnGap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n\n const styleFromPropValue = propValue => ({\n columnGap: getValue(transformer, propValue)\n });\n\n return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n }\n\n return null;\n};\ncolumnGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n columnGap: responsivePropType\n} : {};\ncolumnGap.filterProps = ['columnGap'];\nexport const rowGap = props => {\n if (props.rowGap !== undefined && props.rowGap !== null) {\n const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n\n const styleFromPropValue = propValue => ({\n rowGap: getValue(transformer, propValue)\n });\n\n return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n }\n\n return null;\n};\nrowGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n rowGap: responsivePropType\n} : {};\nrowGap.filterProps = ['rowGap'];\nexport const gridColumn = style({\n prop: 'gridColumn'\n});\nexport const gridRow = style({\n prop: 'gridRow'\n});\nexport const gridAutoFlow = style({\n prop: 'gridAutoFlow'\n});\nexport const gridAutoColumns = style({\n prop: 'gridAutoColumns'\n});\nexport const gridAutoRows = style({\n prop: 'gridAutoRows'\n});\nexport const gridTemplateColumns = style({\n prop: 'gridTemplateColumns'\n});\nexport const gridTemplateRows = style({\n prop: 'gridTemplateRows'\n});\nexport const gridTemplateAreas = style({\n prop: 'gridTemplateAreas'\n});\nexport const gridArea = style({\n prop: 'gridArea'\n});\nconst grid = compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;","import style from './style';\nimport compose from './compose';\nexport const position = style({\n prop: 'position'\n});\nexport const zIndex = style({\n prop: 'zIndex',\n themeKey: 'zIndex'\n});\nexport const top = style({\n prop: 'top'\n});\nexport const right = style({\n prop: 'right'\n});\nexport const bottom = style({\n prop: 'bottom'\n});\nexport const left = style({\n prop: 'left'\n});\nexport default compose(position, zIndex, top, right, bottom, left);","import style from './style';\nimport compose from './compose';\nexport const color = style({\n prop: 'color',\n themeKey: 'palette'\n});\nexport const bgcolor = style({\n prop: 'bgcolor',\n cssProperty: 'backgroundColor',\n themeKey: 'palette'\n});\nexport const backgroundColor = style({\n prop: 'backgroundColor',\n themeKey: 'palette'\n});\nconst palette = compose(color, bgcolor, backgroundColor);\nexport default palette;","import style from './style';\nconst boxShadow = style({\n prop: 'boxShadow',\n themeKey: 'shadows'\n});\nexport default boxShadow;","import style from './style';\nimport compose from './compose';\nimport { handleBreakpoints, values as breakpointsValues } from './breakpoints';\n\nfunction transform(value) {\n return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}\n\nexport const width = style({\n prop: 'width',\n transform\n});\nexport const maxWidth = props => {\n if (props.maxWidth !== undefined && props.maxWidth !== null) {\n const styleFromPropValue = propValue => {\n var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;\n\n const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || breakpointsValues[propValue];\n return {\n maxWidth: breakpoint || transform(propValue)\n };\n };\n\n return handleBreakpoints(props, props.maxWidth, styleFromPropValue);\n }\n\n return null;\n};\nmaxWidth.filterProps = ['maxWidth'];\nexport const minWidth = style({\n prop: 'minWidth',\n transform\n});\nexport const height = style({\n prop: 'height',\n transform\n});\nexport const maxHeight = style({\n prop: 'maxHeight',\n transform\n});\nexport const minHeight = style({\n prop: 'minHeight',\n transform\n});\nexport const sizeWidth = style({\n prop: 'size',\n cssProperty: 'width',\n transform\n});\nexport const sizeHeight = style({\n prop: 'size',\n cssProperty: 'height',\n transform\n});\nexport const boxSizing = style({\n prop: 'boxSizing'\n});\nconst sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);\nexport default sizing;","import style from './style';\nimport compose from './compose';\nexport const fontFamily = style({\n prop: 'fontFamily',\n themeKey: 'typography'\n});\nexport const fontSize = style({\n prop: 'fontSize',\n themeKey: 'typography'\n});\nexport const fontStyle = style({\n prop: 'fontStyle',\n themeKey: 'typography'\n});\nexport const fontWeight = style({\n prop: 'fontWeight',\n themeKey: 'typography'\n});\nexport const letterSpacing = style({\n prop: 'letterSpacing'\n});\nexport const textTransform = style({\n prop: 'textTransform'\n});\nexport const lineHeight = style({\n prop: 'lineHeight'\n});\nexport const textAlign = style({\n prop: 'textAlign'\n});\nexport const typographyVariant = style({\n prop: 'typography',\n cssProperty: false,\n themeKey: 'typography'\n});\nconst typography = compose(typographyVariant, fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign, textTransform);\nexport default typography;","import borders from './borders';\nimport display from './display';\nimport flexbox from './flexbox';\nimport grid from './grid';\nimport positions from './positions';\nimport palette from './palette';\nimport shadows from './shadows';\nimport sizing from './sizing';\nimport spacing from './spacing';\nimport typography from './typography';\nconst filterPropsMapping = {\n borders: borders.filterProps,\n display: display.filterProps,\n flexbox: flexbox.filterProps,\n grid: grid.filterProps,\n positions: positions.filterProps,\n palette: palette.filterProps,\n shadows: shadows.filterProps,\n sizing: sizing.filterProps,\n spacing: spacing.filterProps,\n typography: typography.filterProps\n};\nexport const styleFunctionMapping = {\n borders,\n display,\n flexbox,\n grid,\n positions,\n palette,\n shadows,\n sizing,\n spacing,\n typography\n};\nexport const propToStyleFunction = Object.keys(filterPropsMapping).reduce((acc, styleFnName) => {\n filterPropsMapping[styleFnName].forEach(propName => {\n acc[propName] = styleFunctionMapping[styleFnName];\n });\n return acc;\n}, {});\n\nfunction getThemeValue(prop, value, theme) {\n const inputProps = {\n [prop]: value,\n theme\n };\n const styleFunction = propToStyleFunction[prop];\n return styleFunction ? styleFunction(inputProps) : {\n [prop]: value\n };\n}\n\nexport default getThemeValue;","import merge from '../merge';\nimport { styleFunctionMapping as defaultStyleFunctionMapping } from '../getThemeValue';\nimport { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from '../breakpoints';\n\nfunction objectsHaveSameKeys(...objects) {\n const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);\n const union = new Set(allKeys);\n return objects.every(object => union.size === Object.keys(object).length);\n}\n\nfunction callIfFn(maybeFn, arg) {\n return typeof maybeFn === 'function' ? maybeFn(arg) : maybeFn;\n} // eslint-disable-next-line @typescript-eslint/naming-convention\n\n\nexport function unstable_createStyleFunctionSx(styleFunctionMapping = defaultStyleFunctionMapping) {\n const propToStyleFunction = Object.keys(styleFunctionMapping).reduce((acc, styleFnName) => {\n styleFunctionMapping[styleFnName].filterProps.forEach(propName => {\n acc[propName] = styleFunctionMapping[styleFnName];\n });\n return acc;\n }, {});\n\n function getThemeValue(prop, value, theme) {\n const inputProps = {\n [prop]: value,\n theme\n };\n const styleFunction = propToStyleFunction[prop];\n return styleFunction ? styleFunction(inputProps) : {\n [prop]: value\n };\n }\n\n function styleFunctionSx(props) {\n const {\n sx,\n theme = {}\n } = props || {};\n\n if (!sx) {\n return null; // Emotion & styled-components will neglect null\n }\n /*\n * Receive `sxInput` as object or callback\n * and then recursively check keys & values to create media query object styles.\n * (the result will be used in `styled`)\n */\n\n\n function traverse(sxInput) {\n let sxObject = sxInput;\n\n if (typeof sxInput === 'function') {\n sxObject = sxInput(theme);\n } else if (typeof sxInput !== 'object') {\n // value\n return sxInput;\n }\n\n if (!sxObject) {\n return null;\n }\n\n const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints);\n const breakpointsKeys = Object.keys(emptyBreakpoints);\n let css = emptyBreakpoints;\n Object.keys(sxObject).forEach(styleKey => {\n const value = callIfFn(sxObject[styleKey], theme);\n\n if (value !== null && value !== undefined) {\n if (typeof value === 'object') {\n if (propToStyleFunction[styleKey]) {\n css = merge(css, getThemeValue(styleKey, value, theme));\n } else {\n const breakpointsValues = handleBreakpoints({\n theme\n }, value, x => ({\n [styleKey]: x\n }));\n\n if (objectsHaveSameKeys(breakpointsValues, value)) {\n css[styleKey] = styleFunctionSx({\n sx: value,\n theme\n });\n } else {\n css = merge(css, breakpointsValues);\n }\n }\n } else {\n css = merge(css, getThemeValue(styleKey, value, theme));\n }\n }\n });\n return removeUnusedBreakpoints(breakpointsKeys, css);\n }\n\n return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);\n }\n\n return styleFunctionSx;\n}\nconst styleFunctionSx = unstable_createStyleFunctionSx();\nstyleFunctionSx.filterProps = ['sx'];\nexport default styleFunctionSx;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"name\", \"slot\", \"skipVariantsResolver\", \"skipSx\", \"overridesResolver\"],\n _excluded2 = [\"theme\"],\n _excluded3 = [\"theme\"];\nimport styledEngineStyled from '@mui/styled-engine';\nimport { getDisplayName } from '@mui/utils';\nimport createTheme from './createTheme';\nimport propsToClassKey from './propsToClassKey';\nimport defaultStyleFunctionSx from './styleFunctionSx';\n\nfunction isEmpty(obj) {\n return Object.keys(obj).length === 0;\n}\n\nconst getStyleOverrides = (name, theme) => {\n if (theme.components && theme.components[name] && theme.components[name].styleOverrides) {\n return theme.components[name].styleOverrides;\n }\n\n return null;\n};\n\nconst getVariantStyles = (name, theme) => {\n let variants = [];\n\n if (theme && theme.components && theme.components[name] && theme.components[name].variants) {\n variants = theme.components[name].variants;\n }\n\n const variantsStyles = {};\n variants.forEach(definition => {\n const key = propsToClassKey(definition.props);\n variantsStyles[key] = definition.style;\n });\n return variantsStyles;\n};\n\nconst variantsResolver = (props, styles, theme, name) => {\n var _theme$components, _theme$components$nam;\n\n const {\n ownerState = {}\n } = props;\n const variantsStyles = [];\n const themeVariants = theme == null ? void 0 : (_theme$components = theme.components) == null ? void 0 : (_theme$components$nam = _theme$components[name]) == null ? void 0 : _theme$components$nam.variants;\n\n if (themeVariants) {\n themeVariants.forEach(themeVariant => {\n let isMatch = true;\n Object.keys(themeVariant.props).forEach(key => {\n if (ownerState[key] !== themeVariant.props[key] && props[key] !== themeVariant.props[key]) {\n isMatch = false;\n }\n });\n\n if (isMatch) {\n variantsStyles.push(styles[propsToClassKey(themeVariant.props)]);\n }\n });\n }\n\n return variantsStyles;\n}; // Update /system/styled/#api in case if this changes\n\n\nexport function shouldForwardProp(prop) {\n return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';\n}\nexport const systemDefaultTheme = createTheme();\n\nconst lowercaseFirstLetter = string => {\n return string.charAt(0).toLowerCase() + string.slice(1);\n};\n\nexport default function createStyled(input = {}) {\n const {\n defaultTheme = systemDefaultTheme,\n rootShouldForwardProp = shouldForwardProp,\n slotShouldForwardProp = shouldForwardProp,\n styleFunctionSx = defaultStyleFunctionSx\n } = input;\n return (tag, inputOptions = {}) => {\n const {\n name: componentName,\n slot: componentSlot,\n skipVariantsResolver: inputSkipVariantsResolver,\n skipSx: inputSkipSx,\n overridesResolver\n } = inputOptions,\n options = _objectWithoutPropertiesLoose(inputOptions, _excluded); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.\n\n\n const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;\n const skipSx = inputSkipSx || false;\n let label;\n\n if (process.env.NODE_ENV !== 'production') {\n if (componentName) {\n label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;\n }\n }\n\n let shouldForwardPropOption = shouldForwardProp;\n\n if (componentSlot === 'Root') {\n shouldForwardPropOption = rootShouldForwardProp;\n } else if (componentSlot) {\n // any other slot specified\n shouldForwardPropOption = slotShouldForwardProp;\n }\n\n const defaultStyledResolver = styledEngineStyled(tag, _extends({\n shouldForwardProp: shouldForwardPropOption,\n label\n }, options));\n\n const muiStyledResolver = (styleArg, ...expressions) => {\n const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {\n // On the server Emotion doesn't use React.forwardRef for creating components, so the created\n // component stays as a function. This condition makes sure that we do not interpolate functions\n // which are basically components used as a selectors.\n // eslint-disable-next-line no-underscore-dangle\n return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? _ref => {\n let {\n theme: themeInput\n } = _ref,\n other = _objectWithoutPropertiesLoose(_ref, _excluded2);\n\n return stylesArg(_extends({\n theme: isEmpty(themeInput) ? defaultTheme : themeInput\n }, other));\n } : stylesArg;\n }) : [];\n let transformedStyleArg = styleArg;\n\n if (componentName && overridesResolver) {\n expressionsWithDefaultTheme.push(props => {\n const theme = isEmpty(props.theme) ? defaultTheme : props.theme;\n const styleOverrides = getStyleOverrides(componentName, theme);\n\n if (styleOverrides) {\n const resolvedStyleOverrides = {};\n Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {\n resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends({}, props, {\n theme\n })) : slotStyle;\n });\n return overridesResolver(props, resolvedStyleOverrides);\n }\n\n return null;\n });\n }\n\n if (componentName && !skipVariantsResolver) {\n expressionsWithDefaultTheme.push(props => {\n const theme = isEmpty(props.theme) ? defaultTheme : props.theme;\n return variantsResolver(props, getVariantStyles(componentName, theme), theme, componentName);\n });\n }\n\n if (!skipSx) {\n expressionsWithDefaultTheme.push(props => {\n const theme = isEmpty(props.theme) ? defaultTheme : props.theme;\n return styleFunctionSx(_extends({}, props, {\n theme\n }));\n });\n }\n\n const numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length;\n\n if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) {\n const placeholders = new Array(numOfCustomFnsApplied).fill(''); // If the type is array, than we need to add placeholders in the template for the overrides, variants and the sx styles.\n\n transformedStyleArg = [...styleArg, ...placeholders];\n transformedStyleArg.raw = [...styleArg.raw, ...placeholders];\n } else if (typeof styleArg === 'function' && // On the server Emotion doesn't use React.forwardRef for creating components, so the created\n // component stays as a function. This condition makes sure that we do not interpolate functions\n // which are basically components used as a selectors.\n // eslint-disable-next-line no-underscore-dangle\n styleArg.__emotion_real !== styleArg) {\n // If the type is function, we need to define the default theme.\n transformedStyleArg = _ref2 => {\n let {\n theme: themeInput\n } = _ref2,\n other = _objectWithoutPropertiesLoose(_ref2, _excluded3);\n\n return styleArg(_extends({\n theme: isEmpty(themeInput) ? defaultTheme : themeInput\n }, other));\n };\n }\n\n const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n let displayName;\n\n if (componentName) {\n displayName = `${componentName}${componentSlot || ''}`;\n }\n\n if (displayName === undefined) {\n displayName = `Styled(${getDisplayName(tag)})`;\n }\n\n Component.displayName = displayName;\n }\n\n return Component;\n };\n\n if (defaultStyledResolver.withConfig) {\n muiStyledResolver.withConfig = defaultStyledResolver.withConfig;\n }\n\n return muiStyledResolver;\n };\n}","import { createStyled, shouldForwardProp } from '@mui/system';\nimport defaultTheme from './defaultTheme';\nexport const rootShouldForwardProp = prop => shouldForwardProp(prop) && prop !== 'classes';\nexport const slotShouldForwardProp = shouldForwardProp;\nconst styled = createStyled({\n defaultTheme,\n rootShouldForwardProp\n});\nexport default styled;","import * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from './defaultTheme';\nexport default function useTheme() {\n const theme = useThemeSystem(defaultTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n\n return theme;\n}","import { isHostComponent } from '@mui/base';\n\nconst shouldSpreadAdditionalProps = Slot => {\n return !Slot || !isHostComponent(Slot);\n};\n\nexport default shouldSpreadAdditionalProps;","import { unstable_capitalize as capitalize } from '@mui/utils';\nexport default capitalize;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"component\", \"components\", \"componentsProps\", \"color\", \"size\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@mui/utils';\nimport { generateUtilityClasses } from '@mui/base';\nimport SliderUnstyled, { SliderValueLabelUnstyled, sliderUnstyledClasses, getSliderUtilityClass } from '@mui/base/SliderUnstyled';\nimport { alpha, lighten, darken } from '@mui/system';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled, { slotShouldForwardProp } from '../styles/styled';\nimport useTheme from '../styles/useTheme';\nimport shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';\nimport capitalize from '../utils/capitalize';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const sliderClasses = _extends({}, sliderUnstyledClasses, generateUtilityClasses('MuiSlider', ['colorPrimary', 'colorSecondary', 'thumbColorPrimary', 'thumbColorSecondary', 'sizeSmall', 'thumbSizeSmall']));\nconst SliderRoot = styled('span', {\n name: 'MuiSlider',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, styles[`color${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], ownerState.marked && styles.marked, ownerState.orientation === 'vertical' && styles.vertical, ownerState.track === 'inverted' && styles.trackInverted, ownerState.track === false && styles.trackFalse];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n borderRadius: 12,\n boxSizing: 'content-box',\n display: 'inline-block',\n position: 'relative',\n cursor: 'pointer',\n touchAction: 'none',\n color: theme.palette[ownerState.color].main,\n WebkitTapHighlightColor: 'transparent'\n}, ownerState.orientation === 'horizontal' && _extends({\n height: 4,\n width: '100%',\n padding: '13px 0',\n // The primary input mechanism of the device includes a pointing device of limited accuracy.\n '@media (pointer: coarse)': {\n // Reach 42px touch target, about ~8mm on screen.\n padding: '20px 0'\n }\n}, ownerState.size === 'small' && {\n height: 2\n}, ownerState.marked && {\n marginBottom: 20\n}), ownerState.orientation === 'vertical' && _extends({\n height: '100%',\n width: 4,\n padding: '0 13px',\n // The primary input mechanism of the device includes a pointing device of limited accuracy.\n '@media (pointer: coarse)': {\n // Reach 42px touch target, about ~8mm on screen.\n padding: '0 20px'\n }\n}, ownerState.size === 'small' && {\n width: 2\n}, ownerState.marked && {\n marginRight: 44\n}), {\n '@media print': {\n colorAdjust: 'exact'\n },\n [`&.${sliderClasses.disabled}`]: {\n pointerEvents: 'none',\n cursor: 'default',\n color: theme.palette.grey[400]\n },\n [`&.${sliderClasses.dragging}`]: {\n [`& .${sliderClasses.thumb}, & .${sliderClasses.track}`]: {\n transition: 'none'\n }\n }\n}));\nprocess.env.NODE_ENV !== \"production\" ? SliderRoot.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node\n} : void 0;\nexport { SliderRoot };\nconst SliderRail = styled('span', {\n name: 'MuiSlider',\n slot: 'Rail',\n overridesResolver: (props, styles) => styles.rail\n})(({\n ownerState\n}) => _extends({\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n backgroundColor: 'currentColor',\n opacity: 0.38\n}, ownerState.orientation === 'horizontal' && {\n width: '100%',\n height: 'inherit',\n top: '50%',\n transform: 'translateY(-50%)'\n}, ownerState.orientation === 'vertical' && {\n height: '100%',\n width: 'inherit',\n left: '50%',\n transform: 'translateX(-50%)'\n}, ownerState.track === 'inverted' && {\n opacity: 1\n}));\nprocess.env.NODE_ENV !== \"production\" ? SliderRail.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node\n} : void 0;\nexport { SliderRail };\nconst SliderTrack = styled('span', {\n name: 'MuiSlider',\n slot: 'Track',\n overridesResolver: (props, styles) => styles.track\n})(({\n theme,\n ownerState\n}) => {\n const color = // Same logic as the LinearProgress track color\n theme.palette.mode === 'light' ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.5);\n return _extends({\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n border: '1px solid currentColor',\n backgroundColor: 'currentColor',\n transition: theme.transitions.create(['left', 'width', 'bottom', 'height'], {\n duration: theme.transitions.duration.shortest\n })\n }, ownerState.size === 'small' && {\n border: 'none'\n }, ownerState.orientation === 'horizontal' && {\n height: 'inherit',\n top: '50%',\n transform: 'translateY(-50%)'\n }, ownerState.orientation === 'vertical' && {\n width: 'inherit',\n left: '50%',\n transform: 'translateX(-50%)'\n }, ownerState.track === false && {\n display: 'none'\n }, ownerState.track === 'inverted' && {\n backgroundColor: color,\n borderColor: color\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? SliderTrack.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node\n} : void 0;\nexport { SliderTrack };\nconst SliderThumb = styled('span', {\n name: 'MuiSlider',\n slot: 'Thumb',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.thumb, styles[`thumbColor${capitalize(ownerState.color)}`], ownerState.size !== 'medium' && styles[`thumbSize${capitalize(ownerState.size)}`]];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n position: 'absolute',\n width: 20,\n height: 20,\n boxSizing: 'border-box',\n borderRadius: '50%',\n outline: 0,\n backgroundColor: 'currentColor',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: theme.transitions.create(['box-shadow', 'left', 'bottom'], {\n duration: theme.transitions.duration.shortest\n })\n}, ownerState.size === 'small' && {\n width: 12,\n height: 12\n}, ownerState.orientation === 'horizontal' && {\n top: '50%',\n transform: 'translate(-50%, -50%)'\n}, ownerState.orientation === 'vertical' && {\n left: '50%',\n transform: 'translate(-50%, 50%)'\n}, {\n '&:before': _extends({\n position: 'absolute',\n content: '\"\"',\n borderRadius: 'inherit',\n width: '100%',\n height: '100%',\n boxShadow: theme.shadows[2]\n }, ownerState.size === 'small' && {\n boxShadow: 'none'\n }),\n '&::after': {\n position: 'absolute',\n content: '\"\"',\n borderRadius: '50%',\n // 42px is the hit target\n width: 42,\n height: 42,\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)'\n },\n [`&:hover, &.${sliderClasses.focusVisible}`]: {\n boxShadow: `0px 0px 0px 8px ${alpha(theme.palette[ownerState.color].main, 0.16)}`,\n '@media (hover: none)': {\n boxShadow: 'none'\n }\n },\n [`&.${sliderClasses.active}`]: {\n boxShadow: `0px 0px 0px 14px ${alpha(theme.palette[ownerState.color].main, 0.16)}`\n },\n [`&.${sliderClasses.disabled}`]: {\n '&:hover': {\n boxShadow: 'none'\n }\n }\n}));\nprocess.env.NODE_ENV !== \"production\" ? SliderThumb.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node\n} : void 0;\nexport { SliderThumb };\nconst SliderValueLabel = styled(SliderValueLabelUnstyled, {\n name: 'MuiSlider',\n slot: 'ValueLabel',\n overridesResolver: (props, styles) => styles.valueLabel\n})(({\n theme,\n ownerState\n}) => _extends({\n [`&.${sliderClasses.valueLabelOpen}`]: {\n transform: 'translateY(-100%) scale(1)'\n },\n zIndex: 1,\n whiteSpace: 'nowrap'\n}, theme.typography.body2, {\n fontWeight: 500,\n transition: theme.transitions.create(['transform'], {\n duration: theme.transitions.duration.shortest\n }),\n transformOrigin: 'bottom center',\n transform: 'translateY(-100%) scale(0)',\n position: 'absolute',\n backgroundColor: theme.palette.grey[600],\n borderRadius: 2,\n color: theme.palette.common.white,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0.25rem 0.75rem'\n}, ownerState.orientation === 'horizontal' && {\n top: '-10px',\n '&:before': {\n position: 'absolute',\n content: '\"\"',\n width: 8,\n height: 8,\n transform: 'translate(-50%, 50%) rotate(45deg)',\n backgroundColor: 'inherit',\n bottom: 0,\n left: '50%'\n }\n}, ownerState.orientation === 'vertical' && {\n right: '30px',\n top: '25px',\n '&:before': {\n position: 'absolute',\n content: '\"\"',\n width: 8,\n height: 8,\n transform: 'translate(-50%, 50%) rotate(45deg)',\n backgroundColor: 'inherit',\n right: '-20%',\n top: '25%'\n }\n}, ownerState.size === 'small' && {\n fontSize: theme.typography.pxToRem(12),\n padding: '0.25rem 0.5rem'\n}));\nprocess.env.NODE_ENV !== \"production\" ? SliderValueLabel.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node\n} : void 0;\nexport { SliderValueLabel };\nconst SliderMark = styled('span', {\n name: 'MuiSlider',\n slot: 'Mark',\n shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markActive',\n overridesResolver: (props, styles) => styles.mark\n})(({\n theme,\n ownerState,\n markActive\n}) => _extends({\n position: 'absolute',\n width: 2,\n height: 2,\n borderRadius: 1,\n backgroundColor: 'currentColor'\n}, ownerState.orientation === 'horizontal' && {\n top: '50%',\n transform: 'translate(-1px, -50%)'\n}, ownerState.orientation === 'vertical' && {\n left: '50%',\n transform: 'translate(-50%, 1px)'\n}, markActive && {\n backgroundColor: theme.palette.background.paper,\n opacity: 0.8\n}));\nprocess.env.NODE_ENV !== \"production\" ? SliderMark.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node\n} : void 0;\nexport { SliderMark };\nconst SliderMarkLabel = styled('span', {\n name: 'MuiSlider',\n slot: 'MarkLabel',\n shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'markLabelActive',\n overridesResolver: (props, styles) => styles.markLabel\n})(({\n theme,\n ownerState,\n markLabelActive\n}) => _extends({}, theme.typography.body2, {\n color: theme.palette.text.secondary,\n position: 'absolute',\n whiteSpace: 'nowrap'\n}, ownerState.orientation === 'horizontal' && {\n top: 30,\n transform: 'translateX(-50%)',\n '@media (pointer: coarse)': {\n top: 40\n }\n}, ownerState.orientation === 'vertical' && {\n left: 36,\n transform: 'translateY(50%)',\n '@media (pointer: coarse)': {\n left: 44\n }\n}, markLabelActive && {\n color: theme.palette.text.primary\n}));\nprocess.env.NODE_ENV !== \"production\" ? SliderMarkLabel.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node\n} : void 0;\nexport { SliderMarkLabel };\n\nconst extendUtilityClasses = ownerState => {\n const {\n color,\n size,\n classes = {}\n } = ownerState;\n return _extends({}, classes, {\n root: clsx(classes.root, getSliderUtilityClass(`color${capitalize(color)}`), classes[`color${capitalize(color)}`], size && [getSliderUtilityClass(`size${capitalize(size)}`), classes[`size${capitalize(size)}`]]),\n thumb: clsx(classes.thumb, getSliderUtilityClass(`thumbColor${capitalize(color)}`), classes[`thumbColor${capitalize(color)}`], size && [getSliderUtilityClass(`thumbSize${capitalize(size)}`), classes[`thumbSize${capitalize(size)}`]])\n });\n};\n\nconst Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {\n var _componentsProps$root, _componentsProps$thum, _componentsProps$trac, _componentsProps$valu;\n\n const props = useThemeProps({\n props: inputProps,\n name: 'MuiSlider'\n });\n const theme = useTheme();\n const isRtl = theme.direction === 'rtl';\n\n const {\n // eslint-disable-next-line react/prop-types\n component = 'span',\n components = {},\n componentsProps = {},\n color = 'primary',\n size = 'medium'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const ownerState = _extends({}, props, {\n color,\n size\n });\n\n const classes = extendUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(SliderUnstyled, _extends({}, other, {\n isRtl: isRtl,\n components: _extends({\n Root: SliderRoot,\n Rail: SliderRail,\n Track: SliderTrack,\n Thumb: SliderThumb,\n ValueLabel: SliderValueLabel,\n Mark: SliderMark,\n MarkLabel: SliderMarkLabel\n }, components),\n componentsProps: _extends({}, componentsProps, {\n root: _extends({}, componentsProps.root, shouldSpreadAdditionalProps(components.Root) && {\n as: component,\n ownerState: _extends({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {\n color,\n size\n })\n }),\n thumb: _extends({}, componentsProps.thumb, shouldSpreadAdditionalProps(components.Thumb) && {\n ownerState: _extends({}, (_componentsProps$thum = componentsProps.thumb) == null ? void 0 : _componentsProps$thum.ownerState, {\n color,\n size\n })\n }),\n track: _extends({}, componentsProps.track, shouldSpreadAdditionalProps(components.Track) && {\n ownerState: _extends({}, (_componentsProps$trac = componentsProps.track) == null ? void 0 : _componentsProps$trac.ownerState, {\n color,\n size\n })\n }),\n valueLabel: _extends({}, componentsProps.valueLabel, shouldSpreadAdditionalProps(components.ValueLabel) && {\n ownerState: _extends({}, (_componentsProps$valu = componentsProps.valueLabel) == null ? void 0 : _componentsProps$valu.ownerState, {\n color,\n size\n })\n })\n }),\n classes: classes,\n ref: ref\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Slider.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The label of the slider.\n */\n 'aria-label': chainPropTypes(PropTypes.string, props => {\n const range = Array.isArray(props.value || props.defaultValue);\n\n if (range && props['aria-label'] != null) {\n return new Error('MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.');\n }\n\n return null;\n }),\n\n /**\n * The id of the element containing a label for the slider.\n */\n 'aria-labelledby': PropTypes.string,\n\n /**\n * A string value that provides a user-friendly name for the current value of the slider.\n */\n 'aria-valuetext': chainPropTypes(PropTypes.string, props => {\n const range = Array.isArray(props.value || props.defaultValue);\n\n if (range && props['aria-valuetext'] != null) {\n return new Error('MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.');\n }\n\n return null;\n }),\n\n /**\n * @ignore\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * The color of the component.\n * It supports both default and custom theme colors, which can be added as shown in the\n * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).\n * @default 'primary'\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n\n /**\n * The components used for each slot inside the Slider.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n components: PropTypes.shape({\n Input: PropTypes.elementType,\n Mark: PropTypes.elementType,\n MarkLabel: PropTypes.elementType,\n Rail: PropTypes.elementType,\n Root: PropTypes.elementType,\n Thumb: PropTypes.elementType,\n Track: PropTypes.elementType,\n ValueLabel: PropTypes.elementType\n }),\n\n /**\n * The props used for each slot inside the Slider.\n * @default {}\n */\n componentsProps: PropTypes.shape({\n input: PropTypes.object,\n mark: PropTypes.object,\n markLabel: PropTypes.object,\n rail: PropTypes.object,\n root: PropTypes.object,\n thumb: PropTypes.object,\n track: PropTypes.object,\n valueLabel: PropTypes.shape({\n children: PropTypes.element,\n className: PropTypes.string,\n components: PropTypes.shape({\n Root: PropTypes.elementType\n }),\n open: PropTypes.bool,\n style: PropTypes.object,\n value: PropTypes.number,\n valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on'])\n })\n }),\n\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),\n\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n * @default false\n */\n disableSwap: PropTypes.bool,\n\n /**\n * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n * This is important for screen reader users.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n */\n getAriaLabel: PropTypes.func,\n\n /**\n * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n * This is important for screen reader users.\n * @param {number} value The thumb label's value to format.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n */\n getAriaValueText: PropTypes.func,\n\n /**\n * Indicates whether the theme context has rtl direction. It is set automatically.\n * @default false\n */\n isRtl: PropTypes.bool,\n\n /**\n * Marks indicate predetermined values to which the user can move the slider.\n * If `true` the marks are spaced according the value of the `step` prop.\n * If an array, it should contain objects with `value` and an optional `label` keys.\n * @default false\n */\n marks: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.node,\n value: PropTypes.number.isRequired\n })), PropTypes.bool]),\n\n /**\n * The maximum allowed value of the slider.\n * Should not be equal to min.\n * @default 100\n */\n max: PropTypes.number,\n\n /**\n * The minimum allowed value of the slider.\n * Should not be equal to max.\n * @default 0\n */\n min: PropTypes.number,\n\n /**\n * Name attribute of the hidden `input` element.\n */\n name: PropTypes.string,\n\n /**\n * Callback function that is fired when the slider's value changed.\n *\n * @param {Event} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * **Warning**: This is a generic event not a change event.\n * @param {number | number[]} value The new value.\n * @param {number} activeThumb Index of the currently moved thumb.\n */\n onChange: PropTypes.func,\n\n /**\n * Callback function that is fired when the `mouseup` is triggered.\n *\n * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n * @param {number | number[]} value The new value.\n */\n onChangeCommitted: PropTypes.func,\n\n /**\n * The component orientation.\n * @default 'horizontal'\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n /**\n * A transformation function, to change the scale of the slider.\n * @default (x) => x\n */\n scale: PropTypes.func,\n\n /**\n * The size of the slider.\n * @default 'medium'\n */\n size: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['small', 'medium']), PropTypes.string]),\n\n /**\n * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n * The `min` prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n *\n * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n * @default 1\n */\n step: PropTypes.number,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * Tab index attribute of the hidden `input` element.\n */\n tabIndex: PropTypes.number,\n\n /**\n * The track presentation:\n *\n * - `normal` the track will render a bar representing the slider value.\n * - `inverted` the track will render a bar representing the remaining slider value.\n * - `false` the track will render without a bar.\n * @default 'normal'\n */\n track: PropTypes.oneOf(['inverted', 'normal', false]),\n\n /**\n * The value of the slider.\n * For ranged sliders, provide an array with two values.\n */\n value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),\n\n /**\n * Controls when the value label is displayed:\n *\n * - `auto` the value label will display when the thumb is hovered or focused.\n * - `on` will display persistently.\n * - `off` will never display.\n * @default 'off'\n */\n valueLabelDisplay: PropTypes.oneOf(['auto', 'off', 'on']),\n\n /**\n * The format function the value label's value.\n *\n * When a function is provided, it should have the following signature:\n *\n * - {number} value The value label's value to format\n * - {number} index The value label's index to format\n * @default (x) => x\n */\n valueLabelFormat: PropTypes.oneOfType([PropTypes.func, PropTypes.string])\n} : void 0;\nexport default Slider;","import React from 'react'\r\nimport {Slider, SliderProps} from '@mui/material'\r\n\r\nconst SuperRange: React.FCHomework #10
\r\n\r\n \r\n {isLoading ? (\r\n \r\n Set loading...\r\n \r\n )}\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW11\r\n","// extracted by mini-css-extract-plugin\nexport default {\"select\":\"HW12_select__ozoBV\"};","const initState = {\r\n themeId: 1,\r\n}\r\n\r\nexport const themeReducer = (state = initState, action: any): any => { // fix any\r\n switch (action.type) {\r\n // дописать\r\n case 'SET_THEME_ID': {\r\n return {\r\n ...state,\r\n themeId: action.id,\r\n }\r\n }\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport const changeThemeId = (id: number): any => ({ type: 'SET_THEME_ID', id }) // fix any\r\n","import React, {useEffect} from 'react'\r\nimport s from './HW12.module.css'\r\nimport s2 from '../../s1-main/App.module.css'\r\nimport SuperSelect from '../hw07/common/c5-SuperSelect/SuperSelect'\r\nimport {useDispatch, useSelector} from 'react-redux'\r\nimport {changeThemeId} from './bll/themeReducer'\r\n\r\n/*\r\n* 1 - в файле themeReducer.ts написать нужные типы вместо any, дописать редьюсер\r\n* 2 - получить themeId из редакса\r\n* 3 - дописать тип и логику функции change\r\n* 4 - передать пропсы в SuperSelect\r\n* */\r\n\r\nconst themes = [\r\n {id: 1, value: 'light'},\r\n {id: 2, value: 'blue'},\r\n {id: 3, value: 'dark'},\r\n]\r\n\r\nconst HW12 = () => {\r\n // взять ид темы из редакса\r\n const themeId = useSelector((state: any) => state.theme.themeId)\r\n const dispatch = useDispatch()\r\n\r\n const change = (id: any) => { // дописать функцию\r\n dispatch(changeThemeId(id))\r\n }\r\n\r\n useEffect(() => {\r\n document.documentElement.dataset.theme = themeId + ''\r\n }, [themeId])\r\n\r\n return (\r\n Homework #11
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {value1}\r\n
\r\n \r\n {value1}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW12\r\n","// extracted by mini-css-extract-plugin\nexport default {\"buttonsContainer\":\"HW13_buttonsContainer__4t3b2\",\"responseContainer\":\"HW13_responseContainer__ZDsRF\",\"imageContainer\":\"HW13_imageContainer__3Ery-\",\"image\":\"HW13_image__65peh\",\"textContainer\":\"HW13_textContainer__C6ryn\",\"code\":\"HW13_code__wHj+X\",\"text\":\"HW13_text__gR2Nt\",\"info\":\"HW13_info__iT+up\"};","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54, _path55, _path56, _path57, _path58, _path59, _path60, _path61, _path62, _g, _g2, _path63, _path64, _path65, _path66, _path67, _path68, _path69, _path70, _path71, _path72, _path73, _g3, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction Svg200(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 418,\n height: 316,\n viewBox: \"0 0 418 316\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M362.335 105.972V294.26H71.7568V105.972C71.7568 96.3828 79.5257 88.6139 89.1154 88.6139H344.976C354.566 88.6139 362.335 96.3828 362.335 105.972Z\",\n fill: \"#0068C6\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M90.5303 263.67V119.191C90.5303 112.676 95.8174 107.389 102.332 107.389H331.757C338.271 107.389 343.558 112.676 343.558 119.191V263.67C343.558 270.185 338.271 275.472 331.757 275.472H102.332C95.8174 275.472 90.5303 270.198 90.5303 263.67Z\",\n fill: \"#A4E7FF\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M373.637 287.327V294.503C373.637 302.757 366.934 309.447 358.693 309.447H75.4121C67.1711 309.447 60.4678 302.757 60.4678 294.503V287.327H373.637Z\",\n fill: \"#004BA5\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M254.852 287.327C254.852 290.362 252.384 292.83 249.349 292.83H184.757C181.722 292.83 179.254 290.362 179.254 287.327H254.852Z\",\n fill: \"#0037B2\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M402.61 306.075C401.652 298.077 388.65 285.075 375.149 295.582C376.147 291.589 368.149 289.58 368.149 289.58C371.143 285.574 363.145 262.591 344.654 266.084C345.436 263.859 345.072 261.391 343.939 258.976C339.232 248.955 321.104 239.716 314.657 250.587C318.663 238.583 286.333 224.434 271.227 234.105C270.121 221.656 267.545 205.619 266.547 195.328C264.834 177.457 269.312 165.763 269.312 165.763H254.017L257.524 199.968L255.838 233.431C255.905 232.203 249.215 228.885 248.312 228.413C244.198 226.269 239.019 225.864 234.837 228.063C232.666 229.209 231.223 230.989 229.739 232.891C229.51 233.188 226.408 237.288 226.596 237.396L221.768 207.885L213.001 206.024L208.226 237.18C203.587 235.71 198.299 236.398 194.698 241.065C195.696 237.059 185.783 230.342 179.646 232.743C179.093 223.612 178.014 210.529 177.623 203.744C175.829 172.696 179.673 169.364 179.713 167.53L165.295 168.272C165.295 168.272 168.937 184.417 167.817 202.234C167.143 212.862 165.295 227.469 164.634 233.579C153.466 225.81 146.345 231.812 146.709 237.059C140.222 235.454 132.817 236.047 127.112 240.121C121.797 243.897 117.953 250.695 117.711 261.552C112.208 259.057 99.7182 266.556 101.714 280.044C97.7085 276.429 83.3577 278.156 86.2171 290.038C73.215 285.533 56.2206 297.038 56.2206 311.039C50.5827 312.252 46.2397 314.572 44.7695 315.422H111.331H248.217H305.472H332.515H418C417.069 313.561 412.025 304.268 402.61 306.075Z\",\n fill: \"#C5C5C5\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M329.103 287.327H108.432C108.068 285.722 108.351 283.362 109.363 280.003C111.723 272.113 119.02 272.733 121.785 275.863C127.517 262.591 140.263 271.263 145.078 275.215C146.211 274.905 147.277 274.784 148.153 274.905C146.44 271.749 152.618 267.541 155.787 269.591C151.687 256.373 165.903 249.993 171.109 254.121C174.063 241.213 187.2 241.725 192.905 246.891C205.368 241.28 210.426 252.489 210.426 252.489C210.844 247.97 218.019 245.987 218.532 252.826C218.734 252.232 219.166 251.531 219.746 250.937C221.283 249.346 223.9 248.496 226.152 252.489C228.256 241.712 241.326 243.479 242.31 248.941C244.779 243.883 251.86 248.995 251.59 252.839C267.843 238.906 280.17 253.743 282.018 259.232C286.86 255.941 290.192 259.516 290.893 264.816C294.818 262.928 297.515 264.938 298.217 267.554C303.45 264.776 312.608 262.105 317.518 273.475C320.283 270.346 327.593 269.712 329.953 277.616C331.666 283.416 331.234 286.235 329.103 287.327Z\",\n fill: \"#FFF9F9\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M218.743 16.8999C218.608 16.873 218.473 16.8325 218.338 16.819C217.893 16.7381 217.421 16.6572 216.976 16.6841C216.369 16.7246 215.789 16.8055 215.209 16.9269L216.558 5.57033C216.625 5.07128 217.34 5.07128 217.394 5.57033L218.743 16.8999Z\",\n fill: \"#034C8E\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M171.616 41.1103L170.537 50.2954C170.51 50.4842 170.672 50.6595 170.861 50.6595H173.019C173.221 50.6595 173.37 50.4842 173.343 50.2954L172.264 41.1103C172.223 40.7191 171.657 40.7191 171.616 41.1103Z\",\n fill: \"#034C8E\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M242.346 186.305H191.619C191.619 186.305 190.594 141.715 191.619 140.69C191.956 140.352 191.848 139.233 191.888 138.828C191.983 137.439 192.037 136.036 192.077 134.647C192.172 131.383 192.145 128.119 192.104 124.855C192.077 123.088 192.064 121.335 192.05 119.568C191.996 109.304 191.875 99.0532 191.767 88.8026C191.713 83.448 191.673 78.0934 191.646 72.7388C191.632 70.2706 191.659 67.7889 191.619 65.3206C191.578 61.9757 192.293 58.8331 192.981 55.569C193.601 52.6018 194.303 49.6615 195.112 46.7481C195.665 44.7789 196.258 42.7963 196.933 40.8271C198.389 36.5245 200.17 32.2894 202.503 28.4184C203.164 27.2855 203.892 26.2065 204.661 25.1544C206.9 22.0792 209.719 19.1389 213.266 17.5879C213.927 17.3046 214.575 17.1023 215.222 16.9404C215.802 16.8191 216.382 16.7381 216.989 16.6977C217.434 16.6707 217.906 16.7516 218.351 16.8325C218.486 16.8595 218.621 16.8865 218.756 16.9135C221.251 17.4935 223.49 19.004 225.351 20.69C227.671 22.7536 229.573 25.2488 231.191 27.9194C232.635 30.2932 233.848 32.8154 234.914 35.3241C235.683 37.1314 236.384 38.9792 237.018 40.8405C237.935 43.5111 238.744 46.2086 239.446 48.9331C241.01 54.9756 242.332 60.9776 242.346 67.2224C242.373 77.9585 242.197 88.7082 242.103 99.4578C241.995 108.953 241.887 118.435 241.914 127.917C241.914 130.951 241.928 133.986 242.022 137.021C242.049 137.763 241.779 140.11 242.373 140.717C243.371 141.715 242.346 186.305 242.346 186.305Z\",\n fill: \"#50A4FF\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M218.017 52.7232C217.936 52.7097 217.869 52.6827 217.788 52.6692C217.531 52.6153 217.262 52.5748 216.992 52.5883C216.641 52.6153 216.304 52.6557 215.967 52.7367L216.749 46.1277C216.79 45.831 217.208 45.831 217.235 46.1277L218.017 52.7232Z\",\n fill: \"#034C8E\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M185.563 73.0489H158.318C158.332 71.4034 158.345 70.4323 158.372 70.23C158.629 67.6538 160.422 63.5671 164.01 55.8791C164.968 53.802 166.276 51.6845 168.218 50.3896C169.729 49.3781 171.685 49.1488 173.451 49.4455C176.621 50.012 178.671 53.1951 179.899 55.8656C183.5 63.5536 185.28 67.6538 185.536 70.2165C185.55 70.4323 185.55 71.4034 185.563 73.0489Z\",\n fill: \"#FEB80C\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M185.605 129.414V133.973C185.605 140.15 185.605 146.354 185.591 152.383C185.564 172.844 185.537 191.147 185.524 198.848C185.51 200.979 183.798 202.692 181.666 202.692H162.204C160.073 202.692 158.36 200.979 158.346 198.848C158.333 193.588 158.319 183.378 158.292 170.902C158.292 167.071 158.279 163.039 158.279 158.857C158.265 149.43 158.252 139.314 158.252 129.4H185.605V129.414Z\",\n fill: \"#FEB80C\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M185.618 123.655C185.618 125.57 185.618 127.485 185.605 129.414H158.265C158.252 127.472 158.252 125.57 158.265 123.655C158.252 118.907 158.252 114.24 158.252 109.776C158.238 100.995 158.252 92.9433 158.265 86.4558C158.265 82.1263 158.279 78.4846 158.292 75.7466C158.306 74.7081 158.319 73.8044 158.319 73.0491H185.564C185.578 73.8044 185.591 74.7081 185.591 75.7466C185.632 84.6889 185.645 103.329 185.618 123.655Z\",\n fill: \"#FEB80C\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M185.573 75.7466H158.274C158.288 74.7081 158.301 73.8044 158.301 73.0491H185.546C185.573 73.8044 185.573 74.7081 185.573 75.7466Z\",\n fill: \"#0057B5\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M167.609 91.3248V104.907C167.609 107.604 165.438 109.776 162.74 109.776H158.235V95.4521C158.235 92.215 158.235 89.1938 158.249 86.4558H162.74C163.617 86.4558 164.44 86.6851 165.155 87.0897C166.625 87.926 167.609 89.504 167.609 91.3248Z\",\n fill: \"#6EBAFF\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M185.629 123.655H158.235V129.414H185.629V123.655Z\",\n fill: \"#0057B5\"\n })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M158.252 118.206H185.632\",\n stroke: \"#0057B5\",\n strokeWidth: 0.4517,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M181.584 202.706H162.283V206.887H181.584V202.706Z\",\n fill: \"url(#paint0_linear_4_3178)\"\n })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M181.584 202.706H162.283V206.887H181.584V202.706Z\",\n fill: \"#0057B5\"\n })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M181.246 215.762H163.281C160.867 215.762 158.897 213.806 158.897 211.378V211.257C158.897 208.842 160.853 206.873 163.281 206.873H181.246C183.661 206.873 185.63 208.829 185.63 211.257V211.378C185.63 213.806 183.674 215.762 181.246 215.762Z\",\n fill: \"#0057B5\"\n })), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.727 109.776C275.727 142.578 275.646 185.846 275.619 198.848C275.619 200.979 273.893 202.692 271.762 202.692H252.313C250.182 202.692 248.455 200.979 248.455 198.848C248.415 180.046 248.266 97.9472 248.401 75.7331C248.401 74.6945 248.401 73.7908 248.415 73.0355H275.673C275.673 73.7908 275.687 74.6945 275.687 75.7331C275.7 78.471 275.714 82.1127 275.727 86.4422C275.727 92.9433 275.741 100.995 275.727 109.776Z\",\n fill: \"#FEB80C\"\n })), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.686 75.7466H248.4C248.4 74.7081 248.4 73.8044 248.414 73.0491H275.672C275.672 73.8044 275.686 74.7081 275.686 75.7466Z\",\n fill: \"#0057B5\"\n })), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M266.367 91.3247V104.907C266.367 107.604 268.539 109.776 271.236 109.776H275.741V102.196C275.741 98.7429 275.741 95.4519 275.728 92.4037C275.741 90.3131 275.728 88.3304 275.728 86.4691H271.236C270.791 86.4691 270.36 86.5366 269.968 86.6445C267.878 87.184 266.367 89.0722 266.367 91.3247Z\",\n fill: \"#6EBAFF\"\n })), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.741 123.655H248.348V129.414H275.741V123.655Z\",\n fill: \"#0057B5\"\n })), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.728 118.206H248.348\",\n stroke: \"#0057B5\",\n strokeWidth: 0.4517,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M271.685 202.706H252.384V206.887H271.685V202.706Z\",\n fill: \"url(#paint1_linear_4_3178)\"\n })), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M271.685 202.706H252.384V206.887H271.685V202.706Z\",\n fill: \"#0057B5\"\n })), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M252.721 215.762H270.687C273.101 215.762 275.07 213.806 275.07 211.378V211.257C275.07 208.842 273.115 206.873 270.687 206.873H252.721C250.307 206.873 248.338 208.829 248.338 211.257V211.378C248.351 213.806 250.307 215.762 252.721 215.762Z\",\n fill: \"#034C8E\"\n })), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M226.592 200.804H207.723V205.39H226.592V200.804Z\",\n fill: \"#50A4FF\"\n })), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M228.158 213.078H206.146C204.028 213.078 202.302 211.351 202.302 209.234C202.302 207.116 204.028 205.39 206.146 205.39H228.158C230.275 205.39 232.002 207.116 232.002 209.234C231.988 211.351 230.275 213.078 228.158 213.078Z\",\n fill: \"url(#paint2_linear_4_3178)\"\n })), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M228.158 213.078H206.146C204.028 213.078 202.302 211.351 202.302 209.234C202.302 207.116 204.028 205.39 206.146 205.39H228.158C230.275 205.39 232.002 207.116 232.002 209.234C231.988 211.351 230.275 213.078 228.158 213.078Z\",\n fill: \"#034C8E\"\n })), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M225.107 200.912H208.854\",\n stroke: \"#F200FF\",\n strokeWidth: 0.1161,\n strokeMiterlimit: 10\n })), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M167.609 91.3248L158.235 102.641V95.4521L165.141 87.0897C166.625 87.926 167.609 89.504 167.609 91.3248Z\",\n fill: \"#FEF6C4\"\n })), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M167.612 95.2496V101.103L160.612 109.776H158.252V106.836L167.612 95.2496Z\",\n fill: \"#FEF6C4\"\n })), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M266.367 91.3246V92.8218L275.741 102.196C275.741 98.7428 275.741 95.4518 275.728 92.4036L269.968 86.6444C267.878 87.1839 266.367 89.0722 266.367 91.3246Z\",\n fill: \"#FEF6C4\"\n })), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M266.367 99.2959V104.907C266.367 107.604 268.539 109.776 271.236 109.776H275.741V108.67L266.367 99.2959Z\",\n fill: \"#FEF6C4\"\n })), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M158.265 86.4558H162.757C163.634 86.4558 164.456 86.6851 165.171 87.0897C166.641 87.926 167.626 89.504 167.626 91.3248V104.907C167.626 107.604 165.454 109.776 162.757 109.776H158.252\",\n stroke: \"#0057B5\",\n strokeWidth: 0.4517,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.715 86.4558H271.224C270.779 86.4558 270.347 86.5232 269.956 86.6311C267.879 87.1841 266.354 89.0859 266.354 91.3248V104.907C266.354 107.604 268.526 109.776 271.224 109.776H275.728\",\n stroke: \"#0057B5\",\n strokeWidth: 0.4517,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.637 28.6342C215.601 18.7478 202.086 29.1063 202.086 29.1063C202.248 28.8365 202.437 28.5668 202.639 28.297C202.652 28.2835 202.652 28.2835 202.666 28.2701C204.136 27.1506 216.154 18.6399 231.152 27.8654C231.314 28.1217 231.476 28.3779 231.637 28.6342Z\",\n fill: \"#002899\"\n })), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.19 27.9059C231.163 27.8924 231.163 27.8789 231.136 27.8789C216.138 18.6669 204.12 27.1776 202.65 28.2836C202.637 28.297 202.637 28.297 202.623 28.3105C202.529 28.378 202.488 28.4184 202.488 28.4184C203.149 27.2855 203.878 26.2065 204.646 25.1544C206.885 22.0792 209.704 19.1389 213.251 17.5879C213.912 17.3046 214.56 17.1023 215.207 16.9404C215.787 16.8191 216.367 16.7381 216.974 16.6977C217.419 16.6707 217.891 16.7516 218.336 16.8325C218.471 16.8595 218.606 16.8865 218.741 16.9135C221.236 17.4935 223.475 19.004 225.336 20.69C227.656 22.7401 229.571 25.2219 231.19 27.9059Z\",\n fill: \"#0057B5\"\n })), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M230.221 178.644C230.167 154.555 229.897 119.244 229.897 117.841C229.884 112.258 229.965 106.674 230.005 101.09C230.073 95.3306 230.154 89.5579 230.154 83.7987C230.154 80.157 229.695 76.5288 228.845 72.9816C228.441 71.3226 228.009 69.6771 227.496 68.0451C226.997 66.4401 226.431 64.862 225.77 63.3244C224.435 60.1818 222.708 57.0122 220.146 54.7058C218.986 53.6538 217.57 52.7231 216.032 52.4399C215.668 52.3725 215.115 52.359 214.751 52.4129C214.157 52.4804 213.604 52.6422 213.024 52.885C210.947 53.8022 209.275 55.5286 207.966 57.3494C205.646 60.5325 204.109 64.2686 202.949 68.0451C202.935 68.0586 202.935 68.0586 202.935 68.0586C202.679 68.8813 202.45 69.7041 202.221 70.5133C201.762 72.1723 201.384 73.8583 201.02 75.5307C200.643 77.3516 200.251 79.1185 200.278 80.9932C200.305 82.4499 200.292 83.9066 200.305 85.3632C200.319 88.5194 200.346 91.662 200.373 94.8181C200.413 100.092 200.481 105.365 200.521 110.653C199.118 113.566 196.583 118.192 192.091 124.869C192.132 128.133 192.159 131.397 192.064 134.661C196.407 130.439 198.916 128.402 200.467 127.202C200.386 141.202 200.251 162.593 200.224 178.657C200.197 185.293 200.197 191.012 200.238 194.91C200.238 195.314 200.278 195.719 200.359 196.097C200.602 197.446 201.236 198.659 202.167 199.617C203.124 200.629 204.406 201.343 205.849 201.6C206.051 201.64 206.267 201.667 206.469 201.694C206.672 201.721 206.874 201.721 207.09 201.721H223.342C227.119 201.721 230.167 198.686 230.194 194.91C230.234 190.918 230.234 185.199 230.221 178.644Z\",\n fill: \"black\"\n })), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M230.044 123.007C231.744 127.081 231.407 124.383 241.981 134.647C241.887 131.383 241.914 128.119 241.954 124.855C233.416 112.163 231.717 106.782 231.717 106.782C231.717 106.782 228.331 118.907 230.044 123.007Z\",\n fill: \"black\"\n })), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M185.614 133.973C185.614 140.15 185.601 146.368 185.587 152.397C184.724 154.69 183.712 154.932 179.396 160.26C173.597 167.436 165.045 169.661 162.928 171.199C161.916 171.94 159.758 172.291 158.302 170.915C158.302 167.098 158.288 163.052 158.288 158.871C172.18 150.819 185.115 134.593 185.614 133.973Z\",\n fill: \"black\"\n })), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M248.348 133.973C248.348 140.15 248.361 146.368 248.375 152.397C249.238 154.69 250.249 154.932 254.565 160.26C260.365 167.436 268.916 169.661 271.034 171.199C272.045 171.94 274.203 172.291 275.66 170.915C275.66 167.098 275.674 163.052 275.674 158.871C261.768 150.819 248.833 134.593 248.348 133.973Z\",\n fill: \"black\"\n })), _path45 || (_path45 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M202.301 114.564L202.004 192.711H149.78C149.065 192.711 148.364 192.603 147.716 192.374C145.086 191.511 143.185 189.043 143.185 186.116V175.326C143.185 172.831 144.601 170.565 146.826 169.445C147.123 169.297 147.42 169.148 147.716 168.987C184.605 150.077 202.301 114.564 202.301 114.564Z\",\n fill: \"#0057B5\"\n })), _path46 || (_path46 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.716 168.987V192.374C145.086 191.511 143.185 189.043 143.185 186.116V175.326C143.185 172.831 144.601 170.565 146.826 169.445C147.123 169.283 147.42 169.149 147.716 168.987Z\",\n fill: \"#0057B5\"\n })), _path47 || (_path47 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.651 114.564C231.651 114.564 249.765 150.657 287.261 169.445C289.486 170.565 290.903 172.831 290.903 175.326V186.116C290.903 189.758 287.949 192.698 284.321 192.698H231.651V114.564Z\",\n fill: \"#0057B5\"\n })), _path48 || (_path48 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M286.369 169V192.388C288.999 191.524 290.901 189.056 290.901 186.129V175.339C290.901 172.844 289.485 170.578 287.259 169.459C286.963 169.31 286.666 169.162 286.369 169Z\",\n fill: \"#0057B5\"\n })), _path49 || (_path49 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.975 194.101C231.949 197.877 228.887 200.912 225.124 200.912H208.871C208.655 200.912 208.453 200.898 208.251 200.885C208.048 200.858 207.833 200.831 207.63 200.79C206.201 200.534 204.919 199.833 203.948 198.808C203.031 197.85 202.384 196.65 202.141 195.288C202.06 194.91 202.019 194.505 202.019 194.101C201.992 190.189 201.992 184.47 202.006 177.848C202.06 152.923 202.343 115.117 202.33 112.136C202.303 109.048 202.276 105.945 202.249 102.843C202.235 101.953 202.222 101.049 202.222 100.146C202.208 98.109 202.195 96.0724 202.168 94.0223C202.141 90.8662 202.1 87.7236 202.1 84.5675C202.087 83.1108 202.1 81.6541 202.073 80.1975C202.046 78.3227 202.438 76.5558 202.815 74.735C203.179 73.049 203.557 71.3765 204.016 69.7176C204.245 68.8948 204.474 68.0721 204.73 67.2628C204.73 67.2628 204.73 67.2628 204.744 67.2493C205.89 63.4728 207.428 59.7232 209.761 56.5536C211.07 54.7328 212.742 53.0064 214.819 52.0892C215.399 51.8464 215.952 51.6846 216.546 51.6172C216.91 51.5632 217.463 51.5767 217.827 51.6441C219.378 51.9274 220.794 52.858 221.941 53.91C224.503 56.2164 226.23 59.386 227.565 62.5286C228.226 64.0662 228.779 65.6443 229.291 67.2493C229.804 68.8813 230.249 70.5268 230.64 72.1858C231.476 75.7331 231.948 79.3612 231.948 83.0029C231.948 88.7082 231.854 94.4404 231.8 100.146V100.294C231.787 101.144 231.773 101.993 231.773 102.843C231.733 107.577 231.679 112.312 231.692 117.046C231.692 118.448 231.975 153.759 232.016 177.848C232.002 184.39 232.002 190.122 231.975 194.101Z\",\n fill: \"white\"\n })), _path50 || (_path50 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.8 102.83H202.235C202.221 101.939 202.208 101.036 202.208 100.132H231.786C231.786 100.901 231.8 101.791 231.8 102.83Z\",\n fill: \"#FEB80C\"\n })), _path51 || (_path51 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.814 139.408H202.142V145.167H231.814V139.408Z\",\n fill: \"#FEB80C\"\n })), _path52 || (_path52 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.935 148.971H202.154V154.73H231.935V148.971Z\",\n fill: \"#FEB80C\"\n })), _path53 || (_path53 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M229.263 67.2358C216.477 59.6962 205.188 66.9256 204.716 67.2358C205.862 63.4592 207.4 59.7097 209.733 56.5401C211.042 54.7192 212.714 52.9928 214.791 52.0757C215.371 51.8329 215.924 51.671 216.518 51.6036C216.882 51.5497 217.435 51.5631 217.799 51.6306C219.35 51.9138 220.766 52.8445 221.913 53.8965C224.475 56.2029 226.202 59.3725 227.537 62.5151C228.198 64.0662 228.764 65.6442 229.263 67.2358Z\",\n fill: \"#034C8E\"\n })), _path54 || (_path54 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.975 194.101C231.949 197.877 228.887 200.912 225.124 200.912H208.871C208.655 200.912 208.453 200.899 208.251 200.885C208.048 200.858 207.833 200.831 207.63 200.791C206.255 200.507 204.96 199.793 203.948 198.808C203.031 197.85 202.384 196.65 202.141 195.288C202.06 194.91 202.019 194.505 202.019 194.101C201.992 190.189 201.992 184.471 202.006 177.848H231.989C232.002 184.39 232.002 190.122 231.975 194.101Z\",\n fill: \"#034C8E\"\n })), _path55 || (_path55 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M225.828 83.8662V87.899C225.544 87.7101 225.248 87.5348 224.951 87.3729C224.357 87.0492 223.737 86.7525 223.13 86.4827C222.483 86.213 221.822 85.9972 221.147 85.8219C220.648 85.687 220.122 85.5656 219.596 85.4982C218.814 85.3903 218.045 85.3903 217.249 85.3903H216.764C215.806 85.3903 214.835 85.4172 213.878 85.5791C213.581 85.633 213.298 85.687 213.001 85.7679C211.908 86.0511 210.843 86.4558 209.818 86.9548C209.669 87.0223 209.508 87.1032 209.359 87.1841C209.089 87.319 208.833 87.4674 208.577 87.6157C208.536 87.6427 208.132 87.8315 208.132 87.899V83.7987C208.132 83.4076 208.348 83.0569 208.698 82.8815L213.095 80.7235L216.966 78.8218L217.007 78.8488L220.136 80.3863L225.18 82.8681C225.194 82.8681 225.194 82.8815 225.207 82.8815C225.598 83.0569 225.828 83.448 225.828 83.8662Z\",\n fill: \"#50A4FF\"\n })), _path56 || (_path56 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M217.036 78.8351L213.017 85.7677C211.924 86.051 210.859 86.4556 209.834 86.9546C209.685 87.0221 209.523 87.103 209.375 87.1839L213.111 80.7098L216.982 78.8081L217.036 78.8351Z\",\n fill: \"#FEF6C4\"\n })), _path57 || (_path57 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M225.22 82.8679L223.13 86.4961C222.482 86.2263 221.821 86.0105 221.147 85.8352C220.648 85.7003 220.122 85.5789 219.596 85.5115C218.814 85.4036 218.045 85.4036 217.249 85.4036L220.162 80.3727L225.207 82.8544C225.207 82.8544 225.207 82.8679 225.22 82.8679Z\",\n fill: \"#FEF6C4\"\n })), _path58 || (_path58 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M225.828 83.8662V87.899C225.544 87.7101 225.248 87.5348 224.951 87.3729C224.357 87.0492 223.737 86.7525 223.13 86.4827C222.483 86.213 221.822 85.9972 221.147 85.8219C220.648 85.687 220.122 85.5656 219.596 85.4982C218.814 85.3903 218.045 85.3903 217.249 85.3903H216.764C215.806 85.3903 214.835 85.4172 213.878 85.5791C213.581 85.633 213.298 85.687 213.001 85.7679C211.908 86.0511 210.843 86.4558 209.818 86.9548C209.669 87.0223 209.508 87.1032 209.359 87.1841C209.089 87.319 208.833 87.4674 208.577 87.6157C208.536 87.6427 208.132 87.8315 208.132 87.899V83.7987C208.132 83.4076 208.348 83.0569 208.698 82.8815L213.095 80.7235L216.966 78.8218L217.007 78.8488L220.136 80.3863L225.18 82.8681C225.194 82.8681 225.194 82.8815 225.207 82.8815C225.598 83.0569 225.828 83.448 225.828 83.8662Z\",\n stroke: \"#0057B5\",\n strokeWidth: 0.4517,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })), _path59 || (_path59 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M262.486 41.4071L263.524 50.6462C263.551 50.8485 263.389 51.0103 263.2 51.0103L261.029 50.9968C260.827 50.9968 260.678 50.8215 260.705 50.6327L261.838 41.4071C261.879 41.016 262.445 41.016 262.486 41.4071Z\",\n fill: \"#034C8E\"\n })), _path60 || (_path60 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.703 73.5617L248.31 73.4268C248.337 71.7678 248.35 70.7967 248.377 70.5944C248.647 68.0183 250.468 63.9045 254.109 56.1896C255.377 53.5191 257.427 50.309 260.624 49.7695C262.418 49.4728 264.373 49.7155 265.87 50.7406C267.813 52.0489 269.107 54.18 270.079 56.2705C273.639 64.0124 275.433 68.1397 275.676 70.7293C275.676 70.9316 275.689 71.9162 275.703 73.5617Z\",\n fill: \"#FEB80C\"\n })), _path61 || (_path61 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.3,\n d: \"M46.0456 86.8201L48.2576 85.1746C47.1786 83.4752 45.7354 82.032 44.036 80.953L42.3905 83.165C41.4463 82.585 40.4078 82.1534 39.3153 81.8837L39.7199 79.1457C38.7623 78.9299 37.7642 78.8085 36.7392 78.8085C35.7141 78.8085 34.716 78.9299 33.7584 79.1457L34.163 81.8837C33.057 82.1534 32.032 82.585 31.0878 83.165L29.4423 80.953C27.7429 82.032 26.2997 83.4752 25.2207 85.1746L27.4327 86.8201C26.8527 87.7642 26.4211 88.8028 26.1514 89.8953L23.4134 89.4907C23.1976 90.4483 23.0762 91.4464 23.0762 92.4714C23.0762 93.4965 23.1976 94.4946 23.4134 95.4522L26.1514 95.0476C26.4211 96.1536 26.8527 97.1786 27.4327 98.1228L25.2207 99.7683C26.2997 101.468 27.7429 102.911 29.4423 103.99L31.0878 101.778C32.032 102.358 33.0705 102.789 34.163 103.059L33.7584 105.797C34.716 106.013 35.7141 106.134 36.7392 106.134C37.7642 106.134 38.7623 106.013 39.7199 105.797L39.3153 103.059C40.4213 102.789 41.4463 102.358 42.3905 101.778L44.036 103.99C45.7354 102.911 47.1786 101.468 48.2576 99.7683L46.0456 98.1228C46.6256 97.1786 47.0572 96.1401 47.3269 95.0476L50.0649 95.4522C50.2807 94.4946 50.4021 93.4965 50.4021 92.4714C50.4021 91.4464 50.2807 90.4483 50.0649 89.4907L47.3269 89.8953C47.0572 88.8028 46.6121 87.7642 46.0456 86.8201ZM36.7257 99.7413C32.7198 99.7413 29.4693 96.4908 29.4693 92.4849C29.4693 88.4791 32.7198 85.2286 36.7257 85.2286C40.7315 85.2286 43.982 88.4791 43.982 92.4849C43.982 96.4908 40.7315 99.7413 36.7257 99.7413Z\",\n fill: \"#50A4FF\"\n })), _path62 || (_path62 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.3,\n d: \"M321.666 55.785L323.082 54.7329C322.395 53.6404 321.464 52.7233 320.385 52.0354L319.333 53.4516C318.726 53.0875 318.065 52.8042 317.364 52.6289L317.62 50.8755C316.999 50.7406 316.366 50.6597 315.705 50.6597C315.044 50.6597 314.41 50.7406 313.789 50.8755L314.046 52.6289C313.344 52.8042 312.683 53.074 312.076 53.4516L311.024 52.0354C309.932 52.7233 309.015 53.6539 308.327 54.7329L309.743 55.785C309.379 56.3919 309.096 57.0528 308.92 57.7542L307.167 57.4979C307.032 58.1183 306.951 58.7523 306.951 59.4132C306.951 60.074 307.032 60.708 307.167 61.3284L308.92 61.0721C309.096 61.7735 309.365 62.4344 309.743 63.0413L308.327 64.0934C309.015 65.1859 309.945 66.103 311.024 66.7909L312.076 65.3747C312.683 65.7389 313.344 66.0221 314.046 66.1974L313.789 67.9508C314.41 68.0857 315.044 68.1666 315.705 68.1666C316.366 68.1666 316.999 68.0857 317.62 67.9508L317.364 66.1974C318.065 66.0221 318.726 65.7523 319.333 65.3747L320.385 66.7909C321.477 66.103 322.395 65.1724 323.082 64.0934L321.666 63.0413C322.03 62.4344 322.314 61.7735 322.489 61.0721L324.242 61.3284C324.377 60.708 324.458 60.074 324.458 59.4132C324.458 58.7523 324.377 58.1183 324.242 57.4979L322.489 57.7542C322.314 57.0528 322.044 56.3919 321.666 55.785ZM315.705 64.0529C313.142 64.0529 311.065 61.9758 311.065 59.4132C311.065 56.8505 313.142 54.7734 315.705 54.7734C318.267 54.7734 320.344 56.8505 320.344 59.4132C320.344 61.9758 318.267 64.0529 315.705 64.0529Z\",\n fill: \"#50A4FF\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M130.522 28.041C126.22 28.041 122.713 31.5343 122.713 35.8504C122.713 40.1664 126.206 43.6732 130.522 43.6732C134.838 43.6732 138.345 40.1799 138.345 35.8504C138.332 31.5343 134.838 28.041 130.522 28.041ZM130.522 39.3706C128.58 39.3706 126.988 37.8061 126.988 35.8369C126.988 33.8946 128.567 32.3031 130.522 32.3031C132.464 32.3031 134.056 33.8812 134.056 35.8369C134.043 37.8061 132.464 39.3706 130.522 39.3706Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M130.522 19.7325C121.634 19.7325 114.418 26.9484 114.418 35.8368C114.418 44.7386 121.634 51.941 130.522 51.941C139.424 51.941 146.626 44.7386 146.626 35.8368C146.626 26.9484 139.424 19.7325 130.522 19.7325ZM130.522 47.8003C123.913 47.8003 118.572 42.4457 118.572 35.8368C118.572 29.2278 123.913 23.8867 130.522 23.8867C137.131 23.8867 142.486 29.2278 142.486 35.8368C142.486 42.4457 137.118 47.8003 130.522 47.8003Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M130.524 28.041C126.222 28.041 122.715 31.5343 122.715 35.8504C122.715 40.1664 126.208 43.6732 130.524 43.6732C134.84 43.6732 138.347 40.1799 138.347 35.8504C138.334 31.5343 134.84 28.041 130.524 28.041ZM130.524 39.3706C128.582 39.3706 126.99 37.8061 126.99 35.8369C126.99 33.8946 128.568 32.3031 130.524 32.3031C132.466 32.3031 134.058 33.8812 134.058 35.8369C134.044 37.8061 132.466 39.3706 130.524 39.3706Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M130.524 28.041C126.222 28.041 122.715 31.5343 122.715 35.8504C122.715 40.1664 126.208 43.6732 130.524 43.6732C134.84 43.6732 138.347 40.1799 138.347 35.8504C138.334 31.5343 134.84 28.041 130.524 28.041ZM130.524 39.3706C128.582 39.3706 126.99 37.8061 126.99 35.8369C126.99 33.8946 128.568 32.3031 130.524 32.3031C132.466 32.3031 134.058 33.8812 134.058 35.8369C134.044 37.8061 132.466 39.3706 130.524 39.3706Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M145.918 19.2397L130.271 35.5916L130.797 36.0951L146.445 19.7433L145.918 19.2397Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M129.834 34.9804L129.59 35.2504L131.21 36.7169L131.454 36.447L129.834 34.9804Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M131.102 34.8996L129.636 36.5195L129.906 36.7639L131.372 35.144L131.102 34.8996Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.647 19.8673H146.178C146.07 19.8673 145.976 19.8268 145.909 19.7459C145.841 19.665 145.801 19.5706 145.814 19.4627L146.043 16.7652C146.057 16.5629 146.219 16.4145 146.435 16.428C146.637 16.4415 146.785 16.6168 146.772 16.8191L146.583 19.1255H148.66C148.862 19.1255 149.024 19.2873 149.024 19.4897C149.011 19.7055 148.849 19.8673 148.647 19.8673Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.26 21.2566H144.792C144.684 21.2566 144.589 21.2161 144.522 21.1352C144.454 21.0543 144.414 20.9599 144.427 20.852L144.657 18.1545C144.67 17.9521 144.832 17.8173 145.048 17.8173C145.25 17.8307 145.398 18.0061 145.385 18.2084L145.196 20.5148H147.273C147.476 20.5148 147.637 20.6766 147.637 20.8789C147.637 21.0813 147.462 21.2566 147.26 21.2566Z\",\n fill: \"#50A4FF\"\n }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M390.352 107.577C387.128 107.577 384.512 110.194 384.512 113.418C384.512 116.655 387.128 119.271 390.352 119.271C393.589 119.271 396.205 116.655 396.205 113.418C396.205 110.194 393.589 107.577 390.352 107.577ZM390.352 116.061C388.895 116.061 387.708 114.888 387.708 113.418C387.708 111.961 388.895 110.774 390.352 110.774C391.809 110.774 392.995 111.961 392.995 113.418C392.995 114.888 391.809 116.061 390.352 116.061Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M390.351 101.373C383.702 101.373 378.307 106.768 378.307 113.418C378.307 120.081 383.702 125.462 390.351 125.462C397.014 125.462 402.396 120.081 402.396 113.418C402.409 106.768 397.014 101.373 390.351 101.373ZM390.351 122.36C385.415 122.36 381.409 118.354 381.409 113.418C381.409 108.481 385.401 104.475 390.351 104.475C395.288 104.475 399.293 108.468 399.293 113.418C399.307 118.354 395.301 122.36 390.351 122.36Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M390.344 107.577C387.121 107.577 384.504 110.194 384.504 113.418C384.504 116.655 387.121 119.271 390.344 119.271C393.581 119.271 396.198 116.655 396.198 113.418C396.198 110.194 393.581 107.577 390.344 107.577ZM390.344 116.061C388.887 116.061 387.7 114.888 387.7 113.418C387.7 111.961 388.887 110.774 390.344 110.774C391.801 110.774 392.988 111.961 392.988 113.418C392.988 114.888 391.801 116.061 390.344 116.061Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M390.344 107.577C387.121 107.577 384.504 110.194 384.504 113.418C384.504 116.655 387.121 119.271 390.344 119.271C393.581 119.271 396.198 116.655 396.198 113.418C396.198 110.194 393.581 107.577 390.344 107.577ZM390.344 116.061C388.887 116.061 387.7 114.888 387.7 113.418C387.7 111.961 388.887 110.774 390.344 110.774C391.801 110.774 392.988 111.961 392.988 113.418C392.988 114.888 391.801 116.061 390.344 116.061Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M401.868 100.969L390.166 113.2L390.566 113.582L402.267 101.351L401.868 100.969Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M389.781 112.808L389.6 113.008L390.809 114.103L390.99 113.903L389.781 112.808Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M390.748 112.736L389.653 113.946L389.853 114.127L390.948 112.917L390.748 112.736Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M403.913 101.467H402.065C401.984 101.467 401.917 101.441 401.863 101.373C401.809 101.319 401.782 101.238 401.795 101.171L401.971 99.1476C401.984 98.9993 402.106 98.8914 402.267 98.8914C402.416 98.9048 402.524 99.0397 402.51 99.1881L402.362 100.915H403.913C404.061 100.915 404.183 101.036 404.183 101.184C404.183 101.346 404.061 101.467 403.913 101.467Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M402.881 102.506H401.033C400.952 102.506 400.885 102.479 400.831 102.412C400.777 102.358 400.75 102.277 400.763 102.209L400.939 100.186C400.952 100.038 401.073 99.9301 401.235 99.9301C401.384 99.9435 401.492 100.078 401.478 100.227L401.33 101.953H402.881C403.029 101.953 403.151 102.075 403.151 102.223C403.151 102.371 403.029 102.506 402.881 102.506Z\",\n fill: \"#50A4FF\"\n }))), _path63 || (_path63 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M68.4624 34.7712C68.4624 36.0526 67.4239 37.0776 66.156 37.0776C64.8747 37.0776 63.8496 36.0391 63.8496 34.7712C63.8496 33.4899 64.8882 32.4649 66.156 32.4649C67.4239 32.4514 68.4624 33.4899 68.4624 34.7712Z\",\n fill: \"white\"\n })), _path64 || (_path64 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22.2251 202.8C22.2251 204.082 21.1866 205.107 19.9187 205.107C18.6374 205.107 17.6123 204.068 17.6123 202.8C17.6123 201.519 18.6509 200.494 19.9187 200.494C21.1866 200.48 22.2251 201.519 22.2251 202.8Z\",\n fill: \"white\"\n })), _path65 || (_path65 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.836 34.7712C275.836 36.0526 274.798 37.0776 273.53 37.0776C272.249 37.0776 271.224 36.0391 271.224 34.7712C271.224 33.4899 272.262 32.4649 273.53 32.4649C274.798 32.4514 275.836 33.4899 275.836 34.7712Z\",\n fill: \"white\"\n })), _path66 || (_path66 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.66357 109.87C5.66357 111.152 4.62504 112.177 3.3572 112.177C2.07587 112.177 1.05078 111.138 1.05078 109.87C1.05078 108.589 2.08936 107.564 3.3572 107.564C4.62504 107.564 5.66357 108.589 5.66357 109.87Z\",\n fill: \"white\"\n })), _path67 || (_path67 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M407.541 135.942C408.815 135.942 409.847 134.909 409.847 133.636C409.847 132.362 408.815 131.329 407.541 131.329C406.267 131.329 405.234 132.362 405.234 133.636C405.234 134.909 406.267 135.942 407.541 135.942Z\",\n fill: \"white\"\n })), _path68 || (_path68 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M370.302 34.7712C370.302 36.0526 369.264 37.0776 367.996 37.0776C366.715 37.0776 365.689 36.0391 365.689 34.7712C365.689 33.4899 366.728 32.4649 367.996 32.4649C369.264 32.4514 370.302 33.4899 370.302 34.7712Z\",\n fill: \"white\"\n })), _path69 || (_path69 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M140.162 75.841C140.907 75.841 141.511 75.2371 141.511 74.4922C141.511 73.7473 140.907 73.1434 140.162 73.1434C139.417 73.1434 138.813 73.7473 138.813 74.4922C138.813 75.2371 139.417 75.841 140.162 75.841Z\",\n fill: \"white\"\n })), _path70 || (_path70 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.885 123.749C65.885 124.491 65.2781 125.098 64.5363 125.098C63.7944 125.098 63.1875 124.491 63.1875 123.749C63.1875 123.007 63.7944 122.4 64.5363 122.4C65.2781 122.414 65.885 123.007 65.885 123.749Z\",\n fill: \"white\"\n })), _path71 || (_path71 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M190.161 9.80555C190.161 10.5474 189.554 11.1543 188.813 11.1543C188.071 11.1543 187.464 10.5474 187.464 9.80555C187.464 9.06373 188.071 8.45679 188.813 8.45679C189.554 8.47027 190.161 9.06373 190.161 9.80555Z\",\n fill: \"white\"\n })), _path72 || (_path72 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M361.697 77.1897C362.442 77.1897 363.046 76.5859 363.046 75.841C363.046 75.096 362.442 74.4922 361.697 74.4922C360.952 74.4922 360.349 75.096 360.349 75.841C360.349 76.5859 360.952 77.1897 361.697 77.1897Z\",\n fill: \"white\"\n })), _path73 || (_path73 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M408.014 209.584C408.759 209.584 409.363 208.981 409.363 208.236C409.363 207.491 408.759 206.887 408.014 206.887C407.269 206.887 406.665 207.491 406.665 208.236C406.665 208.981 407.269 209.584 408.014 209.584Z\",\n fill: \"white\"\n })), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.6\n }, /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72.1022 11.8018C71.6976 11.8018 71.3604 11.4646 71.3604 11.06V5.85374C71.3604 5.44911 71.6976 5.11194 72.1022 5.11194C72.5068 5.11194 72.844 5.44911 72.844 5.85374V11.06C72.844 11.4781 72.5203 11.8018 72.1022 11.8018Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M74.7117 9.19861H69.5055C69.1008 9.19861 68.7637 8.86142 68.7637 8.45679C68.7637 8.05216 69.1008 7.71497 69.5055 7.71497H74.7117C75.1164 7.71497 75.4535 8.05216 75.4535 8.45679C75.4535 8.87491 75.1164 9.19861 74.7117 9.19861Z\",\n fill: \"#50A4FF\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M96.4225 79.1857C96.0179 79.1857 95.6807 78.8485 95.6807 78.4439V73.2377C95.6807 72.833 96.0179 72.4958 96.4225 72.4958C96.8271 72.4958 97.1643 72.833 97.1643 73.2377V78.4439C97.1643 78.8485 96.8406 79.1857 96.4225 79.1857Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M99.0281 76.5826H93.8219C93.4173 76.5826 93.0801 76.2454 93.0801 75.8408C93.0801 75.4362 93.4173 75.099 93.8219 75.099H99.0281C99.4328 75.099 99.7699 75.4362 99.7699 75.8408C99.7699 76.2454 99.4328 76.5826 99.0281 76.5826Z\",\n fill: \"#50A4FF\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M266.366 6.68988C265.961 6.68988 265.624 6.35268 265.624 5.94805V0.741824C265.624 0.337195 265.961 0 266.366 0C266.77 0 267.108 0.337195 267.108 0.741824V5.94805C267.094 6.36617 266.77 6.68988 266.366 6.68988Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M268.953 4.08678H263.747C263.342 4.08678 263.005 3.74958 263.005 3.34495C263.005 2.94032 263.342 2.60315 263.747 2.60315H268.953C269.358 2.60315 269.695 2.94032 269.695 3.34495C269.695 3.76307 269.371 4.08678 268.953 4.08678Z\",\n fill: \"#50A4FF\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M405.226 194.775C404.822 194.775 404.484 194.438 404.484 194.033V188.827C404.484 188.422 404.822 188.085 405.226 188.085C405.631 188.085 405.968 188.422 405.968 188.827V194.033C405.968 194.438 405.631 194.775 405.226 194.775Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M407.83 192.172H402.624C402.219 192.172 401.882 191.835 401.882 191.43C401.882 191.025 402.219 190.688 402.624 190.688H407.83C408.234 190.688 408.572 191.025 408.572 191.43C408.572 191.835 408.234 192.172 407.83 192.172Z\",\n fill: \"#50A4FF\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M386.552 82.153C386.148 82.153 385.811 81.8158 385.811 81.4112V76.205C385.811 75.8003 386.148 75.4631 386.552 75.4631C386.957 75.4631 387.294 75.8003 387.294 76.205V81.4112C387.294 81.8293 386.957 82.153 386.552 82.153Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M389.156 79.55H383.95C383.545 79.55 383.208 79.2129 383.208 78.8082C383.208 78.4036 383.545 78.0664 383.95 78.0664H389.156C389.561 78.0664 389.898 78.4036 389.898 78.8082C389.898 79.2263 389.561 79.55 389.156 79.55Z\",\n fill: \"#50A4FF\"\n })), /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.34239 152.316C2.93776 152.316 2.60059 151.979 2.60059 151.574V146.368C2.60059 145.963 2.93776 145.626 3.34239 145.626C3.74702 145.626 4.08419 145.963 4.08419 146.368V151.574C4.08419 151.992 3.74702 152.316 3.34239 152.316Z\",\n fill: \"#50A4FF\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.94805 149.713H0.741845C0.337216 149.713 0 149.376 0 148.971C0 148.566 0.337216 148.229 0.741845 148.229H5.94805C6.35268 148.229 6.6899 148.566 6.6899 148.971C6.6899 149.389 6.35268 149.713 5.94805 149.713Z\",\n fill: \"#50A4FF\"\n })))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_4_3178\",\n x1: 162.286,\n y1: 204.792,\n x2: 181.589,\n y2: 204.792,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#EAEBEB\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.9568,\n stopColor: \"#9AB8E9\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint1_linear_4_3178\",\n x1: 271.692,\n y1: 204.792,\n x2: 252.39,\n y2: 204.792,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#EAEBEB\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.9568,\n stopColor: \"#9AB8E9\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint2_linear_4_3178\",\n x1: 202.3,\n y1: 209.234,\n x2: 231.994,\n y2: 209.234,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#EAEBEB\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.9568,\n stopColor: \"#9AB8E9\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(Svg200);\nexport default __webpack_public_path__ + \"static/media/200.2b4de1542921864a6ecb8c3301ea4670.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54, _path55, _path56, _path57, _path58, _path59, _path60, _path61, _path62, _path63, _path64, _path65, _path66, _path67, _path68, _path69, _path70, _path71, _path72, _path73, _path74, _path75, _path76, _path77, _path78, _path79, _path80, _path81, _path82, _path83, _path84, _path85, _path86, _path87, _path88, _path89, _path90, _path91, _path92, _path93, _path94, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction Svg400(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 451,\n height: 193,\n viewBox: \"0 0 451 193\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M296.1 16.0001V32.2001H193.4V2.1001H119.9V175.5H193.4L374.9 176.6V16.0001H296.1Z\",\n fill: \"url(#paint0_linear_3_1789)\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.3 26.9001H307.7C307 26.9001 306.5 26.3001 306.5 25.7001C306.5 25.0001 307.1 24.5001 307.7 24.5001H356.3C357 24.5001 357.5 25.1001 357.5 25.7001C357.5 26.3001 356.9 26.9001 356.3 26.9001Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.3 36.5001H307.7C307 36.5001 306.5 35.9001 306.5 35.3001C306.5 34.6001 307.1 34.1001 307.7 34.1001H356.3C357 34.1001 357.5 34.7001 357.5 35.3001C357.5 35.9001 356.9 36.5001 356.3 36.5001Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.3 46.1001H307.7C307 46.1001 306.5 45.5001 306.5 44.9001C306.5 44.2001 307.1 43.7001 307.7 43.7001H356.3C357 43.7001 357.5 44.3001 357.5 44.9001C357.5 45.6001 356.9 46.1001 356.3 46.1001Z\",\n fill: \"white\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.3 55.7001H307.7C307 55.7001 306.5 55.1001 306.5 54.5001C306.5 53.8001 307.1 53.3001 307.7 53.3001H356.3C357 53.3001 357.5 53.9001 357.5 54.5001C357.5 55.2001 356.9 55.7001 356.3 55.7001Z\",\n fill: \"white\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.3 65.3001H307.7C307 65.3001 306.5 64.7001 306.5 64.1001C306.5 63.4001 307.1 62.9001 307.7 62.9001H356.3C357 62.9001 357.5 63.5001 357.5 64.1001C357.5 64.8001 356.9 65.3001 356.3 65.3001Z\",\n fill: \"white\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.3 75.0001H307.7C307 75.0001 306.5 74.4001 306.5 73.8001C306.5 73.1001 307.1 72.6001 307.7 72.6001H356.3C357 72.6001 357.5 73.2001 357.5 73.8001C357.5 74.4001 356.9 75.0001 356.3 75.0001Z\",\n fill: \"white\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.601 11.2001H128.301V17.5001H134.601V11.2001Z\",\n fill: \"white\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.3 11.2001H141V17.5001H147.3V11.2001Z\",\n fill: \"white\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.101 11.2001H153.801V17.5001H160.101V11.2001Z\",\n fill: \"white\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.8 11.2001H166.5V17.5001H172.8V11.2001Z\",\n fill: \"white\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.601 26.9001H128.301V33.2001H134.601V26.9001Z\",\n fill: \"white\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.3 26.9001H141V33.2001H147.3V26.9001Z\",\n fill: \"white\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.101 26.9001H153.801V33.2001H160.101V26.9001Z\",\n fill: \"white\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.8 26.9001H166.5V33.2001H172.8V26.9001Z\",\n fill: \"white\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.601 42.6001H128.301V48.9001H134.601V42.6001Z\",\n fill: \"white\"\n })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.3 42.6001H141V48.9001H147.3V42.6001Z\",\n fill: \"white\"\n })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.101 42.6001H153.801V48.9001H160.101V42.6001Z\",\n fill: \"white\"\n })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.8 42.6001H166.5V48.9001H172.8V42.6001Z\",\n fill: \"white\"\n })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M362.201 139.7C357.001 150.9 349.901 150.9 347.601 150.9C342.001 150.9 337.301 147.4 333.801 140.4C329.501 132 327.301 119.4 327.301 103.9C327.301 103.7 327.301 103.5 327.301 103.3H297.601C297.601 103.4 297.601 103.6 297.601 103.7C297.801 125.6 302.301 143.9 310.701 156.5C319.401 169.6 331.801 176.5 346.601 176.5C362.901 176.5 376.201 169.4 385.101 156.1C393.401 143.5 397.701 125.7 397.901 103.3H368.201C368.101 118.9 366.001 131.5 362.201 139.7Z\",\n fill: \"#5571E9\"\n })), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M399.1 50.2001C390.5 37.0001 377.8 30.1001 362.2 30.1001C346.8 30.1001 333.9 37.0001 324.7 50.1001C315.7 62.9001 311 81.3001 310.9 103.3H340.6C340.7 87.6001 343 74.8001 347.4 66.3001C351 59.3001 355.7 55.7001 361.1 55.7001C368.7 55.7001 381.5 61.8001 381.5 102.7C381.5 102.9 381.5 103.1 381.5 103.3H411.2C411.2 102.8 411.2 102.4 411.2 101.9C411.3 80.1001 407.2 62.6001 399.1 50.2001Z\",\n fill: \"#5571E9\"\n })), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M255 139.7C249.8 150.9 242.7 150.9 240.4 150.9C234.8 150.9 230.1 147.4 226.6 140.4C222.3 132 220.1 119.4 220.1 103.9C220.1 103.7 220.1 103.5 220.1 103.3H190.4C190.4 103.4 190.4 103.6 190.4 103.7C190.6 125.6 195.1 143.9 203.5 156.5C212.2 169.6 224.6 176.5 239.4 176.5C255.7 176.5 269 169.4 277.9 156.1C286.2 143.5 290.5 125.7 290.7 103.3H261C260.9 118.9 258.8 131.5 255 139.7Z\",\n fill: \"#5571E9\"\n })), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M291.9 50.2001C283.3 37.0001 270.6 30.1001 255 30.1001C239.6 30.1001 226.7 37.0001 217.5 50.1001C208.5 62.9001 203.8 81.3001 203.7 103.3H233.4C233.5 87.6001 235.8 74.8001 240.2 66.3001C243.8 59.3001 248.5 55.7001 253.9 55.7001C261.5 55.7001 274.3 61.8001 274.3 102.7C274.3 102.9 274.3 103.1 274.3 103.3H304C304 102.8 304 102.4 304 101.9C304.1 80.1001 300 62.6001 291.9 50.2001Z\",\n fill: \"#5571E9\"\n })), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72.3999 172.5C71.4999 172.5 70.5999 171.8 70.4999 170.8L51.6999 3.7C51.5999 2.7 52.2999 1.69999 53.3999 1.59999C54.3999 1.49999 55.3999 2.19999 55.4999 3.29999L74.2999 170.4C74.3999 171.4 73.6999 172.4 72.5999 172.5C72.4999 172.5 72.4999 172.5 72.3999 172.5Z\",\n fill: \"#8C9EA5\"\n })), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M123.4 172.5C122.5 172.5 121.6 171.8 121.5 170.8L102.7 3.7C102.6 2.7 103.3 1.69999 104.4 1.59999C105.4 1.49999 106.4 2.19999 106.5 3.29999L125.3 170.4C125.4 171.4 124.7 172.4 123.6 172.5C123.5 172.5 123.5 172.5 123.4 172.5Z\",\n fill: \"#8C9EA5\"\n })), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M106.5 22.8H55.4996C54.4996 22.8 53.5996 22 53.5996 20.9C53.5996 19.9 54.3996 19 55.4996 19H106.5C107.5 19 108.4 19.8 108.4 20.9C108.4 22 107.6 22.8 106.5 22.8Z\",\n fill: \"#8C9EA5\"\n })), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M107.6 39.4H57.6998C56.6998 39.4 55.7998 38.6 55.7998 37.5C55.7998 36.5 56.5998 35.6 57.6998 35.6H107.6C108.6 35.6 109.5 36.4 109.5 37.5C109.5 38.6 108.6 39.4 107.6 39.4Z\",\n fill: \"#8C9EA5\"\n })), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.7 56H59.8004C58.8004 56 57.9004 55.2 57.9004 54.1C57.9004 53.1 58.7004 52.2 59.8004 52.2H108.7C109.7 52.2 110.6 53 110.6 54.1C110.5 55.1 109.7 56 108.7 56Z\",\n fill: \"#8C9EA5\"\n })), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M112.1 72.6H61.9996C60.9996 72.6 60.0996 71.8 60.0996 70.7C60.0996 69.7 60.8996 68.8 61.9996 68.8H112.1C113.1 68.8 114 69.6 114 70.7C114 71.7 113.2 72.6 112.1 72.6Z\",\n fill: \"#8C9EA5\"\n })), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114 89.2H63.6002C62.6002 89.2 61.7002 88.4 61.7002 87.3C61.7002 86.3 62.5002 85.4 63.6002 85.4H114C115 85.4 115.9 86.2 115.9 87.3C115.9 88.3 115 89.2 114 89.2Z\",\n fill: \"#8C9EA5\"\n })), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M115.9 105.7H65.4C64.4 105.7 63.5 104.9 63.5 103.8C63.5 102.8 64.3 101.9 65.4 101.9H115.9C116.9 101.9 117.8 102.7 117.8 103.8C117.8 104.9 116.9 105.7 115.9 105.7Z\",\n fill: \"#8C9EA5\"\n })), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.9 7H50.0996C48.1996 7 46.5996 5.4 46.5996 3.5C46.5996 1.6 48.1996 0 50.0996 0H104.9C106.8 0 108.4 1.6 108.4 3.5C108.4 5.4 106.9 7 104.9 7Z\",\n fill: \"#B0BEC5\"\n })), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.3997 172.5C83.2997 172.5 83.2997 172.5 83.1997 172.5C82.1997 172.4 81.3997 171.5 81.4997 170.4L100.3 3.30001C100.4 2.30001 101.3 1.50001 102.4 1.60001C103.4 1.70001 104.2 2.60002 104.1 3.70002L85.2997 170.8C85.1997 171.8 84.3997 172.5 83.3997 172.5Z\",\n fill: \"#B0BEC5\"\n })), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.3997 172.5C32.2997 172.5 32.2997 172.5 32.1997 172.5C31.1997 172.4 30.3997 171.5 30.4997 170.4L49.2997 3.30001C49.3997 2.30001 50.2997 1.50001 51.3997 1.60001C52.3997 1.70001 53.1997 2.60002 53.0997 3.70002L34.2997 170.8C34.1997 171.8 33.3997 172.5 32.3997 172.5Z\",\n fill: \"#B0BEC5\"\n })), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M100.299 22.8H49.2994C48.2994 22.8 47.3994 22 47.3994 20.9C47.3994 19.9 48.1994 19 49.2994 19H100.299C101.299 19 102.199 19.8 102.199 20.9C102.199 22 101.399 22.8 100.299 22.8Z\",\n fill: \"#B0BEC5\"\n })), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M98.1994 39.4H48.2994C47.2994 39.4 46.3994 38.6 46.3994 37.5C46.3994 36.5 47.1994 35.6 48.2994 35.6H98.1994C99.1994 35.6 100.099 36.4 100.099 37.5C100.099 38.6 99.1994 39.4 98.1994 39.4Z\",\n fill: \"#B0BEC5\"\n })), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M96.0998 56H47.1998C46.1998 56 45.2998 55.2 45.2998 54.1C45.2998 53.1 46.0998 52.2 47.1998 52.2H96.0998C97.0998 52.2 97.9998 53 97.9998 54.1C97.8998 55.1 97.0998 56 96.0998 56Z\",\n fill: \"#B0BEC5\"\n })), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M93.8994 72.6H43.7994C42.7994 72.6 41.8994 71.8 41.8994 70.7C41.8994 69.7 42.6994 68.8 43.7994 68.8H93.8994C94.8994 68.8 95.7994 69.6 95.7994 70.7C95.6994 71.7 94.8994 72.6 93.8994 72.6Z\",\n fill: \"#B0BEC5\"\n })), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M92.3 89.2H41.9C40.9 89.2 40 88.4 40 87.3C40 86.3 40.8 85.4 41.9 85.4H92.3C93.3 85.4 94.2 86.2 94.2 87.3C94.2 88.3 93.3 89.2 92.3 89.2Z\",\n fill: \"#B0BEC5\"\n })), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M90.4996 105.7H39.9996C38.9996 105.7 38.0996 104.9 38.0996 103.8C38.0996 102.8 38.8996 101.9 39.9996 101.9H90.4996C91.4996 101.9 92.3996 102.7 92.3996 103.8C92.2996 104.9 91.4996 105.7 90.4996 105.7Z\",\n fill: \"#B0BEC5\"\n })), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M137.7 124.7L200.1 83.5001L205.1 80.2001L201.8 75.2001L191.3 59.3L189.6 56.7001L186.5 56.6001L85.2 53.9001L83.3 53.8L81.7 54.8L72 61.2001L67 64.5001L70.3 69.5001L100.3 114.9L75.8 131.1L70.8 134.4L74.1 139.4L83.3 153.3L86.6 158.3L91.6 155L116.1 138.8L122.8 149L126.1 154L131.1 150.7L142.6 143.1L147.6 139.8L144.3 134.8L137.7 124.7ZM108.1 79.8L151 81.5001L121.9 100.7L108.1 79.8Z\",\n fill: \"#5571E9\"\n })), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.8002 150.7C41.2002 150.7 34.2002 157.7 34.2002 166.3C34.2002 174.9 41.2002 181.9 49.8002 181.9H181.6V150.7H49.8002Z\",\n fill: \"#B0BEC5\"\n })), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.8002 150.7C41.2002 150.7 34.2002 157.7 34.2002 166.3C34.2002 174.9 41.2002 181.9 49.8002 181.9H181.6V150.7H49.8002Z\",\n fill: \"url(#paint1_linear_3_1789)\"\n })), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M187.53 180.743C195.503 177.477 199.318 168.366 196.052 160.393C192.786 152.42 183.675 148.605 175.702 151.871C167.729 155.137 163.913 164.248 167.18 172.221C170.446 180.194 179.557 184.009 187.53 180.743Z\",\n fill: \"#CFD8DC\"\n })), _path45 || (_path45 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M181.6 177.5C187.786 177.5 192.8 172.486 192.8 166.3C192.8 160.114 187.786 155.1 181.6 155.1C175.415 155.1 170.4 160.114 170.4 166.3C170.4 172.486 175.415 177.5 181.6 177.5Z\",\n fill: \"#B0BEC5\"\n })), _path46 || (_path46 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M181.6 177.5C187.786 177.5 192.8 172.486 192.8 166.3C192.8 160.114 187.786 155.1 181.6 155.1C175.415 155.1 170.4 160.114 170.4 166.3C170.4 172.486 175.415 177.5 181.6 177.5Z\",\n fill: \"url(#paint2_linear_3_1789)\"\n })), _path47 || (_path47 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.0004 123C24.4004 123 17.4004 130 17.4004 138.6C17.4004 147.2 24.4004 154.2 33.0004 154.2H164.8V123H33.0004Z\",\n fill: \"#B0BEC5\"\n })), _path48 || (_path48 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.0004 123C24.4004 123 17.4004 130 17.4004 138.6C17.4004 147.2 24.4004 154.2 33.0004 154.2H164.8V123H33.0004Z\",\n fill: \"url(#paint3_linear_3_1789)\"\n })), _path49 || (_path49 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M175.855 149.635C181.947 143.542 181.947 133.665 175.855 127.573C169.763 121.481 159.886 121.481 153.793 127.573C147.701 133.665 147.701 143.542 153.793 149.635C159.886 155.727 169.763 155.727 175.855 149.635Z\",\n fill: \"#CFD8DC\"\n })), _path50 || (_path50 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.801 149.8C170.986 149.8 176.001 144.786 176.001 138.6C176.001 132.414 170.986 127.4 164.801 127.4C158.615 127.4 153.601 132.414 153.601 138.6C153.601 144.786 158.615 149.8 164.801 149.8Z\",\n fill: \"#B0BEC5\"\n })), _path51 || (_path51 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.801 149.8C170.986 149.8 176.001 144.786 176.001 138.6C176.001 132.414 170.986 127.4 164.801 127.4C158.615 127.4 153.601 132.414 153.601 138.6C153.601 144.786 158.615 149.8 164.801 149.8Z\",\n fill: \"url(#paint4_linear_3_1789)\"\n })), _path52 || (_path52 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.6 150.7C7.00001 150.7 0 157.7 0 166.3C0 174.9 7.00001 181.9 15.6 181.9H147.4V150.7H15.6Z\",\n fill: \"#B0BEC5\"\n })), _path53 || (_path53 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M153.472 180.708C161.407 177.351 165.119 168.198 161.762 160.263C158.406 152.328 149.252 148.616 141.317 151.973C133.382 155.329 129.67 164.483 133.027 172.418C136.384 180.353 145.537 184.065 153.472 180.708Z\",\n fill: \"#CFD8DC\"\n })), _path54 || (_path54 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.4 177.5C153.586 177.5 158.6 172.486 158.6 166.3C158.6 160.114 153.586 155.1 147.4 155.1C141.215 155.1 136.2 160.114 136.2 166.3C136.2 172.486 141.215 177.5 147.4 177.5Z\",\n fill: \"#B0BEC5\"\n })), _path55 || (_path55 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.4 177.5C153.586 177.5 158.6 172.486 158.6 166.3C158.6 160.114 153.586 155.1 147.4 155.1C141.215 155.1 136.2 160.114 136.2 166.3C136.2 172.486 141.215 177.5 147.4 177.5Z\",\n fill: \"url(#paint5_linear_3_1789)\"\n })), _path56 || (_path56 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M259.6 176.4C253.6 176.4 250.7 168.9 255.3 165C256 164.4 256.8 163.9 257.6 163.5C260.9 161.8 264.8 161.7 268.3 163C270.5 163.8 273 163.3 274.8 161.8C277.4 159.5 281 158.2 284.6 158.1C288 158 291.3 158.8 294.6 159.8C297.2 160.7 300.2 159.7 301.8 157.5C308.8 147.9 320.2 141.8 332 139.7C339.1 138.4 346.7 138.4 353.4 141C358.5 143 363 146.6 365.8 151.2C367.2 153.5 369.9 154.7 372.6 154.2C377.7 153.2 383.5 155.1 387.1 158.9C389.2 161.1 392.4 161.7 395 160.3C397.3 159 399.8 158.1 402.5 158C405.5 157.9 408.7 159.2 410.7 161.4C412.3 163.2 414.7 163.9 417.1 163.5C418.9 163.2 420.8 163.5 422.4 164.4C422.4 164.4 422.5 164.4 422.5 164.5C428.2 167.8 425.7 176.5 419.1 176.5L259.6 176.4Z\",\n fill: \"#CFD8DC\"\n })), _path57 || (_path57 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M259.6 176.4C253.6 176.4 250.7 168.9 255.3 165C256 164.4 256.8 163.9 257.6 163.5C260.9 161.8 264.8 161.7 268.3 163C270.5 163.8 273 163.3 274.8 161.8C277.4 159.5 281 158.2 284.6 158.1C288 158 291.3 158.8 294.6 159.8C297.2 160.7 300.2 159.7 301.8 157.5C308.8 147.9 320.2 141.8 332 139.7C339.1 138.4 346.7 138.4 353.4 141C358.5 143 363 146.6 365.8 151.2C367.2 153.5 369.9 154.7 372.6 154.2C377.7 153.2 383.5 155.1 387.1 158.9C389.2 161.1 392.4 161.7 395 160.3C397.3 159 399.8 158.1 402.5 158C405.5 157.9 408.7 159.2 410.7 161.4C412.3 163.2 414.7 163.9 417.1 163.5C418.9 163.2 420.8 163.5 422.4 164.4C422.4 164.4 422.5 164.4 422.5 164.5C428.2 167.8 425.7 176.5 419.1 176.5L259.6 176.4Z\",\n fill: \"url(#paint6_linear_3_1789)\"\n })), _path58 || (_path58 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M429 169.6H249.5C248 169.6 246.8 170.8 246.8 172.3V179.3C246.8 180.8 248 182 249.5 182H429C430.5 182 431.7 180.8 431.7 179.3V172.3C431.7 170.8 430.5 169.6 429 169.6Z\",\n fill: \"#455A64\"\n })), _path59 || (_path59 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.127 113.194L20.627 113.208L20.7742 192.008L28.2742 191.994L28.127 113.194Z\",\n fill: \"#37474F\"\n })), _path60 || (_path60 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.2998 188.7V189.6C15.2998 190.9 16.3998 192 17.6998 192H31.4998C32.7998 192 33.8998 190.9 33.8998 189.6V188.7H15.2998Z\",\n fill: \"#37474F\"\n })), _path61 || (_path61 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.3998 185.1H20.7998L15.2998 188.7H33.9998L28.3998 185.1Z\",\n fill: \"#455A64\"\n })), _path62 || (_path62 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.4004 185.1L28.2004 113.2H25.4004L25.6004 185.1L28.3004 188.7V189.6C28.3004 190.9 27.2004 192 25.9004 192H31.6004C32.9004 192 34.0004 190.9 34.0004 189.6V188.7L28.4004 185.1Z\",\n fill: \"url(#paint7_linear_3_1789)\"\n })), _path63 || (_path63 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.4998 104.1C33.4998 99.1 29.3998 95 24.3998 95C19.3998 95 15.2998 99.1 15.2998 104.1C15.2998 109.1 19.3998 113.2 24.3998 113.2C29.3998 113.2 33.4998 109.1 33.4998 104.1Z\",\n fill: \"#E53935\"\n })), _path64 || (_path64 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.4 113.2C29.4 113.2 33.5 109.1 33.5 104.1C33.5 102.5 33.1 101 32.3 99.7L20 112C21.3 112.7 22.8 113.2 24.4 113.2Z\",\n fill: \"url(#paint8_linear_3_1789)\"\n })), _path65 || (_path65 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M444.23 115.594L436.93 115.607L437.071 191.307L444.371 191.294L444.23 115.594Z\",\n fill: \"#37474F\"\n })), _path66 || (_path66 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M431.6 188V188.8C431.6 190.1 432.7 191.2 434 191.2H447.4C448.7 191.2 449.8 190.1 449.8 188.8V188H431.6Z\",\n fill: \"#37474F\"\n })), _path67 || (_path67 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M444.4 184.5H437L431.6 188H449.8L444.4 184.5Z\",\n fill: \"#455A64\"\n })), _path68 || (_path68 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M444.4 184.5L444.2 115.6H441.5L441.7 184.5L444.3 188V188.8C444.3 190.1 443.2 191.2 441.9 191.2H447.4C448.7 191.2 449.8 190.1 449.8 188.8V188L444.4 184.5Z\",\n fill: \"url(#paint9_linear_3_1789)\"\n })), _path69 || (_path69 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M449.299 106.8C449.299 101.9 445.299 98 440.499 98C435.599 98 431.699 102 431.699 106.8C431.699 111.7 435.699 115.6 440.499 115.6C445.399 115.6 449.299 111.6 449.299 106.8Z\",\n fill: \"#E53935\"\n })), _path70 || (_path70 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M440.499 115.6C445.399 115.6 449.299 111.6 449.299 106.8C449.299 105.2 448.899 103.8 448.199 102.5L436.199 114.5C437.499 115.2 438.899 115.6 440.499 115.6Z\",\n fill: \"url(#paint10_linear_3_1789)\"\n })), _path71 || (_path71 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M439.299 102.5C439.299 103.4 438.599 104.2 437.599 104.2C436.599 104.2 435.899 103.5 435.899 102.5C435.899 101.6 436.599 100.8 437.599 100.8C438.499 100.8 439.299 101.5 439.299 102.5Z\",\n fill: \"white\"\n })), _path72 || (_path72 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M450.885 115.593L14.085 116.408L14.1158 132.908L450.916 132.093L450.885 115.593Z\",\n fill: \"#F5D100\"\n })), _path73 || (_path73 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.8996 116.4L16.3996 132.9H14.0996V123.5L21.2996 116.4H32.8996Z\",\n fill: \"#263238\"\n })), _path74 || (_path74 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.7992 116.3L38.2992 132.9H26.6992L43.0992 116.3H54.7992Z\",\n fill: \"#263238\"\n })), _path75 || (_path75 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.7 116.3L60.2 132.8H48.5L65 116.3H76.7Z\",\n fill: \"#263238\"\n })), _path76 || (_path76 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M98.5994 116.2L82.0994 132.8H70.3994L86.8994 116.3L98.5994 116.2Z\",\n fill: \"#263238\"\n })), _path77 || (_path77 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M120.5 116.2L104 132.7L92.2998 132.8L108.8 116.2H120.5Z\",\n fill: \"#263238\"\n })), _path78 || (_path78 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.299 116.2L125.899 132.7H114.199L130.699 116.2H142.299Z\",\n fill: \"#263238\"\n })), _path79 || (_path79 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.2 116.1L147.8 132.7H136.1L152.6 116.1H164.2Z\",\n fill: \"#263238\"\n })), _path80 || (_path80 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M186.1 116.1L169.6 132.6H158L174.4 116.1H186.1Z\",\n fill: \"#263238\"\n })), _path81 || (_path81 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M208 116L191.5 132.6H179.8L196.3 116H208Z\",\n fill: \"#263238\"\n })), _path82 || (_path82 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M229.899 116L213.399 132.5L201.699 132.6L218.199 116H229.899Z\",\n fill: \"#263238\"\n })), _path83 || (_path83 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M251.8 115.9L235.3 132.5H223.6L240.1 116L251.8 115.9Z\",\n fill: \"#263238\"\n })), _path84 || (_path84 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M273.7 115.9L257.2 132.4L245.5 132.5L262 115.9H273.7Z\",\n fill: \"#263238\"\n })), _path85 || (_path85 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M295.499 115.9L279.099 132.4H267.399L283.899 115.9H295.499Z\",\n fill: \"#263238\"\n })), _path86 || (_path86 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M317.4 115.8L300.9 132.4H289.3L305.8 115.8H317.4Z\",\n fill: \"#263238\"\n })), _path87 || (_path87 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M339.299 115.8L322.799 132.3H311.199L327.599 115.8H339.299Z\",\n fill: \"#263238\"\n })), _path88 || (_path88 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M361.2 115.7L344.7 132.3H333L349.5 115.8L361.2 115.7Z\",\n fill: \"#263238\"\n })), _path89 || (_path89 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M383.099 115.7L366.599 132.2L354.899 132.3L371.399 115.7H383.099Z\",\n fill: \"#263238\"\n })), _path90 || (_path90 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M405 115.7L388.5 132.2H376.8L393.3 115.7H405Z\",\n fill: \"#263238\"\n })), _path91 || (_path91 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M426.899 115.6L410.399 132.2H398.699L415.199 115.6H426.899Z\",\n fill: \"#263238\"\n })), _path92 || (_path92 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M448.7 115.6L432.3 132.1H420.6L437.1 115.6H448.7Z\",\n fill: \"#263238\"\n })), _path93 || (_path93 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M450.9 123.6L451 132.1H442.5L450.9 123.6Z\",\n fill: \"#263238\"\n })), _path94 || (_path94 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.0996 132.9L451 132.1L450.9 123.7L14.0996 124.5V132.9Z\",\n fill: \"url(#paint11_linear_3_1789)\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_3_1789\",\n x1: 247.383,\n y1: 175.173,\n x2: 247.383,\n y2: -74.3306,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#D6D7F4\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint1_linear_3_1789\",\n x1: 107.922,\n y1: 140.702,\n x2: 107.922,\n y2: 173.465,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint2_linear_3_1789\",\n x1: 209.647,\n y1: 166.312,\n x2: 169.165,\n y2: 166.312,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint3_linear_3_1789\",\n x1: 91.1276,\n y1: 121.13,\n x2: 91.1276,\n y2: 160.386,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint4_linear_3_1789\",\n x1: 192.853,\n y1: 138.568,\n x2: 152.371,\n y2: 138.568,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint5_linear_3_1789\",\n x1: 175.476,\n y1: 166.312,\n x2: 134.995,\n y2: 166.312,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint6_linear_3_1789\",\n x1: 356.633,\n y1: 149.525,\n x2: 311.003,\n y2: 203.114,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint7_linear_3_1789\",\n x1: 4.69604,\n y1: 143.134,\n x2: 66.6437,\n y2: 169.324,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint8_linear_3_1789\",\n x1: 26.7011,\n y1: 96.2249,\n x2: 26.7363,\n y2: 114.744,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint9_linear_3_1789\",\n x1: 421.68,\n y1: 144.325,\n x2: 481.244,\n y2: 169.506,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint10_linear_3_1789\",\n x1: 442.73,\n y1: 99.1465,\n x2: 442.765,\n y2: 117.114,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint11_linear_3_1789\",\n x1: 144.5,\n y1: 4.89583,\n x2: 279.119,\n y2: 193.6,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(Svg400);\nexport default __webpack_public_path__ + \"static/media/400.4e46e304dcfdcae89fcfb902d8863816.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54, _path55, _path56, _path57, _path58, _path59, _path60, _path61, _path62, _path63, _path64, _path65, _path66, _path67, _path68, _path69, _path70, _path71, _path72, _path73, _path74, _path75, _path76, _path77, _path78, _path79, _path80, _path81, _path82, _path83, _path84, _path85, _path86, _path87, _path88, _path89, _path90, _path91, _path92, _path93, _path94, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction Svg500(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 451,\n height: 195,\n viewBox: \"0 0 451 195\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M296.099 16.0077V32.2077H193.399V2.10767H119.899V175.508H193.399L374.899 176.608V16.0077H296.099Z\",\n fill: \"url(#paint0_linear_3_2193)\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.299 26.9078H307.699C306.999 26.9078 306.499 26.3078 306.499 25.7078C306.499 25.0078 307.099 24.5078 307.699 24.5078H356.299C356.999 24.5078 357.499 25.1078 357.499 25.7078C357.499 26.3078 356.899 26.9078 356.299 26.9078Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.299 36.5077H307.699C306.999 36.5077 306.499 35.9077 306.499 35.3077C306.499 34.6077 307.099 34.1077 307.699 34.1077H356.299C356.999 34.1077 357.499 34.7077 357.499 35.3077C357.499 35.9077 356.899 36.5077 356.299 36.5077Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.299 46.1078H307.699C306.999 46.1078 306.499 45.5078 306.499 44.9078C306.499 44.2078 307.099 43.7078 307.699 43.7078H356.299C356.999 43.7078 357.499 44.3078 357.499 44.9078C357.499 45.6078 356.899 46.1078 356.299 46.1078Z\",\n fill: \"white\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.299 55.7076H307.699C306.999 55.7076 306.499 55.1076 306.499 54.5076C306.499 53.8076 307.099 53.3076 307.699 53.3076H356.299C356.999 53.3076 357.499 53.9076 357.499 54.5076C357.499 55.2076 356.899 55.7076 356.299 55.7076Z\",\n fill: \"white\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.299 65.3077H307.699C306.999 65.3077 306.499 64.7077 306.499 64.1077C306.499 63.4077 307.099 62.9077 307.699 62.9077H356.299C356.999 62.9077 357.499 63.5077 357.499 64.1077C357.499 64.8077 356.899 65.3077 356.299 65.3077Z\",\n fill: \"white\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M356.299 75.0077H307.699C306.999 75.0077 306.499 74.4077 306.499 73.8077C306.499 73.1077 307.099 72.6077 307.699 72.6077H356.299C356.999 72.6077 357.499 73.2077 357.499 73.8077C357.499 74.4077 356.899 75.0077 356.299 75.0077Z\",\n fill: \"white\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.6 11.2078H128.3V17.5078H134.6V11.2078Z\",\n fill: \"white\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.299 11.2078H140.999V17.5078H147.299V11.2078Z\",\n fill: \"white\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.1 11.2078H153.8V17.5078H160.1V11.2078Z\",\n fill: \"white\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.799 11.2078H166.499V17.5078H172.799V11.2078Z\",\n fill: \"white\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.6 26.9077H128.3V33.2077H134.6V26.9077Z\",\n fill: \"white\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.299 26.9077H140.999V33.2077H147.299V26.9077Z\",\n fill: \"white\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.1 26.9077H153.8V33.2077H160.1V26.9077Z\",\n fill: \"white\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.799 26.9077H166.499V33.2077H172.799V26.9077Z\",\n fill: \"white\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.6 42.6077H128.3V48.9077H134.6V42.6077Z\",\n fill: \"white\"\n })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.299 42.6077H140.999V48.9077H147.299V42.6077Z\",\n fill: \"white\"\n })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M160.1 42.6077H153.8V48.9077H160.1V42.6077Z\",\n fill: \"white\"\n })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.799 42.6077H166.499V48.9077H172.799V42.6077Z\",\n fill: \"white\"\n })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M255 139.708C249.8 150.908 242.7 150.908 240.4 150.908C234.8 150.908 230.1 147.408 226.6 140.408C222.3 132.008 220.1 119.408 220.1 103.908C220.1 103.708 220.1 103.508 220.1 103.308H190.4C190.4 103.408 190.4 103.608 190.4 103.708C190.6 125.608 195.1 143.908 203.5 156.508C212.2 169.608 224.6 176.508 239.4 176.508C255.7 176.508 269 169.408 277.9 156.108C286.2 143.508 290.5 125.708 290.7 103.308H261C260.9 118.908 258.8 131.508 255 139.708Z\",\n fill: \"#5571E9\"\n })), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M377.6 139.708C372.4 150.908 365.3 150.908 363 150.908C357.4 150.908 352.7 147.408 349.2 140.408C344.9 132.008 342.7 119.408 342.7 103.908C342.7 103.708 342.7 103.508 342.7 103.308H313C313 103.408 313 103.608 313 103.708C313.2 125.608 317.7 143.908 326.1 156.508C334.8 169.608 347.2 176.508 362 176.508C378.3 176.508 391.6 169.408 400.5 156.108C408.8 143.508 413.1 125.708 413.3 103.308H383.6C383.5 118.908 381.4 131.508 377.6 139.708Z\",\n fill: \"#5571E9\"\n })), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M291.9 50.2077C283.3 37.0077 270.6 30.1077 255 30.1077C239.6 30.1077 226.7 37.0077 217.5 50.1077C208.5 62.9077 203.8 81.3077 203.7 103.308H233.4C233.5 87.6077 235.8 74.8077 240.2 66.3077C243.8 59.3077 248.5 55.7077 253.9 55.7077C261.5 55.7077 274.3 61.8077 274.3 102.708C274.3 102.908 274.3 103.108 274.3 103.308H304C304 102.808 304 102.408 304 101.908C304.1 80.1077 300 62.6077 291.9 50.2077Z\",\n fill: \"#5571E9\"\n })), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M414.5 50.2077C405.9 37.0077 393.2 30.1077 377.6 30.1077C362.2 30.1077 349.3 37.0077 340.1 50.1077C331.1 62.9077 326.4 81.3077 326.3 103.308H356C356.1 87.6077 358.4 74.8077 362.8 66.3077C366.4 59.3077 371.1 55.7077 376.5 55.7077C384.1 55.7077 396.9 61.8077 396.9 102.708C396.9 102.908 396.9 103.108 396.9 103.308H426.6C426.6 102.808 426.6 102.408 426.6 101.908C426.7 80.1077 422.6 62.6077 414.5 50.2077Z\",\n fill: \"#5571E9\"\n })), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M72.3999 172.508C71.4999 172.508 70.5999 171.808 70.4999 170.808L51.6999 3.70763C51.5999 2.70763 52.2999 1.70762 53.3999 1.60762C54.3999 1.50762 55.3999 2.20762 55.4999 3.30762L74.2999 170.408C74.3999 171.408 73.6999 172.408 72.5999 172.508C72.4999 172.508 72.4999 172.508 72.3999 172.508Z\",\n fill: \"#8C9EA5\"\n })), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M123.4 172.508C122.5 172.508 121.6 171.808 121.5 170.808L102.7 3.70763C102.6 2.70763 103.3 1.70762 104.4 1.60762C105.4 1.50762 106.4 2.20762 106.5 3.30762L125.3 170.408C125.4 171.408 124.7 172.408 123.6 172.508C123.5 172.508 123.5 172.508 123.4 172.508Z\",\n fill: \"#8C9EA5\"\n })), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M106.5 22.8076H55.4996C54.4996 22.8076 53.5996 22.0076 53.5996 20.9076C53.5996 19.9076 54.3996 19.0076 55.4996 19.0076H106.5C107.5 19.0076 108.4 19.8076 108.4 20.9076C108.4 22.0076 107.6 22.8076 106.5 22.8076Z\",\n fill: \"#8C9EA5\"\n })), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M107.6 39.4077H57.6998C56.6998 39.4077 55.7998 38.6077 55.7998 37.5077C55.7998 36.5077 56.5998 35.6077 57.6998 35.6077H107.6C108.6 35.6077 109.5 36.4077 109.5 37.5077C109.5 38.6077 108.6 39.4077 107.6 39.4077Z\",\n fill: \"#8C9EA5\"\n })), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.7 56.0075H59.8004C58.8004 56.0075 57.9004 55.2075 57.9004 54.1075C57.9004 53.1075 58.7004 52.2075 59.8004 52.2075H108.7C109.7 52.2075 110.6 53.0075 110.6 54.1075C110.5 55.1075 109.7 56.0075 108.7 56.0075Z\",\n fill: \"#8C9EA5\"\n })), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M112.1 72.6076H61.9996C60.9996 72.6076 60.0996 71.8076 60.0996 70.7076C60.0996 69.7076 60.8996 68.8076 61.9996 68.8076H112.1C113.1 68.8076 114 69.6076 114 70.7076C114 71.7076 113.2 72.6076 112.1 72.6076Z\",\n fill: \"#8C9EA5\"\n })), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114 89.2077H63.6002C62.6002 89.2077 61.7002 88.4077 61.7002 87.3077C61.7002 86.3077 62.5002 85.4077 63.6002 85.4077H114C115 85.4077 115.9 86.2077 115.9 87.3077C115.9 88.3077 115 89.2077 114 89.2077Z\",\n fill: \"#8C9EA5\"\n })), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M115.9 105.708H65.4C64.4 105.708 63.5 104.908 63.5 103.808C63.5 102.808 64.3 101.908 65.4 101.908H115.9C116.9 101.908 117.8 102.708 117.8 103.808C117.8 104.908 116.9 105.708 115.9 105.708Z\",\n fill: \"#8C9EA5\"\n })), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.9 7.00757H50.0996C48.1996 7.00757 46.5996 5.40757 46.5996 3.50757C46.5996 1.60757 48.1996 0.00756836 50.0996 0.00756836H104.9C106.8 0.00756836 108.4 1.60757 108.4 3.50757C108.4 5.40757 106.9 7.00757 104.9 7.00757Z\",\n fill: \"#B0BEC5\"\n })), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.3997 172.508C83.2997 172.508 83.2997 172.508 83.1997 172.508C82.1997 172.408 81.3997 171.508 81.4997 170.408L100.3 3.30758C100.4 2.30758 101.3 1.50758 102.4 1.60758C103.4 1.70758 104.2 2.60758 104.1 3.70758L85.2997 170.808C85.1997 171.808 84.3997 172.508 83.3997 172.508Z\",\n fill: \"#B0BEC5\"\n })), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.3997 172.508C32.2997 172.508 32.2997 172.508 32.1997 172.508C31.1997 172.408 30.3997 171.508 30.4997 170.408L49.2997 3.30758C49.3997 2.30758 50.2997 1.50758 51.3997 1.60758C52.3997 1.70758 53.1997 2.60758 53.0997 3.70758L34.2997 170.808C34.1997 171.808 33.3997 172.508 32.3997 172.508Z\",\n fill: \"#B0BEC5\"\n })), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M100.299 22.8076H49.2994C48.2994 22.8076 47.3994 22.0076 47.3994 20.9076C47.3994 19.9076 48.1994 19.0076 49.2994 19.0076H100.299C101.299 19.0076 102.199 19.8076 102.199 20.9076C102.199 22.0076 101.399 22.8076 100.299 22.8076Z\",\n fill: \"#B0BEC5\"\n })), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M98.1994 39.4077H48.2994C47.2994 39.4077 46.3994 38.6077 46.3994 37.5077C46.3994 36.5077 47.1994 35.6077 48.2994 35.6077H98.1994C99.1994 35.6077 100.099 36.4077 100.099 37.5077C100.099 38.6077 99.1994 39.4077 98.1994 39.4077Z\",\n fill: \"#B0BEC5\"\n })), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M96.0998 56.0075H47.1998C46.1998 56.0075 45.2998 55.2075 45.2998 54.1075C45.2998 53.1075 46.0998 52.2075 47.1998 52.2075H96.0998C97.0998 52.2075 97.9998 53.0075 97.9998 54.1075C97.8998 55.1075 97.0998 56.0075 96.0998 56.0075Z\",\n fill: \"#B0BEC5\"\n })), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M93.8994 72.6076H43.7994C42.7994 72.6076 41.8994 71.8076 41.8994 70.7076C41.8994 69.7076 42.6994 68.8076 43.7994 68.8076H93.8994C94.8994 68.8076 95.7994 69.6076 95.7994 70.7076C95.6994 71.7076 94.8994 72.6076 93.8994 72.6076Z\",\n fill: \"#B0BEC5\"\n })), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M92.3 89.2077H41.9C40.9 89.2077 40 88.4077 40 87.3077C40 86.3077 40.8 85.4077 41.9 85.4077H92.3C93.3 85.4077 94.2 86.2077 94.2 87.3077C94.2 88.3077 93.3 89.2077 92.3 89.2077Z\",\n fill: \"#B0BEC5\"\n })), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M90.4996 105.707H39.9996C38.9996 105.707 38.0996 104.907 38.0996 103.807C38.0996 102.807 38.8996 101.907 39.9996 101.907H90.4996C91.4996 101.907 92.3996 102.707 92.3996 103.807C92.2996 104.907 91.4996 105.707 90.4996 105.707Z\",\n fill: \"#B0BEC5\"\n })), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.6941 163.446C68.7035 157.794 62.6195 151.286 58.4419 143.922C54.302 136.583 52.23 129.04 52.2258 121.29C52.2217 113.541 54.5033 106.277 59.0707 99.4993L82.8162 116.293C79.9079 120.965 79.2202 125.935 80.7529 131.203C82.2857 136.471 85.4643 140.811 90.2888 144.223C94.1333 146.942 98.1252 148.493 102.265 148.876C106.468 149.248 110.479 148.494 114.297 146.614C118.179 144.723 121.532 141.78 124.358 137.784C127.237 133.714 128.902 129.52 129.354 125.203C129.844 120.913 129.194 116.835 127.405 112.968C125.616 109.102 122.794 105.777 118.938 102.994C115.546 100.595 111.755 98.9597 107.565 98.0885C103.412 97.2439 99.5975 97.4013 96.12 98.5607L77.1122 79.2657L125.779 22.0843L196.564 72.1447L182.409 92.1587L131.809 56.3728L108.3 83.2571L108.979 83.7369C113.04 82.3118 117.791 82.1097 123.232 83.1307C128.673 84.1516 133.938 86.4614 139.026 90.06C145.999 94.9914 151.059 101.029 154.205 108.174C157.351 115.318 158.481 122.874 157.596 130.842C156.737 138.773 153.663 146.437 148.374 153.836C142.894 161.665 136.18 167.32 128.232 170.803C120.349 174.275 111.92 175.438 102.947 174.294C94.0388 173.139 85.2877 169.523 76.6941 163.446Z\",\n fill: \"#5571E9\"\n })), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.8002 150.708C41.2002 150.708 34.2002 157.708 34.2002 166.308C34.2002 174.908 41.2002 181.908 49.8002 181.908H181.6V150.708H49.8002Z\",\n fill: \"#B0BEC5\"\n })), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.8002 150.708C41.2002 150.708 34.2002 157.708 34.2002 166.308C34.2002 174.908 41.2002 181.908 49.8002 181.908H181.6V150.708H49.8002Z\",\n fill: \"url(#paint1_linear_3_2193)\"\n })), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M187.53 180.751C195.503 177.485 199.318 168.373 196.052 160.401C192.786 152.428 183.675 148.612 175.702 151.878C167.729 155.144 163.913 164.256 167.18 172.228C170.446 180.201 179.557 184.017 187.53 180.751Z\",\n fill: \"#CFD8DC\"\n })), _path45 || (_path45 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M181.6 177.508C187.786 177.508 192.8 172.493 192.8 166.308C192.8 160.122 187.786 155.108 181.6 155.108C175.415 155.108 170.4 160.122 170.4 166.308C170.4 172.493 175.415 177.508 181.6 177.508Z\",\n fill: \"#B0BEC5\"\n })), _path46 || (_path46 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M181.6 177.508C187.786 177.508 192.8 172.493 192.8 166.308C192.8 160.122 187.786 155.108 181.6 155.108C175.415 155.108 170.4 160.122 170.4 166.308C170.4 172.493 175.415 177.508 181.6 177.508Z\",\n fill: \"url(#paint2_linear_3_2193)\"\n })), _path47 || (_path47 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.0004 123.008C24.4004 123.008 17.4004 130.008 17.4004 138.608C17.4004 147.208 24.4004 154.208 33.0004 154.208H164.8V123.008H33.0004Z\",\n fill: \"#B0BEC5\"\n })), _path48 || (_path48 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.0004 123.008C24.4004 123.008 17.4004 130.008 17.4004 138.608C17.4004 147.208 24.4004 154.208 33.0004 154.208H164.8V123.008H33.0004Z\",\n fill: \"url(#paint3_linear_3_2193)\"\n })), _path49 || (_path49 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M175.855 149.642C181.947 143.55 181.947 133.673 175.855 127.581C169.763 121.488 159.886 121.488 153.793 127.581C147.701 133.673 147.701 143.55 153.793 149.642C159.886 155.734 169.763 155.734 175.855 149.642Z\",\n fill: \"#CFD8DC\"\n })), _path50 || (_path50 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.801 149.807C170.986 149.807 176.001 144.793 176.001 138.607C176.001 132.422 170.986 127.407 164.801 127.407C158.615 127.407 153.601 132.422 153.601 138.607C153.601 144.793 158.615 149.807 164.801 149.807Z\",\n fill: \"#B0BEC5\"\n })), _path51 || (_path51 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.801 149.807C170.986 149.807 176.001 144.793 176.001 138.607C176.001 132.422 170.986 127.407 164.801 127.407C158.615 127.407 153.601 132.422 153.601 138.607C153.601 144.793 158.615 149.807 164.801 149.807Z\",\n fill: \"url(#paint4_linear_3_2193)\"\n })), _path52 || (_path52 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.6 150.708C7.00001 150.708 0 157.708 0 166.308C0 174.908 7.00001 181.908 15.6 181.908H147.4V150.708H15.6Z\",\n fill: \"#B0BEC5\"\n })), _path53 || (_path53 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M153.472 180.716C161.407 177.359 165.119 168.205 161.762 160.27C158.406 152.335 149.252 148.624 141.317 151.98C133.382 155.337 129.67 164.491 133.027 172.426C136.384 180.361 145.537 184.072 153.472 180.716Z\",\n fill: \"#CFD8DC\"\n })), _path54 || (_path54 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.4 177.507C153.586 177.507 158.6 172.493 158.6 166.307C158.6 160.122 153.586 155.107 147.4 155.107C141.215 155.107 136.2 160.122 136.2 166.307C136.2 172.493 141.215 177.507 147.4 177.507Z\",\n fill: \"#B0BEC5\"\n })), _path55 || (_path55 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M147.4 177.507C153.586 177.507 158.6 172.493 158.6 166.307C158.6 160.122 153.586 155.107 147.4 155.107C141.215 155.107 136.2 160.122 136.2 166.307C136.2 172.493 141.215 177.507 147.4 177.507Z\",\n fill: \"url(#paint5_linear_3_2193)\"\n })), _path56 || (_path56 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M259.6 176.408C253.6 176.408 250.7 168.908 255.3 165.008C256 164.408 256.8 163.908 257.6 163.508C260.9 161.808 264.8 161.708 268.3 163.008C270.5 163.808 273 163.308 274.8 161.808C277.4 159.508 281 158.208 284.6 158.108C288 158.008 291.3 158.808 294.6 159.808C297.2 160.708 300.2 159.708 301.8 157.508C308.8 147.908 320.2 141.808 332 139.708C339.1 138.408 346.7 138.408 353.4 141.008C358.5 143.008 363 146.608 365.8 151.208C367.2 153.508 369.9 154.708 372.6 154.208C377.7 153.208 383.5 155.108 387.1 158.908C389.2 161.108 392.4 161.708 395 160.308C397.3 159.008 399.8 158.108 402.5 158.008C405.5 157.908 408.7 159.208 410.7 161.408C412.3 163.208 414.7 163.908 417.1 163.508C418.9 163.208 420.8 163.508 422.4 164.408C422.4 164.408 422.5 164.408 422.5 164.508C428.2 167.808 425.7 176.508 419.1 176.508L259.6 176.408Z\",\n fill: \"#CFD8DC\"\n })), _path57 || (_path57 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M259.6 176.408C253.6 176.408 250.7 168.908 255.3 165.008C256 164.408 256.8 163.908 257.6 163.508C260.9 161.808 264.8 161.708 268.3 163.008C270.5 163.808 273 163.308 274.8 161.808C277.4 159.508 281 158.208 284.6 158.108C288 158.008 291.3 158.808 294.6 159.808C297.2 160.708 300.2 159.708 301.8 157.508C308.8 147.908 320.2 141.808 332 139.708C339.1 138.408 346.7 138.408 353.4 141.008C358.5 143.008 363 146.608 365.8 151.208C367.2 153.508 369.9 154.708 372.6 154.208C377.7 153.208 383.5 155.108 387.1 158.908C389.2 161.108 392.4 161.708 395 160.308C397.3 159.008 399.8 158.108 402.5 158.008C405.5 157.908 408.7 159.208 410.7 161.408C412.3 163.208 414.7 163.908 417.1 163.508C418.9 163.208 420.8 163.508 422.4 164.408C422.4 164.408 422.5 164.408 422.5 164.508C428.2 167.808 425.7 176.508 419.1 176.508L259.6 176.408Z\",\n fill: \"url(#paint6_linear_3_2193)\"\n })), _path58 || (_path58 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M429 169.608H249.5C248 169.608 246.8 170.808 246.8 172.308V179.308C246.8 180.808 248 182.008 249.5 182.008H429C430.5 182.008 431.7 180.808 431.7 179.308V172.308C431.7 170.808 430.5 169.608 429 169.608Z\",\n fill: \"#455A64\"\n })), _path59 || (_path59 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.127 113.201L20.627 113.215L20.7742 192.015L28.2742 192.001L28.127 113.201Z\",\n fill: \"#37474F\"\n })), _path60 || (_path60 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.2998 188.708V189.608C15.2998 190.908 16.3998 192.008 17.6998 192.008H31.4998C32.7998 192.008 33.8998 190.908 33.8998 189.608V188.708H15.2998Z\",\n fill: \"#37474F\"\n })), _path61 || (_path61 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.3998 185.108H20.7998L15.2998 188.708H33.9998L28.3998 185.108Z\",\n fill: \"#455A64\"\n })), _path62 || (_path62 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.4004 185.108L28.2004 113.208H25.4004L25.6004 185.108L28.3004 188.708V189.608C28.3004 190.908 27.2004 192.008 25.9004 192.008H31.6004C32.9004 192.008 34.0004 190.908 34.0004 189.608V188.708L28.4004 185.108Z\",\n fill: \"url(#paint7_linear_3_2193)\"\n })), _path63 || (_path63 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M33.4998 104.108C33.4998 99.1076 29.3998 95.0076 24.3998 95.0076C19.3998 95.0076 15.2998 99.1076 15.2998 104.108C15.2998 109.108 19.3998 113.208 24.3998 113.208C29.3998 113.208 33.4998 109.108 33.4998 104.108Z\",\n fill: \"#E53935\"\n })), _path64 || (_path64 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M24.4 113.208C29.4 113.208 33.5 109.108 33.5 104.108C33.5 102.508 33.1 101.008 32.3 99.7075L20 112.008C21.3 112.708 22.8 113.208 24.4 113.208Z\",\n fill: \"url(#paint8_linear_3_2193)\"\n })), _path65 || (_path65 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M444.23 115.601L436.93 115.615L437.071 191.315L444.371 191.301L444.23 115.601Z\",\n fill: \"#37474F\"\n })), _path66 || (_path66 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M431.6 188.008V188.808C431.6 190.108 432.7 191.208 434 191.208H447.4C448.7 191.208 449.8 190.108 449.8 188.808V188.008H431.6Z\",\n fill: \"#37474F\"\n })), _path67 || (_path67 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M444.4 184.508H437L431.6 188.008H449.8L444.4 184.508Z\",\n fill: \"#455A64\"\n })), _path68 || (_path68 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M444.4 184.508L444.2 115.608H441.5L441.7 184.508L444.3 188.008V188.808C444.3 190.108 443.2 191.208 441.9 191.208H447.4C448.7 191.208 449.8 190.108 449.8 188.808V188.008L444.4 184.508Z\",\n fill: \"url(#paint9_linear_3_2193)\"\n })), _path69 || (_path69 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M449.299 106.808C449.299 101.908 445.299 98.0076 440.499 98.0076C435.599 98.0076 431.699 102.008 431.699 106.808C431.699 111.708 435.699 115.608 440.499 115.608C445.399 115.608 449.299 111.608 449.299 106.808Z\",\n fill: \"#E53935\"\n })), _path70 || (_path70 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M440.499 115.608C445.399 115.608 449.299 111.608 449.299 106.808C449.299 105.208 448.899 103.808 448.199 102.508L436.199 114.508C437.499 115.208 438.899 115.608 440.499 115.608Z\",\n fill: \"url(#paint10_linear_3_2193)\"\n })), _path71 || (_path71 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.5,\n d: \"M439.299 102.508C439.299 103.408 438.599 104.208 437.599 104.208C436.599 104.208 435.899 103.508 435.899 102.508C435.899 101.608 436.599 100.808 437.599 100.808C438.499 100.808 439.299 101.508 439.299 102.508Z\",\n fill: \"white\"\n })), _path72 || (_path72 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M450.885 115.6L14.085 116.416L14.1158 132.916L450.916 132.1L450.885 115.6Z\",\n fill: \"#F5D100\"\n })), _path73 || (_path73 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.8996 116.407L16.3996 132.907H14.0996V123.507L21.2996 116.407H32.8996Z\",\n fill: \"#263238\"\n })), _path74 || (_path74 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.7992 116.307L38.2992 132.907H26.6992L43.0992 116.307H54.7992Z\",\n fill: \"#263238\"\n })), _path75 || (_path75 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.7 116.307L60.2 132.807H48.5L65 116.307H76.7Z\",\n fill: \"#263238\"\n })), _path76 || (_path76 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M98.5994 116.208L82.0994 132.808H70.3994L86.8994 116.308L98.5994 116.208Z\",\n fill: \"#263238\"\n })), _path77 || (_path77 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M120.5 116.208L104 132.708L92.2998 132.808L108.8 116.208H120.5Z\",\n fill: \"#263238\"\n })), _path78 || (_path78 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M142.299 116.208L125.899 132.708H114.199L130.699 116.208H142.299Z\",\n fill: \"#263238\"\n })), _path79 || (_path79 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.2 116.107L147.8 132.707H136.1L152.6 116.107H164.2Z\",\n fill: \"#263238\"\n })), _path80 || (_path80 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M186.1 116.107L169.6 132.607H158L174.4 116.107H186.1Z\",\n fill: \"#263238\"\n })), _path81 || (_path81 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M208 116.008L191.5 132.608H179.8L196.3 116.008H208Z\",\n fill: \"#263238\"\n })), _path82 || (_path82 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M229.899 116.008L213.399 132.508L201.699 132.608L218.199 116.008H229.899Z\",\n fill: \"#263238\"\n })), _path83 || (_path83 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M251.8 115.907L235.3 132.507H223.6L240.1 116.007L251.8 115.907Z\",\n fill: \"#263238\"\n })), _path84 || (_path84 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M273.7 115.907L257.2 132.407L245.5 132.507L262 115.907H273.7Z\",\n fill: \"#263238\"\n })), _path85 || (_path85 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M295.499 115.907L279.099 132.407H267.399L283.899 115.907H295.499Z\",\n fill: \"#263238\"\n })), _path86 || (_path86 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M317.4 115.807L300.9 132.407H289.3L305.8 115.807H317.4Z\",\n fill: \"#263238\"\n })), _path87 || (_path87 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M339.299 115.807L322.799 132.307H311.199L327.599 115.807H339.299Z\",\n fill: \"#263238\"\n })), _path88 || (_path88 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M361.2 115.708L344.7 132.308H333L349.5 115.808L361.2 115.708Z\",\n fill: \"#263238\"\n })), _path89 || (_path89 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M383.099 115.708L366.599 132.208L354.899 132.308L371.399 115.708H383.099Z\",\n fill: \"#263238\"\n })), _path90 || (_path90 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M405 115.708L388.5 132.208H376.8L393.3 115.708H405Z\",\n fill: \"#263238\"\n })), _path91 || (_path91 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M426.899 115.607L410.399 132.207H398.699L415.199 115.607H426.899Z\",\n fill: \"#263238\"\n })), _path92 || (_path92 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M448.7 115.607L432.3 132.107H420.6L437.1 115.607H448.7Z\",\n fill: \"#263238\"\n })), _path93 || (_path93 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M450.9 123.607L451 132.107H442.5L450.9 123.607Z\",\n fill: \"#263238\"\n })), _path94 || (_path94 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.0996 132.908L451 132.108L450.9 123.708L14.0996 124.508V132.908Z\",\n fill: \"url(#paint11_linear_3_2193)\"\n })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear_3_2193\",\n x1: 247.383,\n y1: 175.181,\n x2: 247.383,\n y2: -74.323,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#D6D7F4\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint1_linear_3_2193\",\n x1: 107.922,\n y1: 140.71,\n x2: 107.922,\n y2: 173.473,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint2_linear_3_2193\",\n x1: 209.647,\n y1: 166.319,\n x2: 169.165,\n y2: 166.319,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint3_linear_3_2193\",\n x1: 91.1276,\n y1: 121.137,\n x2: 91.1276,\n y2: 160.393,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint4_linear_3_2193\",\n x1: 192.853,\n y1: 138.576,\n x2: 152.371,\n y2: 138.576,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint5_linear_3_2193\",\n x1: 175.476,\n y1: 166.319,\n x2: 134.995,\n y2: 166.319,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint6_linear_3_2193\",\n x1: 356.633,\n y1: 149.533,\n x2: 311.003,\n y2: 203.122,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00099143,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#B0BEC5\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint7_linear_3_2193\",\n x1: 4.69604,\n y1: 143.142,\n x2: 66.6437,\n y2: 169.331,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint8_linear_3_2193\",\n x1: 26.7011,\n y1: 96.2325,\n x2: 26.7363,\n y2: 114.752,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint9_linear_3_2193\",\n x1: 421.68,\n y1: 144.332,\n x2: 481.244,\n y2: 169.513,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint10_linear_3_2193\",\n x1: 442.73,\n y1: 99.1541,\n x2: 442.765,\n y2: 117.122,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint11_linear_3_2193\",\n x1: 144.5,\n y1: 4.90346,\n x2: 279.119,\n y2: 193.608,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: 0.00065435,\n stopColor: \"white\",\n stopOpacity: 0\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(Svg500);\nexport default __webpack_public_path__ + \"static/media/500.65355d1617c6a93fc93572680052f0b7.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54, _path55, _path56, _path57, _path58, _path59, _path60, _path61, _path62, _path63, _path64, _path65, _path66, _path67, _path68, _path69, _path70, _path71, _path72, _path73, _path74, _path75, _path76, _path77, _path78, _path79, _path80, _path81, _path82, _path83, _path84, _path85, _path86, _path87, _path88, _path89, _path90, _path91, _path92, _path93, _path94, _path95, _path96, _path97, _path98, _path99, _path100, _path101, _path102, _path103, _path104, _path105, _path106, _path107, _path108, _path109, _path110, _path111, _path112, _path113, _path114, _path115, _path116, _path117, _path118, _path119, _path120, _path121, _path122, _path123, _path124, _path125, _path126, _path127, _path128, _path129, _path130, _path131, _path132, _path133;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgError(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 348,\n height: 220,\n viewBox: \"0 0 348 220\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M344.268 156.924C347.968 144.824 348.868 132.024 346.168 119.624C341.968 100.324 328.568 76.9243 289.668 66.8243C216.168 47.7243 190.568 -8.17573 121.768 9.62427C121.768 9.62427 84.8679 16.3243 67.3679 77.4243C49.8679 138.524 -18.5321 139.524 4.96793 192.724C8.86793 201.424 19.1679 210.924 34.0679 219.824L312.968 218.924C332.468 195.724 338.468 175.724 344.268 156.924Z\",\n fill: \"#EBEBFF\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M278.468 113.224H267.968V101.824C267.968 96.1242 263.968 91.3242 258.568 90.0242V75.8242H254.668V89.7242C248.468 90.3242 243.668 95.4242 243.668 101.824V113.624H233.268V126.724H232.568V151.124L213.668 151.024V121.824H192.068V143.224H176.868V164.024H158.468V219.024H219.568H232.668H309.268V149.724H278.468V113.224Z\",\n fill: \"#D6D7F4\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62.4678 143.424V116.124H72.7678V101.524H76.5678V116.124H86.0678V143.424H96.6678V159.824H113.468V104.024H148.768V218.924H125.768H115.868H90.9678H79.4678H49.4678V143.424H62.4678Z\",\n fill: \"#D6D7F4\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M254.968 218.625L94.3682 218.725C88.2682 218.725 83.3682 213.825 83.3682 207.725L265.968 207.625C265.968 213.725 261.068 218.625 254.968 218.625Z\",\n fill: \"#56B7F4\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M254.968 214.825L94.3682 214.925C89.6682 214.925 85.5682 211.925 84.0682 207.725H83.3682C83.3682 213.825 88.2682 218.725 94.3682 218.725L254.968 218.625C261.068 218.625 265.968 213.725 265.968 207.625H265.268C263.768 211.825 259.768 214.825 254.968 214.825Z\",\n fill: \"#5571E9\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M185.068 211.325H164.368C162.368 211.325 160.668 209.725 160.668 207.625H188.768C188.768 209.725 187.068 211.325 185.068 211.325Z\",\n fill: \"#27429C\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M256.568 207.624L92.768 207.724L92.668 108.824C92.668 103.124 97.268 98.5243 102.968 98.5243L246.268 98.4243C251.968 98.4243 256.568 103.024 256.568 108.724V207.624Z\",\n fill: \"#5571E9\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M248.068 107.024H101.268V199.124H248.068V107.024Z\",\n fill: \"#312C76\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M248.068 190.324H101.268V199.124H248.068V190.324Z\",\n fill: \"#151247\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M248.068 107.024H101.268V111.424H248.068V107.024Z\",\n fill: \"#151247\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.16,\n d: \"M150.168 107.124L101.268 156.024V199.224H101.468L193.368 107.024L150.168 107.124Z\",\n fill: \"#5571E9\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.16,\n d: \"M120.268 199.224L141.968 199.124L233.968 107.024H212.268L120.268 199.224Z\",\n fill: \"#5571E9\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.16,\n d: \"M230.768 199.125L248.068 181.825V149.125L196.268 199.125H230.768Z\",\n fill: \"#5571E9\"\n })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M256.568 146.424H92.668V164.524H256.568V146.424Z\",\n fill: \"#F5D100\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.168 170.824H99.0684L111.168 143.024H125.268L113.168 170.824Z\",\n fill: \"white\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M143.268 170.824H129.168L141.268 143.024H155.368L143.268 170.824Z\",\n fill: \"white\"\n })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M173.268 170.824H159.168L171.368 143.024H185.468L173.268 170.824Z\",\n fill: \"white\"\n })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M203.368 170.824H189.268L201.368 143.024H215.468L203.368 170.824Z\",\n fill: \"white\"\n })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M233.468 170.824H219.368L231.468 143.024H245.568L233.468 170.824Z\",\n fill: \"white\"\n })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M79.5678 115.124L76.3678 115.224L74.4678 114.624C73.5678 114.324 72.6678 114.724 72.1678 115.424L71.9678 115.824L81.3678 121.024L83.1678 117.124L79.5678 115.124Z\",\n fill: \"#14103D\"\n })), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M81.2682 121.124L71.8682 115.924L72.1682 115.324C72.2682 115.224 72.3682 115.124 72.4682 115.224L81.6682 120.324L81.2682 121.124Z\",\n fill: \"#14103D\"\n })), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M83.0684 117.124L85.5684 112.824L83.0684 108.424L79.5684 115.124L83.0684 117.124Z\",\n fill: \"#EB8175\"\n })), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M102.469 92.5242C102.469 92.5242 89.1685 88.7242 87.8685 92.3242C86.5685 95.9242 78.7686 111.824 78.7686 111.824L84.5685 114.824L93.2686 99.7242L104.969 98.7242L102.469 92.5242Z\",\n fill: \"#14103D\"\n })), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M91.6684 120.024L89.0684 121.724L87.1684 122.124C86.2684 122.324 85.6684 123.024 85.5684 123.924V124.324H96.2684L95.9684 120.024H91.6684Z\",\n fill: \"#14103D\"\n })), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M96.1682 124.324H85.3682V123.624C85.3682 123.524 85.4682 123.424 85.5682 123.424H96.0682L96.1682 124.324Z\",\n fill: \"#14103D\"\n })), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M95.868 120.024L96.168 112.824L91.968 112.324L91.668 120.024H95.868Z\",\n fill: \"#EB8175\"\n })), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.268 91.9243L91.6679 92.5243C91.6679 92.5243 89.8679 92.6243 89.9679 96.8243C90.0679 101.024 90.0679 118.124 90.0679 118.124L96.0679 118.324L97.2679 100.424L109.868 100.224C112.568 100.224 114.968 98.6243 116.068 96.2243C116.468 95.3243 116.668 94.2243 116.368 93.1243L104.268 91.9243Z\",\n fill: \"#231C61\"\n })), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M92.3683 89.324C92.3683 90.524 91.5683 90.724 90.3683 90.724C89.1683 90.724 88.0684 90.524 88.0684 89.324C88.0684 88.124 89.0684 87.124 90.2684 87.124C91.3684 87.224 92.3683 88.124 92.3683 89.324Z\",\n fill: \"#E1AD9D\"\n })), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M93.868 90.524H91.368C90.668 90.524 90.168 90.024 90.168 89.324C90.168 88.624 90.668 88.124 91.368 88.124H93.868C94.568 88.124 95.068 88.624 95.068 89.324C95.068 90.024 94.568 90.524 93.868 90.524Z\",\n fill: \"#E1AD9D\"\n })), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M93.7688 90.8242L92.9688 86.7242L103.269 85.6242L105.369 73.6242C105.569 72.5242 107.169 71.2242 108.269 71.4242L107.969 71.3242C109.069 71.5242 110.069 72.8242 109.869 73.9242L107.869 88.3242C107.769 89.1242 107.169 89.7242 106.369 89.9242L93.7688 90.8242Z\",\n fill: \"#C8C6F2\"\n })), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M114.269 71.624C114.469 71.624 114.669 71.724 114.869 71.724H114.969C116.769 72.424 117.969 74.324 117.969 76.124L116.369 93.124C105.769 93.024 104.169 91.824 104.169 91.824L104.969 74.424C105.069 72.824 105.869 71.224 107.769 71.124L114.269 71.624Z\",\n fill: \"#D8D7FD\"\n })), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M102.568 90.7239C102.668 91.9239 101.868 92.1239 100.668 92.2239C99.4683 92.3239 98.3683 92.2239 98.2683 91.0239C98.1683 89.8239 99.0683 88.8239 100.268 88.7239C101.468 88.6239 102.468 89.5239 102.568 90.7239Z\",\n fill: \"#EB8175\"\n })), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.168 91.8238L101.668 92.0238C100.968 92.0238 100.468 91.5238 100.368 90.9238C100.368 90.2238 100.868 89.7238 101.468 89.6238L103.968 89.4238C104.668 89.4238 105.168 89.9238 105.268 90.5238C105.368 91.2238 104.868 91.7238 104.168 91.8238Z\",\n fill: \"#EB8175\"\n })), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.069 92.024L102.969 88.024L114.169 86.224L113.569 75.824C113.669 74.724 114.869 73.524 115.969 73.624C117.069 73.724 118.169 74.924 118.069 76.024L118.869 88.524C118.769 89.324 118.269 89.924 117.469 90.224L104.069 92.024Z\",\n fill: \"#D8D7FD\"\n })), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M84.7689 78.2241L96.9688 79.4241C97.3688 79.4241 97.6689 79.8241 97.7689 80.2241L99.0688 91.2241C99.1688 91.7241 98.6688 92.2241 98.1688 92.1241L85.7689 90.9241C85.3689 90.9241 85.0688 90.5241 84.9688 90.1241L83.8688 79.1241C83.7688 78.6241 84.1689 78.2241 84.7689 78.2241Z\",\n fill: \"#091218\"\n })), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M84.0686 78.124L96.2686 79.324C96.6686 79.324 96.9686 79.724 97.0686 80.124L98.3686 91.124C98.4686 91.624 97.9686 92.124 97.4686 92.024L85.0686 90.824C84.6686 90.824 84.3686 90.424 84.2686 90.024L83.1686 79.024C83.0686 78.524 83.4686 78.124 84.0686 78.124Z\",\n fill: \"#1B2934\"\n })), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M98.6684 91.2241L106.968 92.0241C107.268 92.0241 107.368 92.2241 107.368 92.5241C107.368 92.8241 107.168 92.9241 106.868 92.9241L98.0684 92.1241L98.6684 91.2241Z\",\n fill: \"#091218\"\n })), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M91.0684 84.8239C90.9684 85.5239 90.3684 86.1239 89.5684 86.0239C88.8684 85.9239 88.2684 85.3239 88.3684 84.5239C88.4684 83.8239 89.0684 83.2239 89.8684 83.3239C90.5684 83.4239 91.0684 84.1239 91.0684 84.8239Z\",\n fill: \"white\"\n })), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.169 78.2241L113.469 86.0241L102.969 88.0241L112.169 85.1241L113.169 78.2241Z\",\n fill: \"#C8C6F2\"\n })), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M107.668 70.6242L108.368 72.5242C108.668 73.2242 109.268 73.6242 109.968 73.7242C111.368 73.8242 112.268 72.4242 111.768 71.2242L110.568 68.3242L107.668 70.6242Z\",\n fill: \"#EB8175\"\n })), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.268 72.224C108.268 72.224 111.668 71.524 111.168 68.524C110.668 65.524 107.468 67.824 107.468 67.824L107.768 70.824L108.268 72.224Z\",\n fill: \"#E16C5F\"\n })), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M102.968 63.2244C101.668 65.9244 102.868 69.1244 105.568 70.4244C108.268 71.7244 111.469 70.5244 112.769 67.8244C114.069 65.1244 112.869 61.9244 110.169 60.6244C107.369 59.4244 104.168 60.5244 102.968 63.2244Z\",\n fill: \"#EB8175\"\n })), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M109.868 66.6242C109.868 66.6242 109.068 70.9242 112.168 71.0242C115.368 71.1242 113.568 62.9242 113.568 62.9242L108.568 57.8242L100.868 59.7242L101.668 64.7242C101.668 64.7242 102.868 65.3242 109.468 64.3242L109.868 66.6242Z\",\n fill: \"#231C61\"\n })), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M106.668 63.2241L109.168 66.9241L111.368 64.5241L106.668 63.2241Z\",\n fill: \"#231C61\"\n })), _path45 || (_path45 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.968 65.6244C108.568 66.4244 108.968 67.3244 109.668 67.6244C110.468 68.0244 111.368 67.6245 111.668 66.9245C112.068 66.1245 111.668 65.2245 110.968 64.9245C110.268 64.5245 109.368 64.8244 108.968 65.6244Z\",\n fill: \"#EB8175\"\n })), _path46 || (_path46 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M101.868 64.6242C101.868 64.6242 100.668 60.3242 103.468 57.7242C105.768 55.5242 109.468 55.7242 111.468 58.1242C112.368 59.2242 113.168 60.9242 113.268 63.5242L101.868 64.6242Z\",\n fill: \"#F5D100\"\n })), _path47 || (_path47 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M103.658 60.4839H103.668C104.442 60.4839 104.996 61.0392 105.106 61.701L105.108 61.7079L105.107 61.7079L105.407 64.3079L105.129 64.3401L104.829 61.7436C104.739 61.2097 104.297 60.7688 103.678 60.7641C103.042 60.859 102.608 61.3071 102.608 61.924V64.624H102.328V61.924C102.328 61.144 102.89 60.5936 103.648 60.4853L103.658 60.4839Z\",\n fill: \"#F1AB00\"\n })), _path48 || (_path48 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M113.826 63.4702C113.855 63.7782 113.63 64.0521 113.322 64.0819L100.922 65.2819C100.614 65.3117 100.34 65.0862 100.31 64.7782C100.28 64.4702 100.506 64.1963 100.814 64.1665L113.214 62.9665C113.522 62.9367 113.796 63.1622 113.826 63.4702Z\",\n fill: \"white\"\n })), _path49 || (_path49 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M225.968 207.024L228.768 209.724L225.568 211.424L222.868 208.724L225.968 207.024Z\",\n fill: \"#EB8175\"\n })), _path50 || (_path50 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M206.468 186.924L208.368 195.124C208.768 196.724 209.468 198.324 210.468 199.824L222.668 210.824L227.468 206.924L217.068 195.924L213.268 181.324L206.468 186.924Z\",\n fill: \"#14103D\"\n })), _path51 || (_path51 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M225.468 211.324L224.468 214.524L223.368 216.124C222.868 216.824 222.868 217.824 223.368 218.524L223.668 218.824L231.468 211.524L228.368 208.624L225.468 211.324Z\",\n fill: \"#14103D\"\n })), _path52 || (_path52 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M231.568 211.624L223.668 218.924L223.068 218.224L230.868 210.924L231.568 211.624Z\",\n fill: \"#14103D\"\n })), _path53 || (_path53 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M199.268 212.024L198.268 215.424L194.668 214.524L195.768 211.124L199.268 212.024Z\",\n fill: \"#EB8175\"\n })), _path54 || (_path54 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M204.068 177.724L194.068 211.524L200.368 213.124L205.968 196.124L212.868 185.024C213.268 184.524 213.568 184.024 213.868 183.424C214.468 182.424 214.668 181.324 214.668 180.224V178.024L204.068 177.724Z\",\n fill: \"#231C61\"\n })), _path55 || (_path55 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M194.868 214.224L191.668 215.424L189.668 215.524C188.768 215.524 187.968 216.224 187.768 217.024L187.668 217.424L198.268 219.124L198.668 214.824L194.868 214.224Z\",\n fill: \"#14103D\"\n })), _path56 || (_path56 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M198.368 219.124L187.668 217.424L187.868 216.524L198.468 218.224L198.368 219.124Z\",\n fill: \"#14103D\"\n })), _path57 || (_path57 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M190.068 143.424L186.068 149.724L187.968 151.124L192.168 144.424L190.068 143.424Z\",\n fill: \"#334FBE\"\n })), _path58 || (_path58 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M184.868 132.924C184.868 132.924 186.768 140.724 196.168 143.824C196.468 143.924 196.668 144.124 196.668 144.424C196.768 145.324 196.768 147.324 194.668 147.824C194.468 147.924 194.268 147.824 194.068 147.724C192.668 146.824 185.468 142.624 178.568 143.824L184.868 132.924Z\",\n fill: \"#4265D1\"\n })), _path59 || (_path59 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M184.868 132.924C184.868 132.924 183.168 140.724 178.668 143.924C178.668 143.924 179.268 137.024 184.868 132.924Z\",\n fill: \"#334FBE\"\n })), _path60 || (_path60 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M184.768 149.324C184.468 150.724 185.668 152.524 187.068 152.824C188.468 153.124 189.868 152.224 190.168 150.724C190.468 149.324 189.268 147.524 187.868 147.224C186.468 146.924 185.068 147.824 184.768 149.324Z\",\n fill: \"#EB8175\"\n })), _path61 || (_path61 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M192.368 153.524L189.568 150.524L187.668 152.824L192.368 156.224\",\n fill: \"#EB8175\"\n })), _path62 || (_path62 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M191.868 150.825L188.868 155.225L196.968 162.625C197.468 162.725 197.968 162.825 198.468 162.725L209.168 161.325C210.868 161.225 212.168 159.825 212.068 158.125C211.968 156.425 212.268 154.025 210.668 154.125L198.268 156.725L191.868 150.825Z\",\n fill: \"#C8C6F2\"\n })), _path63 || (_path63 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M215.968 160.924C216.268 158.624 215.168 156.224 213.168 155.024C212.268 154.424 211.368 154.024 210.768 154.224C208.668 154.624 206.468 155.524 205.468 158.424C203.868 163.324 203.368 177.824 203.368 177.824L214.868 178.224L215.968 160.924Z\",\n fill: \"#D8D7FD\"\n })), _path64 || (_path64 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M211.668 161.225L215.168 173.925L215.868 163.225L211.668 161.225Z\",\n fill: \"#C8C6F2\"\n })), _path65 || (_path65 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M225.769 186.324C226.869 185.324 226.969 183.224 225.969 182.124C224.969 181.024 223.269 180.924 222.169 181.924C221.069 182.924 220.969 185.024 221.969 186.124C222.969 187.224 224.669 187.324 225.769 186.324Z\",\n fill: \"#EB8175\"\n })), _path66 || (_path66 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M220.568 177.224L222.668 182.424L225.468 181.724L223.668 176.224\",\n fill: \"#EB8175\"\n })), _path67 || (_path67 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M220.668 181.224L226.368 179.924L222.469 166.624C222.369 166.124 222.068 165.624 221.768 165.224L214.568 156.324C213.568 154.924 211.968 155.224 210.568 156.124C209.168 157.124 208.868 159.024 209.768 160.424L216.668 168.724L220.668 181.224Z\",\n fill: \"#D8D7FD\"\n })), _path68 || (_path68 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M208.068 152.424L208.268 154.424C208.368 155.124 208.868 155.724 209.568 156.024C210.868 156.424 212.168 155.324 211.968 154.024L211.468 150.924L208.068 152.424Z\",\n fill: \"#EB8175\"\n })), _path69 || (_path69 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M208.268 154.224C208.268 154.224 211.768 154.124 212.068 151.024C212.368 147.924 208.568 149.824 208.568 149.824L208.168 152.824L208.268 154.224Z\",\n fill: \"#E16C5F\"\n })), _path70 || (_path70 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M205.268 144.025C203.368 146.325 203.668 149.825 206.068 151.725C208.368 153.625 211.868 153.325 213.768 150.925C215.668 148.625 215.368 145.125 212.968 143.225C210.668 141.325 207.168 141.725 205.268 144.025Z\",\n fill: \"#EB8175\"\n })), _path71 || (_path71 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M211.168 149.024C211.168 149.024 209.268 153.024 212.368 153.924C215.468 154.824 215.768 146.324 215.768 146.324L212.068 140.124L204.068 140.024L203.568 145.124C203.568 145.124 204.568 146.024 211.368 146.624L211.168 149.024Z\",\n fill: \"#231C61\"\n })), _path72 || (_path72 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M208.969 144.924L210.569 149.224L213.269 147.424L208.969 144.924Z\",\n fill: \"#231C61\"\n })), _path73 || (_path73 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M210.669 147.824C210.169 148.524 210.269 149.424 210.869 150.024C211.569 150.524 212.469 150.424 213.069 149.824C213.569 149.124 213.469 148.224 212.869 147.624C212.169 147.124 211.169 147.224 210.669 147.824Z\",\n fill: \"#EB8175\"\n })), _path74 || (_path74 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M203.868 145.625C203.868 145.625 203.568 141.125 206.868 139.125C209.568 137.425 213.268 138.325 214.668 141.125C215.368 142.425 215.768 144.325 215.268 146.825L203.868 145.625Z\",\n fill: \"#F5D100\"\n })), _path75 || (_path75 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M206.345 142.164C205.811 142.075 205.196 142.435 205.109 143.044L205.108 143.051L204.607 145.651L204.329 145.598L204.828 143.001C204.943 142.214 205.725 141.774 206.39 141.884C207.176 141.997 207.61 142.673 207.61 143.424V143.432L207.309 146.14L207.027 146.109L207.327 143.417C207.324 142.772 206.959 142.252 206.348 142.165L206.345 142.164Z\",\n fill: \"#F1AB00\"\n })), _path76 || (_path76 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M202.305 145.462C202.34 145.151 202.621 144.927 202.932 144.962L215.432 146.362C215.743 146.396 215.967 146.677 215.932 146.988C215.897 147.299 215.616 147.523 215.305 147.488L202.805 146.088C202.494 146.053 202.27 145.773 202.305 145.462Z\",\n fill: \"white\"\n })), _path77 || (_path77 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.836 191.084L290.736 178.284L292.602 180.165L279.702 192.964L277.836 191.084Z\",\n fill: \"#56B7F4\"\n })), _path78 || (_path78 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.839 177.381L290.739 164.681L292.597 166.568L279.697 179.268L277.839 177.381Z\",\n fill: \"#56B7F4\"\n })), _path79 || (_path79 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.839 163.781L290.739 151.081L292.597 152.968L279.697 165.668L277.839 163.781Z\",\n fill: \"#56B7F4\"\n })), _path80 || (_path80 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.836 150.184L290.736 137.384L292.602 139.265L279.702 152.065L277.836 150.184Z\",\n fill: \"#56B7F4\"\n })), _path81 || (_path81 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.836 136.584L290.736 123.784L292.602 125.665L279.702 138.464L277.836 136.584Z\",\n fill: \"#56B7F4\"\n })), _path82 || (_path82 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.839 122.881L290.739 110.181L292.597 112.068L279.697 124.768L277.839 122.881Z\",\n fill: \"#56B7F4\"\n })), _path83 || (_path83 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.839 109.281L290.739 96.5806L292.597 98.4682L279.697 111.168L277.839 109.281Z\",\n fill: \"#56B7F4\"\n })), _path84 || (_path84 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.836 95.6843L290.736 82.8843L292.602 84.7646L279.702 97.5646L277.836 95.6843Z\",\n fill: \"#56B7F4\"\n })), _path85 || (_path85 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.836 82.0842L290.736 69.2842L292.602 71.1645L279.702 83.9645L277.836 82.0842Z\",\n fill: \"#56B7F4\"\n })), _path86 || (_path86 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.839 68.3807L290.739 55.6807L292.597 57.5683L279.697 70.2683L277.839 68.3807Z\",\n fill: \"#56B7F4\"\n })), _path87 || (_path87 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.839 54.7806L290.739 42.0806L292.597 43.9682L279.697 56.6682L277.839 54.7806Z\",\n fill: \"#56B7F4\"\n })), _path88 || (_path88 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 179.649H278.769V177H291.669V179.649Z\",\n fill: \"#56B7F4\"\n })), _path89 || (_path89 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 166.049H278.769V163.4H291.669V166.049Z\",\n fill: \"#56B7F4\"\n })), _path90 || (_path90 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 152.449H278.769V149.8H291.669V152.449Z\",\n fill: \"#56B7F4\"\n })), _path91 || (_path91 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 138.849H278.769V136.2H291.669V138.849Z\",\n fill: \"#56B7F4\"\n })), _path92 || (_path92 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 125.149H278.769V122.5H291.669V125.149Z\",\n fill: \"#56B7F4\"\n })), _path93 || (_path93 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 111.549H278.769V108.9H291.669V111.549Z\",\n fill: \"#56B7F4\"\n })), _path94 || (_path94 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 97.9487H278.769V95.2998H291.669V97.9487Z\",\n fill: \"#56B7F4\"\n })), _path95 || (_path95 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 84.3486H278.769V81.6997H291.669V84.3486Z\",\n fill: \"#56B7F4\"\n })), _path96 || (_path96 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 70.6489H278.769V68H291.669V70.6489Z\",\n fill: \"#56B7F4\"\n })), _path97 || (_path97 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M291.669 57.0488H278.769V54.3999H291.669V57.0488Z\",\n fill: \"#56B7F4\"\n })), _path98 || (_path98 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M280.093 45.1245V195.725H277.444V45.1245H280.093Z\",\n fill: \"#5571E9\"\n })), _path99 || (_path99 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M292.993 45.1245V195.725H290.344V45.1245H292.993Z\",\n fill: \"#5571E9\"\n })), _path100 || (_path100 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M297.868 192.024H272.068V218.824H297.868V192.024Z\",\n fill: \"#231C61\"\n })), _path101 || (_path101 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M291.668 45.1245H278.168C275.768 45.1245 273.868 43.2245 273.868 40.8245V23.9245C273.868 21.5245 275.768 19.6245 278.168 19.6245H291.668C294.068 19.6245 295.968 21.5245 295.968 23.9245V40.8245C295.968 43.2245 294.068 45.1245 291.668 45.1245Z\",\n fill: \"#56B7F4\"\n })), _path102 || (_path102 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M284.668 37.7247H275.968V25.8247H284.668C286.468 25.8247 287.968 27.3247 287.968 29.1247V34.5247C287.868 36.3247 286.468 37.7247 284.668 37.7247Z\",\n fill: \"#2F4DAB\"\n })), _path103 || (_path103 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M202.746 76.9776L192.346 46.8776L194.39 46.1714L204.79 76.2714L202.746 76.9776Z\",\n fill: \"#231C61\"\n })), _path104 || (_path104 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M165.198 69.5818L185.298 42.3818L187.037 43.667L166.937 70.867L165.198 69.5818Z\",\n fill: \"#231C61\"\n })), _path105 || (_path105 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M192.268 56.3245L213.068 83.6245C215.368 86.6245 214.768 90.9245 211.768 93.2245L184.468 114.024C181.468 116.324 177.168 115.724 174.868 112.724L154.068 85.5245C151.768 82.5245 152.368 78.2245 155.368 75.9245L182.668 55.1245C185.668 52.7245 189.968 53.3245 192.268 56.3245Z\",\n fill: \"#F5D100\"\n })), _path106 || (_path106 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M190.224 61.8613C188.504 59.5977 185.365 59.1682 183.224 60.9522L183.215 60.9594L160.902 78.0699C158.755 79.6801 158.294 82.8269 160.01 85.0865C160.011 85.0868 160.011 85.0871 160.011 85.0874L177.113 107.39C178.723 109.537 181.87 109.998 184.13 108.282C184.13 108.282 184.13 108.281 184.131 108.281L206.433 91.1788C208.58 89.5687 209.041 86.422 207.325 84.1624C207.325 84.1621 207.325 84.1617 207.324 84.1613L190.226 61.8632L190.224 61.8613ZM191.11 61.1861C189.032 58.4539 185.179 57.8821 182.52 60.0891L160.231 77.1806C157.58 79.1708 157.042 83.0218 159.124 85.7613L159.126 85.7632L176.222 108.058C176.223 108.059 176.223 108.06 176.224 108.061C178.214 110.712 182.065 111.25 184.805 109.168L184.806 109.166L207.102 92.0699C207.103 92.0692 207.104 92.0685 207.104 92.0679C209.755 90.0777 210.293 86.2268 208.211 83.4874L191.111 61.1874C191.111 61.187 191.11 61.1865 191.11 61.1861Z\",\n fill: \"#231C61\"\n })), _path107 || (_path107 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M185.368 94.7243C184.868 98.7243 178.668 97.9243 179.268 93.9243C179.768 89.8243 185.868 90.6243 185.368 94.7243ZM187.968 72.1243L185.568 89.1243L180.368 88.4243C181.168 82.7243 181.768 77.1243 182.568 71.4243L187.968 72.1243Z\",\n fill: \"#231C61\"\n })), _path108 || (_path108 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M190.468 49.0242C195.218 49.0242 199.068 45.1739 199.068 40.4242C199.068 35.6746 195.218 31.8242 190.468 31.8242C185.719 31.8242 181.868 35.6746 181.868 40.4242C181.868 45.1739 185.719 49.0242 190.468 49.0242Z\",\n fill: \"#231C61\"\n })), _path109 || (_path109 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M196.568 40.4242C196.568 43.8242 193.868 46.5242 190.468 46.5242C187.068 46.5242 184.368 43.8242 184.368 40.4242C184.368 37.0242 187.068 34.3242 190.468 34.3242C193.868 34.3242 196.568 37.0242 196.568 40.4242Z\",\n fill: \"#373482\"\n })), _path110 || (_path110 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M223.044 19.6242V1.32422H225.693V19.6242H223.044Z\",\n fill: \"#56B7F4\"\n })), _path111 || (_path111 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M206.644 19.6242V1.32422H209.292V19.6242H206.644Z\",\n fill: \"#56B7F4\"\n })), _path112 || (_path112 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M239.443 19.6242V1.32422H242.092V19.6242H239.443Z\",\n fill: \"#56B7F4\"\n })), _path113 || (_path113 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M257.644 19.6242V1.32422H260.292V19.6242H257.644Z\",\n fill: \"#56B7F4\"\n })), _path114 || (_path114 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M274.644 19.6242V1.32422H277.292V19.6242H274.644Z\",\n fill: \"#56B7F4\"\n })), _path115 || (_path115 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M292.243 19.6242V1.32422H294.892V19.6242H292.243Z\",\n fill: \"#56B7F4\"\n })), _path116 || (_path116 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M309.544 19.6242V1.32422H312.193V19.6242H309.544Z\",\n fill: \"#56B7F4\"\n })), _path117 || (_path117 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M225.33 2.23427L208.03 20.5343L206.105 18.7145L223.405 0.414551L225.33 2.23427Z\",\n fill: \"#56B7F4\"\n })), _path118 || (_path118 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M242.63 2.23427L225.33 20.5343L223.405 18.7145L240.705 0.414551L242.63 2.23427Z\",\n fill: \"#56B7F4\"\n })), _path119 || (_path119 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M259.93 2.23428L242.63 20.5343L240.705 18.7145L258.005 0.414551L259.93 2.23428Z\",\n fill: \"#56B7F4\"\n })), _path120 || (_path120 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M277.231 2.23427L259.931 20.5343L258.006 18.7145L275.306 0.414551L277.231 2.23427Z\",\n fill: \"#56B7F4\"\n })), _path121 || (_path121 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M294.531 2.23427L277.231 20.5343L275.306 18.7145L292.606 0.414551L294.531 2.23427Z\",\n fill: \"#56B7F4\"\n })), _path122 || (_path122 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M311.83 2.23427L294.53 20.5343L292.605 18.7145L309.905 0.414551L311.83 2.23427Z\",\n fill: \"#56B7F4\"\n })), _path123 || (_path123 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M204.033 0.498453C204.284 0.183454 204.665 0 205.068 0H312.468C312.811 0 313.14 0.132805 313.387 0.370515L332.387 18.6705C332.776 19.0453 332.898 19.6188 332.696 20.1198C332.494 20.6208 332.008 20.9489 331.468 20.9489H190.468C189.959 20.9489 189.495 20.6574 189.275 20.199C189.054 19.7405 189.115 19.1962 189.433 18.7984L204.033 0.498453ZM205.706 2.6489L193.219 18.3H328.184L311.934 2.6489H205.706Z\",\n fill: \"#5571E9\"\n })), _path124 || (_path124 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M190.468 18.2998C191.199 18.2998 191.792 18.8928 191.792 19.6243V40.4243C191.792 41.1557 191.199 41.7487 190.468 41.7487C189.737 41.7487 189.144 41.1557 189.144 40.4243V19.6243C189.144 18.8928 189.737 18.2998 190.468 18.2998Z\",\n fill: \"#5571E9\"\n })), _path125 || (_path125 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M115.868 216.224L125.768 190.724C126.268 189.524 127.968 189.524 128.468 190.724L138.368 216.224H115.868Z\",\n fill: \"#F5D100\"\n })), _path126 || (_path126 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M135.668 196.224H118.168V201.624H135.668V196.224Z\",\n fill: \"#FAFAFA\"\n })), _path127 || (_path127 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M137.069 206.524H117.269V211.924H137.069V206.524Z\",\n fill: \"#FAFAFA\"\n })), _path128 || (_path128 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M140.168 216.224H114.068V218.424H140.168V216.224Z\",\n fill: \"#E8C400\"\n })), _path129 || (_path129 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M259.269 216.324L269.169 190.824C269.669 189.624 271.369 189.624 271.869 190.824L281.769 216.324H259.269Z\",\n fill: \"#F5D100\"\n })), _path130 || (_path130 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M279.068 196.324H261.568V201.724H279.068V196.324Z\",\n fill: \"#FAFAFA\"\n })), _path131 || (_path131 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M280.368 206.524H260.568V211.924H280.368V206.524Z\",\n fill: \"#FAFAFA\"\n })), _path132 || (_path132 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M283.569 216.324H257.469V218.524H283.569V216.324Z\",\n fill: \"#E8C400\"\n })), _path133 || (_path133 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0 218.925C0 218.611 0.254437 218.356 0.5683 218.356H344.468C344.782 218.356 345.037 218.611 345.037 218.925C345.037 219.239 344.782 219.493 344.468 219.493H0.5683C0.254437 219.493 0 219.239 0 218.925Z\",\n fill: \"#56B7F4\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgError);\nexport default __webpack_public_path__ + \"static/media/error.9a99652a785b87f2f448e23e5da3045d.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useState} from 'react'\r\nimport s2 from '../../s1-main/App.module.css'\r\nimport s from './HW13.module.css'\r\nimport SuperButton from '../hw04/common/c2-SuperButton/SuperButton'\r\nimport axios from 'axios'\r\nimport success200 from './images/200.svg'\r\nimport error400 from './images/400.svg'\r\nimport error500 from './images/500.svg'\r\nimport errorUnknown from './images/error.svg'\r\n\r\n/*\r\n* 1 - дописать функцию send\r\n* 2 - дизэйблить кнопки пока идёт запрос\r\n* 3 - сделать стили в соответствии с дизайном\r\n* */\r\n\r\nconst HW13 = () => {\r\n const [code, setCode] = useState('')\r\n const [text, setText] = useState('')\r\n const [info, setInfo] = useState('')\r\n const [image, setImage] = useState('')\r\n\r\n const send = (x?: boolean | null) => () => {\r\n const url =\r\n x === null\r\n ? 'https://xxxxxx.ccc' // имитация запроса на не корректный адрес\r\n : 'https://incubator-personal-page-back.herokuapp.com/api/3.0/homework/test'\r\n\r\n setCode('')\r\n setImage('')\r\n setText('')\r\n setInfo('...loading')\r\n\r\n axios\r\n .post(url, {success: x})\r\n .then((res) => {\r\n setCode('Код 200!')\r\n setImage(success200)\r\n // дописать\r\n setText(res.data.errorText)\r\n setInfo(res.data.info)\r\n })\r\n .catch((e) => {\r\n // дописать\r\n setText(e.response?.data?.errorText || e.message)\r\n setInfo(e.response?.data?.info || e.name)\r\n\r\n switch (e.response?.status) {\r\n case 400: {\r\n setCode('Ошибка 400!')\r\n setImage(error400)\r\n break\r\n }\r\n case 500: {\r\n setCode('Ошибка 500!')\r\n setImage(error500)\r\n break\r\n }\r\n default: {\r\n setCode('Error!')\r\n setImage(errorUnknown)\r\n }\r\n }\r\n })\r\n }\r\n\r\n return (\r\n \r\n Homework #12\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW13\r\n","// extracted by mini-css-extract-plugin\nexport default {\"tech\":\"HW14_tech__7gPWX\",\"loading\":\"HW14_loading__hgdtK\"};","import React, {DetailedHTMLProps, InputHTMLAttributes, ReactNode, useState} from 'react'\r\nimport SuperInputText from '../../../hw04/common/c1-SuperInputText/SuperInputText'\r\n\r\n// тип пропсов обычного инпута\r\ntype DefaultInputPropsType = DetailedHTMLPropsHomework #13
\r\n\r\n \r\n
\r\n \r\n \r\n Send true\r\n \r\n \r\n Send false\r\n \r\n \r\n Send undefined\r\n \r\n \r\n Send null\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {image && 
}\r\n
\r\n\r\n \r\n
\r\n \r\n {code}\r\n
\r\n \r\n {text}\r\n
\r\n \r\n {info}\r\n
\r\n \r\n {t}\r\n
\r\n ))\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HW14\r\n","// extracted by mini-css-extract-plugin\nexport default {\"tech\":\"HW15_tech__OItAj\",\"developer\":\"HW15_developer__qIw9+\",\"techHeader\":\"HW15_techHeader__ZGChb\",\"developerHeader\":\"HW15_developerHeader__FUTg5\",\"row\":\"HW15_row__tpflg\",\"rowHeader\":\"HW15_rowHeader__AvF+L\"};","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getPaginationUtilityClass(slot) {\n return generateUtilityClass('MuiPagination', slot);\n}\nconst paginationClasses = generateUtilityClasses('MuiPagination', ['root', 'ul', 'outlined', 'text']);\nexport default paginationClasses;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"boundaryCount\", \"componentName\", \"count\", \"defaultPage\", \"disabled\", \"hideNextButton\", \"hidePrevButton\", \"onChange\", \"page\", \"showFirstButton\", \"showLastButton\", \"siblingCount\"];\nimport { unstable_useControlled as useControlled } from '@mui/utils';\nexport default function usePagination(props = {}) {\n // keep default values in sync with @default tags in Pagination.propTypes\n const {\n boundaryCount = 1,\n componentName = 'usePagination',\n count = 1,\n defaultPage = 1,\n disabled = false,\n hideNextButton = false,\n hidePrevButton = false,\n onChange: handleChange,\n page: pageProp,\n showFirstButton = false,\n showLastButton = false,\n siblingCount = 1\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const [page, setPageState] = useControlled({\n controlled: pageProp,\n default: defaultPage,\n name: componentName,\n state: 'page'\n });\n\n const handleClick = (event, value) => {\n if (!pageProp) {\n setPageState(value);\n }\n\n if (handleChange) {\n handleChange(event, value);\n }\n }; // https://dev.to/namirsab/comment/2050\n\n\n const range = (start, end) => {\n const length = end - start + 1;\n return Array.from({\n length\n }, (_, i) => start + i);\n };\n\n const startPages = range(1, Math.min(boundaryCount, count));\n const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n const siblingsStart = Math.max(Math.min( // Natural start\n page - siblingCount, // Lower boundary when page is high\n count - boundaryCount - siblingCount * 2 - 1), // Greater than startPages\n boundaryCount + 2);\n const siblingsEnd = Math.min(Math.max( // Natural end\n page + siblingCount, // Upper boundary when page is low\n boundaryCount + siblingCount * 2 + 2), // Less than endPages\n endPages.length > 0 ? endPages[0] - 2 : count - 1); // Basic list of items to render\n // e.g. itemList = ['first', 'previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next', 'last']\n\n const itemList = [...(showFirstButton ? ['first'] : []), ...(hidePrevButton ? [] : ['previous']), ...startPages, // Start ellipsis\n // eslint-disable-next-line no-nested-ternary\n ...(siblingsStart > boundaryCount + 2 ? ['start-ellipsis'] : boundaryCount + 1 < count - boundaryCount ? [boundaryCount + 1] : []), // Sibling pages\n ...range(siblingsStart, siblingsEnd), // End ellipsis\n // eslint-disable-next-line no-nested-ternary\n ...(siblingsEnd < count - boundaryCount - 1 ? ['end-ellipsis'] : count - boundaryCount > boundaryCount ? [count - boundaryCount] : []), ...endPages, ...(hideNextButton ? [] : ['next']), ...(showLastButton ? ['last'] : [])]; // Map the button type to its page number\n\n const buttonPage = type => {\n switch (type) {\n case 'first':\n return 1;\n\n case 'previous':\n return page - 1;\n\n case 'next':\n return page + 1;\n\n case 'last':\n return count;\n\n default:\n return null;\n }\n }; // Convert the basic item list to PaginationItem props objects\n\n\n const items = itemList.map(item => {\n return typeof item === 'number' ? {\n onClick: event => {\n handleClick(event, item);\n },\n type: 'page',\n page: item,\n selected: item === page,\n disabled,\n 'aria-current': item === page ? 'true' : undefined\n } : {\n onClick: event => {\n handleClick(event, buttonPage(item));\n },\n type: item,\n page: buttonPage(item),\n selected: false,\n disabled: disabled || item.indexOf('ellipsis') === -1 && (item === 'next' || item === 'last' ? page >= count : page <= 1)\n };\n });\n return _extends({\n items\n }, other);\n}","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getPaginationItemUtilityClass(slot) {\n return generateUtilityClass('MuiPaginationItem', slot);\n}\nconst paginationItemClasses = generateUtilityClasses('MuiPaginationItem', ['root', 'page', 'sizeSmall', 'sizeLarge', 'text', 'textPrimary', 'textSecondary', 'outlined', 'outlinedPrimary', 'outlinedSecondary', 'rounded', 'ellipsis', 'firstLast', 'previousNext', 'focusVisible', 'disabled', 'selected', 'icon']);\nexport default paginationItemClasses;","import { unstable_useForkRef as useForkRef } from '@mui/utils';\nexport default useForkRef;","import { unstable_useEventCallback as useEventCallback } from '@mui/utils';\nexport default useEventCallback;","import { unstable_useIsFocusVisible as useIsFocusVisible } from '@mui/utils';\nexport default useIsFocusVisible;","export default function _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}","import React from 'react';\nexport default React.createContext(null);","import { Children, cloneElement, isValidElement } from 'react';\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\n\nexport function getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && isValidElement(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\nexport function mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n\n var i;\n var childMapping = {};\n\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nexport function getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return cloneElement(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\nexport function getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!isValidElement(child)) return;\n var hasPrev = (key in prevChildMapping);\n var hasNext = (key in nextChildMapping);\n var prevChild = prevChildMapping[key];\n var isLeaving = isValidElement(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = cloneElement(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = cloneElement(child, {\n in: false\n });\n } else if (hasNext && hasPrev && isValidElement(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = cloneElement(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { getChildMapping, getInitialChildMapping, getNextChildMapping } from './utils/ChildMapping';\n\nvar values = Object.values || function (obj) {\n return Object.keys(obj).map(function (k) {\n return obj[k];\n });\n};\n\nvar defaultProps = {\n component: 'div',\n childFactory: function childFactory(child) {\n return child;\n }\n};\n/**\n * The `Homework #14
\r\n\r\n \r\n
\r\n \r\n {isLoading ? '...ищем' :
}\r\n
\r\n\r\n {mappedTechs}\r\n }\r\n
` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: PropTypes.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: PropTypes.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n setPrototypeOf(subClass, superClass);\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","import * as React from 'react';\nimport { createElement, useLayoutEffect, useContext, useRef, Fragment } from 'react';\nimport '@emotion/cache';\nimport { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, u as useInsertionEffectMaybe } from './emotion-element-cbed451f.browser.esm.js';\nexport { C as CacheProvider, T as ThemeContext, b as ThemeProvider, _ as __unsafe_useEmotionCache, a as useTheme, w as withEmotionCache, d as withTheme } from './emotion-element-cbed451f.browser.esm.js';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport 'hoist-non-react-statics';\nimport '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar pkg = {\n\tname: \"@emotion/react\",\n\tversion: \"11.9.3\",\n\tmain: \"dist/emotion-react.cjs.js\",\n\tmodule: \"dist/emotion-react.esm.js\",\n\tbrowser: {\n\t\t\"./dist/emotion-react.cjs.js\": \"./dist/emotion-react.browser.cjs.js\",\n\t\t\"./dist/emotion-react.esm.js\": \"./dist/emotion-react.browser.esm.js\"\n\t},\n\ttypes: \"types/index.d.ts\",\n\tfiles: [\n\t\t\"src\",\n\t\t\"dist\",\n\t\t\"jsx-runtime\",\n\t\t\"jsx-dev-runtime\",\n\t\t\"_isolated-hnrs\",\n\t\t\"types/*.d.ts\",\n\t\t\"macro.js\",\n\t\t\"macro.d.ts\",\n\t\t\"macro.js.flow\"\n\t],\n\tsideEffects: false,\n\tauthor: \"Emotion Contributors\",\n\tlicense: \"MIT\",\n\tscripts: {\n\t\t\"test:typescript\": \"dtslint types\"\n\t},\n\tdependencies: {\n\t\t\"@babel/runtime\": \"^7.13.10\",\n\t\t\"@emotion/babel-plugin\": \"^11.7.1\",\n\t\t\"@emotion/cache\": \"^11.9.3\",\n\t\t\"@emotion/serialize\": \"^1.0.4\",\n\t\t\"@emotion/utils\": \"^1.1.0\",\n\t\t\"@emotion/weak-memoize\": \"^0.2.5\",\n\t\t\"hoist-non-react-statics\": \"^3.3.1\"\n\t},\n\tpeerDependencies: {\n\t\t\"@babel/core\": \"^7.0.0\",\n\t\treact: \">=16.8.0\"\n\t},\n\tpeerDependenciesMeta: {\n\t\t\"@babel/core\": {\n\t\t\toptional: true\n\t\t},\n\t\t\"@types/react\": {\n\t\t\toptional: true\n\t\t}\n\t},\n\tdevDependencies: {\n\t\t\"@babel/core\": \"^7.13.10\",\n\t\t\"@definitelytyped/dtslint\": \"0.0.112\",\n\t\t\"@emotion/css\": \"11.9.0\",\n\t\t\"@emotion/css-prettifier\": \"1.0.1\",\n\t\t\"@emotion/server\": \"11.4.0\",\n\t\t\"@emotion/styled\": \"11.9.3\",\n\t\t\"html-tag-names\": \"^1.1.2\",\n\t\treact: \"16.14.0\",\n\t\t\"svg-tag-names\": \"^1.1.1\",\n\t\ttypescript: \"^4.5.5\"\n\t},\n\trepository: \"https://github.com/emotion-js/emotion/tree/main/packages/react\",\n\tpublishConfig: {\n\t\taccess: \"public\"\n\t},\n\t\"umd:main\": \"dist/emotion-react.umd.min.js\",\n\tpreconstruct: {\n\t\tentrypoints: [\n\t\t\t\"./index.js\",\n\t\t\t\"./jsx-runtime.js\",\n\t\t\t\"./jsx-dev-runtime.js\",\n\t\t\t\"./_isolated-hnrs.js\"\n\t\t],\n\t\tumdName: \"emotionReact\"\n\t}\n};\n\nvar jsx = function jsx(type, props) {\n var args = arguments;\n\n if (props == null || !hasOwnProperty.call(props, 'css')) {\n // $FlowFixMe\n return createElement.apply(undefined, args);\n }\n\n var argsLength = args.length;\n var createElementArgArray = new Array(argsLength);\n createElementArgArray[0] = Emotion;\n createElementArgArray[1] = createEmotionProps(type, props);\n\n for (var i = 2; i < argsLength; i++) {\n createElementArgArray[i] = args[i];\n } // $FlowFixMe\n\n\n return createElement.apply(null, createElementArgArray);\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useLayoutEffect;\nvar warnedAboutCssPropForGlobal = false; // maintain place over rerenders.\n// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild\n// initial client-side render from SSR, use place of hydrating tag\n\nvar Global = /* #__PURE__ */withEmotionCache(function (props, cache) {\n if (process.env.NODE_ENV !== 'production' && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is\n // probably using the custom createElement which\n // means it will be turned into a className prop\n // $FlowFixMe I don't really want to add it to the type since it shouldn't be used\n props.className || props.css)) {\n console.error(\"It looks like you're using the css prop on Global, did you mean to use the styles prop instead?\");\n warnedAboutCssPropForGlobal = true;\n }\n\n var styles = props.styles;\n var serialized = serializeStyles([styles], undefined, useContext(ThemeContext));\n // but it is based on a constant that will never change at runtime\n // it's effectively like having two implementations and switching them out\n // so it's not actually breaking anything\n\n\n var sheetRef = useRef();\n useInsertionEffect(function () {\n var key = cache.key + \"-global\"; // use case of https://github.com/emotion-js/emotion/issues/2675\n\n var sheet = new cache.sheet.constructor({\n key: key,\n nonce: cache.sheet.nonce,\n container: cache.sheet.container,\n speedy: cache.sheet.isSpeedy\n });\n var rehydrating = false; // $FlowFixMe\n\n var node = document.querySelector(\"style[data-emotion=\\\"\" + key + \" \" + serialized.name + \"\\\"]\");\n\n if (cache.sheet.tags.length) {\n sheet.before = cache.sheet.tags[0];\n }\n\n if (node !== null) {\n rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other