\r\n dispatch(\r\n openSidebar({sidebarClass: SidebarClass.MENU})\r\n )}\r\n >\r\n dispatch(\r\n openSidebar({sidebarClass: SidebarClass.SETTINGS})\r\n )}\r\n >\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Title);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Solid\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m464.022 232h-.022a24 24 0 0 0 -23.98 24.021 184.063 184.063 0 0 1 -289.527 150.688c-83.1-58.188-103.369-173.136-45.181-256.237s173.137-103.372 256.237-45.182a184.078 184.078 0 0 1 34.012 30.71h-67.54a24 24 0 0 0 0 48h112a24 24 0 0 0 24-24v-112a24 24 0 0 0 -48 0v39.967a234.175 234.175 0 0 0 -26.94-22 231.982 231.982 0 1 0 -266.119 380.061 230.285 230.285 0 0 0 132.567 42.015 234.971 234.971 0 0 0 40.776-3.585 232.025 232.025 0 0 0 191.716-228.479 24 24 0 0 0 -23.999-23.979z\"\n}));\n\nfunction SvgReload(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgReload);\nexport default __webpack_public_path__ + \"static/media/reload.09a80ecc.svg\";\nexport { ForwardRef as ReactComponent };","export class FilterClass {\r\n public static readonly search = 'search';\r\n public static readonly country = 'country';\r\n public static readonly inst = 'inst';\r\n public static readonly status = 'status';\r\n}\r\n// export type FilterType = typeof Filter[keyof typeof Filter];\r\nexport type FilterClassType = \"search\" |\"country\" | \"inst\" | \"status\";\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n stroke: \"black\",\n strokeWidth: \"1.2rem\",\n strokeLinecap: \"round\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 125,\n cy: 125,\n r: 75\n}), /*#__PURE__*/React.createElement(\"line\", {\n x1: 178,\n y1: 178,\n x2: 240,\n y2: 240\n}));\n\nfunction SvgSearch(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 250,\n height: 250,\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"20 20 250 250\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSearch);\nexport default __webpack_public_path__ + \"static/media/search.1598ce96.svg\";\nexport { ForwardRef as ReactComponent };","import React, {FormEvent, useCallback, useRef, useState} from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {setSearch} from \"../../../modules/filter\";\r\nimport {FilterClass, FilterClassType} from \"../../../modules/filter/types\";\r\n\r\nimport {ReactComponent as Search} from \"../../../resource/img/icon/search.svg\";\r\n\r\ninterface SearchBarProps {\r\n activeClass: FilterClassType | null;\r\n handleActiveClass: (state: FilterClassType | null) => void;\r\n}\r\n\r\nfunction SearchBar({activeClass, handleActiveClass}: SearchBarProps) {\r\n const search = useSelector((state: RootState) => state.filter.search);\r\n const dispatch = useDispatch();\r\n const [timer, setTimer] = useStateMENU
\r\n \r\n \r\n
\r\n \r\n
\r\n 설정
\r\n \r\n {menuItems.map(({filter, icon}, index) => (\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(FilterMenu);","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M328.719,366.51c-2.021-2.438-5.031-3.844-8.198-3.844H191.479c-3.167,0-6.177,1.406-8.198,3.844 c-2.031,2.438-2.865,5.646-2.292,8.76C196.323,458.333,225.771,512,256,512s59.677-53.667,75.01-136.729 C331.583,372.156,330.75,368.948,328.719,366.51z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M499.833,178.083c-1.406-4.417-5.51-7.417-10.156-7.417H369.563c-3.01,0-5.885,1.271-7.906,3.51 c-2.031,2.24-3.01,5.229-2.708,8.229c2.469,24.5,3.719,49.271,3.719,73.594s-1.25,49.094-3.719,73.594 c-0.302,3,0.677,5.99,2.708,8.229c2.021,2.24,4.896,3.51,7.906,3.51h120.115c4.646,0,8.75-3,10.156-7.417 C507.906,308.635,512,282.427,512,256S507.906,203.365,499.833,178.083z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M353.292,140.438c0.865,5.135,5.313,8.896,10.521,8.896h107.667c3.76,0,7.25-1.99,9.177-5.219 c1.917-3.24,1.99-7.25,0.188-10.552C448.823,74.885,393.813,30.188,329.896,10.938c-4.115-1.271-8.646,0.135-11.385,3.521 c-2.719,3.396-3.115,8.094-1,11.885C333.052,54.198,345.427,93.646,353.292,140.438z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M326.719,170.667H185.281c-5.448,0-10.021,4.104-10.604,9.521c-2.656,24.625-4.01,50.135-4.01,75.813 s1.354,51.188,4.01,75.813c0.583,5.417,5.156,9.521,10.604,9.521h141.438c5.448,0,10.021-4.104,10.604-9.521 c2.656-24.625,4.01-50.135,4.01-75.813s-1.354-51.188-4.01-75.813C336.74,174.771,332.167,170.667,326.719,170.667z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.521,149.333h107.667c5.208,0,9.656-3.76,10.521-8.896c7.865-46.792,20.24-86.24,35.781-114.094 c2.115-3.792,1.719-8.49-1-11.885c-2.729-3.375-7.24-4.802-11.385-3.521C118.188,30.188,63.177,74.885,31.156,133.563 c-1.802,3.302-1.729,7.313,0.188,10.552C33.271,147.344,36.76,149.333,40.521,149.333z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M150.344,337.823c2.031-2.24,3.01-5.229,2.708-8.229c-2.469-24.5-3.719-49.271-3.719-73.594s1.25-49.094,3.719-73.594 c0.302-3-0.677-5.99-2.708-8.229c-2.021-2.24-4.896-3.51-7.906-3.51H22.323c-4.646,0-8.75,3-10.156,7.417 C4.094,203.365,0,229.573,0,256s4.094,52.635,12.167,77.917c1.406,4.417,5.51,7.417,10.156,7.417h120.115 C145.448,341.333,148.323,340.063,150.344,337.823z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M158.708,371.563c-0.865-5.135-5.313-8.896-10.521-8.896H40.521c-3.76,0-7.25,1.99-9.177,5.219 c-1.917,3.24-1.99,7.25-0.188,10.552c32.021,58.677,87.031,103.375,150.948,122.625c1.01,0.313,2.042,0.458,3.073,0.458 c3.177,0,6.25-1.427,8.313-3.979c2.719-3.396,3.115-8.094,1-11.885C178.948,457.802,166.573,418.354,158.708,371.563z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M471.479,362.667H363.813c-5.208,0-9.656,3.76-10.521,8.896c-7.865,46.792-20.24,86.24-35.781,114.094 c-2.115,3.792-1.719,8.49,1,11.885c2.063,2.552,5.135,3.979,8.313,3.979c1.021,0,2.063-0.146,3.073-0.458 c63.917-19.25,118.927-63.948,150.948-122.625c1.802-3.302,1.729-7.313-0.188-10.552 C478.729,364.656,475.24,362.667,471.479,362.667z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M183.281,145.49c2.021,2.438,5.031,3.844,8.198,3.844h129.042c3.167,0,6.177-1.406,8.198-3.844 c2.031-2.438,2.865-5.646,2.292-8.76C315.677,53.667,286.229,0,256,0s-59.677,53.667-75.01,136.729 C180.417,139.844,181.25,143.052,183.281,145.49z\"\n}))));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgCountry(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"-50 -50 612 612\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n fill: \"#C5C6CE\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCountry);\nexport default __webpack_public_path__ + \"static/media/country.ecda3990.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgKoreaNoborder(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"30 80 452 352\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FF4B55\"\n },\n d: \"M305.009,182.531c-40.563-27.042-95.35-15.986-122.374,24.506 c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252c13.521-20.281,40.914-25.704,61.178-12.254 c20.298,13.521,25.757,40.984,12.217,61.195C356.468,264.362,345.537,209.574,305.009,182.531\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#41479B\"\n },\n d: \"M182.634,207.038c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252 c13.521-20.281,40.914-25.704,61.178-12.254c20.298,13.521,25.757,40.984,12.217,61.195 c-27.006,40.632-81.775,51.549-122.338,24.507C166.561,302.39,155.593,247.602,182.634,207.038\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M349.92,149.189l16.035,24.102c1.347,2.025,0.802,4.759-1.219,6.112l-4.066,2.723 c-2.029,1.358-4.775,0.812-6.129-1.22l-16.055-24.096c-1.351-2.027-0.803-4.766,1.223-6.119l4.086-2.728 C345.825,146.608,348.568,147.158,349.92,149.189z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M374.66,186.35l16.087,24.087c1.358,2.034,0.804,4.786-1.237,6.134l-4.084,2.699 c-2.026,1.34-4.754,0.789-6.103-1.23l-16.078-24.062c-1.354-2.026-0.81-4.767,1.217-6.122l4.075-2.724 C370.563,183.777,373.305,184.322,374.66,186.35z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M367.089,137.731l40.829,61.273c1.352,2.028,0.803,4.768-1.225,6.12l-4.102,2.734 c-2.028,1.352-4.769,0.804-6.121-1.224l-40.843-61.269c-1.353-2.029-0.803-4.771,1.227-6.123l4.115-2.739 C362.998,135.156,365.737,135.703,367.089,137.731z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M384.211,126.291l16.07,24.149c1.354,2.034,0.798,4.78-1.241,6.127l-4.087,2.7 c-2.028,1.34-4.757,0.789-6.105-1.234l-16.082-24.117c-1.353-2.028-0.804-4.769,1.224-6.122l4.099-2.732 C380.117,123.71,382.859,124.259,384.211,126.291z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M408.967,163.531l16.045,24.099c1.35,2.026,0.803,4.762-1.22,6.115l-4.075,2.724 c-2.029,1.356-4.775,0.809-6.127-1.223l-16.045-24.099c-1.349-2.026-0.803-4.762,1.22-6.115l4.075-2.724 C404.87,160.951,407.614,161.497,408.967,163.531z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M132.721,293.982l40.824,61.207c1.352,2.027,0.806,4.767-1.222,6.12l-4.088,2.73 c-2.028,1.354-4.769,0.807-6.123-1.222l-40.824-61.207c-1.353-2.027-0.806-4.767,1.222-6.12l4.089-2.73 C128.626,291.406,131.368,291.953,132.721,293.982z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M115.582,305.43l16.028,24.041c1.351,2.026,0.806,4.761-1.217,6.116l-4.066,2.722 c-2.027,1.357-4.771,0.812-6.126-1.217l-16.047-24.035c-1.354-2.027-0.808-4.768,1.22-6.122l4.086-2.728 C111.487,302.854,114.229,303.401,115.582,305.43z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M140.351,342.604l16.046,24.102c1.35,2.026,0.803,4.763-1.222,6.115l-4.078,2.727 c-2.029,1.356-4.772,0.809-6.126-1.222l-16.056-24.097c-1.351-2.027-0.804-4.766,1.222-6.118l4.088-2.73 C136.255,340.024,138.998,340.573,140.351,342.604z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M98.442,316.875l40.798,61.21c1.351,2.026,0.804,4.764-1.219,6.118l-4.077,2.726 c-2.028,1.356-4.771,0.809-6.125-1.22l-40.822-61.202c-1.353-2.028-0.804-4.769,1.224-6.122l4.102-2.734 C94.349,314.299,97.09,314.847,98.442,316.875z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M121.294,210.441l40.818-61.257c1.353-2.03,4.095-2.578,6.124-1.224l4.087,2.729 c2.027,1.353,2.573,4.093,1.222,6.12l-40.834,61.223c-1.35,2.023-4.081,2.573-6.108,1.231l-4.071-2.695 C120.494,215.22,119.94,212.473,121.294,210.441z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M104.147,199.008l40.825-61.269c1.353-2.03,4.097-2.578,6.126-1.222l4.077,2.726 c2.024,1.353,2.57,4.09,1.22,6.116l-40.814,61.272c-1.353,2.03-4.095,2.579-6.124,1.224l-4.088-2.729 C103.343,203.774,102.796,201.035,104.147,199.008z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M86.99,187.624l40.829-61.33c1.353-2.031,4.098-2.58,6.127-1.224l4.077,2.726 c2.023,1.353,2.57,4.087,1.222,6.114l-40.804,61.339c-1.351,2.03-4.094,2.581-6.123,1.228l-4.1-2.734 C86.189,192.391,85.641,189.652,86.99,187.624z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M338.493,355.188l16.047-24.035c1.355-2.029,4.099-2.574,6.126-1.217l4.066,2.722 c2.023,1.354,2.567,4.09,1.216,6.116l-16.028,24.04c-1.353,2.029-4.095,2.577-6.123,1.223l-4.086-2.728 C337.685,359.956,337.139,357.216,338.493,355.188z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M363.243,318.141l16.073-24.154c1.351-2.03,4.094-2.58,6.123-1.227l4.096,2.73 c2.029,1.353,2.577,4.096,1.223,6.124l-16.107,24.116c-1.351,2.022-4.082,2.571-6.109,1.227l-4.062-2.692 C362.445,322.915,361.891,320.172,363.243,318.141z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M355.626,366.698l16.057-24.098c1.352-2.029,4.093-2.578,6.122-1.225l4.104,2.737 c2.027,1.352,2.575,4.09,1.225,6.119l-16.047,24.1c-1.351,2.029-4.09,2.579-6.12,1.228l-4.115-2.739 C354.824,371.469,354.274,368.727,355.626,366.698z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M380.403,329.463l16.066-24.042c1.354-2.025,4.092-2.571,6.119-1.22l4.102,2.734 c2.03,1.353,2.577,4.096,1.221,6.125l-16.066,24.043c-1.353,2.025-4.092,2.571-6.118,1.22l-4.103-2.734 C379.594,334.235,379.047,331.492,380.403,329.463z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M372.771,378.081l16.075-24.056c1.35-2.019,4.077-2.569,6.103-1.23l4.086,2.7 c2.04,1.348,2.595,4.097,1.239,6.131l-16.063,24.088c-1.352,2.028-4.093,2.575-6.121,1.224l-4.098-2.732 C371.962,382.852,371.415,380.109,372.771,378.081z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M397.554,340.969l16.035-24.085c1.353-2.031,4.098-2.58,6.127-1.223l4.072,2.722 c2.025,1.354,2.57,4.093,1.218,6.119l-16.049,24.053c-1.349,2.024-4.083,2.573-6.11,1.229l-4.06-2.69 C396.754,345.745,396.201,343,397.554,340.969z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgKoreaNoborder);\nexport default __webpack_public_path__ + \"static/media/korea-noborder.255ea2e9.svg\";\nexport { ForwardRef as ReactComponent };","function _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 SvgJapanNoborder(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"30 80 452 352\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#FF4B55\"\n },\n cx: 256,\n cy: 255.999,\n r: 97.1\n }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgJapanNoborder);\nexport default __webpack_public_path__ + \"static/media/japan-noborder.8db3555c.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0i\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 620,\n y: 49,\n width: 471,\n height: 472\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1i\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M887.222 14.1401 1157.17 284.662 887.222 555.182 617.274 284.662Z\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip2i\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M887.222 14.1401 1157.17 284.662 887.222 555.182 617.274 284.662Z\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip3i\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M887.222 14.1401 1157.17 284.662 887.222 555.182 617.274 284.662Z\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0i)\",\n transform: \"translate(-620 -49)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1i)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip2i)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip3i)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M470.05 191.616 470.05 169.249C470.05 163.071 475.055 158.066 481.233 158.066 487.411 158.066 492.417 163.071 492.417 169.249L492.417 191.616C492.417 197.794 487.411 202.8 481.233 202.8 475.055 202.8 470.05 197.795 470.05 191.616Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M425.317 191.617 425.317 169.25C425.317 163.071 430.322 158.067 436.5 158.067 442.679 158.067 447.684 163.071 447.684 169.25L447.684 191.617C447.684 197.795 442.679 202.8 436.5 202.8 430.321 202.8 425.317 197.795 425.317 191.617Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M380.584 191.617 380.584 169.25C380.584 163.071 385.589 158.067 391.768 158.067 397.945 158.067 402.951 163.071 402.951 169.25L402.951 191.617C402.951 197.795 397.945 202.8 391.768 202.8 385.589 202.8 380.583 197.795 380.584 191.617Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M470.042 303.457 470.049 236.349C470.049 230.172 475.055 225.166 481.232 225.166 487.411 225.166 492.416 230.172 492.416 236.35L492.409 303.457C492.409 309.635 487.403 314.64 481.226 314.64 475.047 314.64 470.043 309.635 470.042 303.457Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M425.309 303.457 425.316 236.35C425.316 230.172 430.321 225.166 436.5 225.166 442.678 225.166 447.683 230.172 447.683 236.349L447.675 303.457C447.675 309.635 442.67 314.64 436.492 314.64 430.314 314.64 425.309 309.635 425.309 303.457Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M380.576 303.457 380.576 236.357C380.576 230.179 385.58 225.174 391.759 225.174 397.937 225.174 402.942 230.179 402.942 236.357L402.942 303.457C402.942 309.635 397.937 314.64 391.759 314.64 385.58 314.64 380.576 309.635 380.576 303.457Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M335.843 269.907C335.827 245.245 355.786 225.174 380.576 225.174L492.417 225.166C517.085 225.151 537.165 245.231 537.15 269.9 537.157 294.576 517.085 314.648 492.409 314.64L380.576 314.64C355.93 314.656 335.827 294.575 335.843 269.907ZM492.417 247.533 380.576 247.54C368.22 247.556 358.226 257.503 358.21 269.907 358.225 282.249 368.235 292.258 380.576 292.273L492.409 292.273C504.743 292.266 514.775 282.233 514.784 269.899 514.767 257.562 504.783 247.548 492.417 247.533Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M548.373 247.516 324.717 247.516 299.311 218.511 324.719 180.449 548.373 180.451 580.008 215.33Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M580.008 215.331 578.786 213.983 303.002 214.082 299.312 218.51 324.717 247.516 548.373 247.516Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M324.717 247.516 286.184 247.456C283.178 247.614 280.331 246.35 278.275 244.294 276.218 242.238 274.954 239.39 275.112 236.384L275.112 191.78C274.953 188.773 276.218 185.927 278.275 183.87 280.331 181.814 283.178 180.548 286.184 180.708L324.719 180.449Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M686.776 313.788C682.505 315.528 677.76 314.579 674.596 311.416 673.964 310.783 609.904 247.672 548.374 247.514L548.374 180.449C609.904 180.291 673.964 117.18 674.597 116.547 677.76 113.384 682.505 112.435 686.776 114.174 691.046 115.915 693.735 119.869 693.577 124.456L693.577 213.982 693.577 303.507C693.735 308.094 691.046 312.048 686.776 313.788Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.111 236.384C274.954 239.389 276.218 242.238 278.274 244.293 280.33 246.35 283.177 247.614 286.183 247.456L324.717 247.515 324.718 213.982 275.111 214.08Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M686.776 313.788C682.505 315.528 677.76 314.579 674.596 311.416 673.964 310.783 609.904 247.672 548.374 247.514L548.375 213.982 693.577 213.982 693.577 303.507C693.735 308.094 691.046 312.048 686.776 313.788Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n})))));\n\nfunction SvgInstrument(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 471,\n height: 472,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"0 50 472 372\",\n fill: \"#C5C6CE\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgInstrument);\nexport default __webpack_public_path__ + \"static/media/instrument.868e27ed.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgVocal(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#596775\"\n },\n d: \"M384.377,236.89L83.088,504.212c-12.232,10.853-30.801,10.299-42.365-1.264L9.052,471.277 c-11.563-11.563-12.117-30.133-1.264-42.365l267.322-301.289L384.377,236.89z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#4D5967\"\n },\n d: \"M367.957,220.471L71.955,483.101c-1.45,1.287-3.108,2.352-4.951,2.951 c-4.944,1.607-10.156,0.239-13.635-3.241l-27.926-27.925c-6.877-6.876-16.995-8.514-25.432-4.943 c0.131,7.753,3.158,15.45,9.041,21.333l31.671,31.671c11.563,11.563,30.133,12.117,42.365,1.264L384.376,236.89L367.957,220.471z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E9E3D5\"\n },\n d: \"M512,122.849C512,55.001,456.998,0,389.15,0S266.301,55.001,266.301,122.849 c0,4.674,0.27,9.285,0.779,13.823l108.247,108.247c4.539,0.508,9.149,0.779,13.823,0.779C456.998,245.698,512,190.697,512,122.849z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#D3CDBF\"\n },\n d: \"M512,122.849c0-47.818-27.321-89.252-67.205-109.549c8.503,16.706,13.3,35.614,13.3,55.644 c0,67.848-55.001,122.849-122.849,122.849c-4.675,0-9.286-0.272-13.825-0.781l53.908,53.907c4.538,0.508,9.148,0.778,13.822,0.778 C456.998,245.698,512,190.697,512,122.849z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B6B0A2\"\n },\n d: \"M494.198,191.502L320.501,17.807c-3.018-3.017-7.91-3.017-10.927,0L287.721,39.66 c-3.015,3.015-3.016,7.91,0,10.926l173.696,173.696c3.018,3.017,7.91,3.017,10.927,0l21.853-21.853 C497.212,199.414,497.214,194.519,494.198,191.502z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#A19B8D\"\n },\n d: \"M320.501,17.807c-3.018-3.017-7.91-3.017-10.927,0l-10.926,10.926l151.844,151.843 c9.052,9.052,9.052,23.728,0,32.78l0,0l10.926,10.926c3.018,3.017,7.91,3.017,10.927,0l21.853-21.853 c3.017-3.017,3.017-7.91,0-10.926L320.501,17.807z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#35404A\"\n },\n d: \"M235.552,299.626c-5.932,0-11.865-2.263-16.39-6.789c-9.051-9.052-9.051-23.728,0-32.779 l40.893-40.893c9.052-9.052,23.728-9.052,32.78,0c9.051,9.052,9.051,23.728,0,32.779l-40.893,40.893 C247.417,297.363,241.484,299.626,235.552,299.626z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#4D5967\"\n },\n d: \"M375.288,252.608c-1.977,0-3.955-0.754-5.464-2.263L261.655,142.175 c-3.017-3.017-3.017-7.91,0-10.926c3.018-3.017,7.91-3.017,10.927,0l108.169,108.169c3.017,3.017,3.017,7.91,0,10.926 C379.243,251.852,377.265,252.608,375.288,252.608z\"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgVocal);\nexport default __webpack_public_path__ + \"static/media/vocal.a724d410.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgElectric(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FD6F71\"\n },\n d: \"M429.859,90.728c0,0,33.46,5.258,48.697-28.62c5.351-11.898,16.432-19.488,25.752-24.015 c7.548-3.666,10.063-13.176,5.186-20.005l0,0c-3.494-4.891-9.806-6.877-15.471-4.867L436.91,33.487l-28.083,36.209l0.239,20.793 L429.859,90.728z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E36465\"\n },\n d: \"M509.494,18.088L509.494,18.088c-1.999-2.798-4.92-4.64-8.114-5.332 c1.268,5.879-1.54,12.201-7.374,15.035c-9.319,4.527-20.402,12.118-25.752,24.015c-15.236,33.879-48.697,28.62-48.697,28.62 l-10.609-0.122l0.117,10.184l20.793,0.239c0,0,33.46,5.258,48.697-28.62c5.351-11.897,16.432-19.488,25.752-24.015 C511.857,34.426,514.371,24.917,509.494,18.088z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FD6F71\"\n },\n d: \"M201.611,456.642c23.387-51.253,35.025-74.34,49.8-88.867c17.448-14.629,55.562-19.761,64.965-41.36 c4.452-10.227-6.82-20.28-16.604-14.926c-17.421,9.533-44.773,16.801-57.009-21.123l-3.931-61.357 c-56.341-7.548-8.54-56.305-8.54-56.305c30.592-37.284-40.63-37.762-67.399,20.554s-24.464,61.099-119.98,104.684 c-56.073,25.587-47.2,72.408-29.164,107.985c17.438,34.397,45.482,62.441,79.879,79.879 C129.203,503.842,176.025,512.715,201.611,456.642z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E36465\"\n },\n d: \"M299.773,311.489c-3.847,2.105-8.178,4.099-12.723,5.521c-15.133,12.83-42.289,18.464-56.242,30.162 c-14.774,14.528-26.413,37.615-49.8,88.868c-25.587,56.073-72.408,47.2-107.985,29.164c-12.816-6.497-24.75-14.47-35.582-23.692 c15.529,18.239,34.607,33.356,56.186,44.296c35.575,18.035,82.398,26.908,107.985-29.164c23.387-51.251,35.026-74.34,49.8-88.868 c17.448-14.629,55.562-19.761,64.965-41.36C320.83,316.189,309.557,306.135,299.773,311.489z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#485877\"\n },\n points: \"429.859,90.728 408.827,69.696 180.579,283.603 215.952,318.976 \"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M189.329,335.374l-25.148-25.148c-5.992-5.992-15.705-5.992-21.697,0 c-5.992,5.992-5.992,15.705,0,21.697l25.148,25.148c5.992,5.992,15.705,5.992,21.697,0 C195.32,351.079,195.32,341.366,189.329,335.374z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M155.814,385.032l-41.29-41.29c-4.438-4.438-11.633-4.438-16.071,0L82.976,359.22 c-4.438,4.438-4.438,11.633,0,16.071l41.29,41.29c4.438,4.438,11.633,4.438,16.071,0l15.477-15.477 C160.251,396.665,160.251,389.47,155.814,385.032z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#3A484A\"\n },\n d: \"M44.177,395.323c-1.977,0-3.955-0.754-5.463-2.263c-3.017-3.017-3.017-7.91,0-10.927l6.134-6.134 c3.017-3.016,7.91-3.017,10.926,0c3.017,3.017,3.017,7.91,0,10.927l-6.134,6.134C48.131,394.569,46.154,395.323,44.177,395.323z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#3A484A\"\n },\n d: \"M111.958,463.105c-1.977,0-3.954-0.754-5.463-2.263c-3.017-3.017-3.017-7.909,0-10.926l6.134-6.134 c3.017-3.017,7.909-3.017,10.927,0c3.017,3.017,3.017,7.909,0,10.926l-6.134,6.134C115.913,462.35,113.935,463.105,111.958,463.105 z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#3A484A\"\n },\n d: \"M85.871,437.185c-6.113,0-12.071-2.49-16.541-6.96c-4.837-4.837-7.355-11.414-6.909-18.047 c0.285-4.258,3.966-7.475,8.226-7.191c4.258,0.286,7.477,3.969,7.191,8.227c-0.146,2.183,0.735,4.401,2.419,6.084 c1.683,1.683,3.896,2.563,6.084,2.418c4.257-0.283,7.941,2.934,8.226,7.191c0.286,4.258-2.934,7.941-7.191,8.227 C86.874,437.168,86.371,437.185,85.871,437.185z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgElectric);\nexport default __webpack_public_path__ + \"static/media/electric.5d8a4e20.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m473.78 323.69c-31.66-34.02-55.83-15.23-75.77-35.17-15.25-15.24-18.21-47.44-42.89-72.12-13.29-13.29-33.52-18.02-41.33-10.2-5.15 5.14-7.97 21.17 16.85 46.61 13.93 14.28-.26 31.61-16.86 30.13l-.39.4-57.57-9.54c1.48 16.6-16.84 31.79-31.12 17.86-25.45-24.82-41.48-22-46.62-16.85-7.82 7.81-3.08 28.05 10.2 41.33 24.68 24.68 73.66 44.42 88.9 59.66 19.94 19.94 17.92 60.89 51.94 92.55 47.81 44.47 93.51 23.56 135.11-18.04 39.09-39.09 54.03-78.81 9.55-126.62z\",\n fill: \"#59DEC3\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m351.117 455.35c-34.02-31.66-32-72.61-51.94-92.55-15.24-15.24-64.22-34.98-88.9-59.66-8.972-8.972-14.038-21.116-13.975-30.462-9.224-2.832-15.385-.71-18.222 2.132-7.82 7.81-3.08 28.05 10.2 41.33 24.68 24.68 73.66 44.42 88.9 59.66 19.94 19.94 17.92 60.89 51.94 92.55 38.055 35.4 74.772 29.37 109.15 4.46-27.888 12.608-57.104 10.49-87.153-17.46z\",\n fill: \"#44AB96\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m406.71 373.66-27.62 27.62-14.17-14.63 27.16-27.16z\",\n fill: \"#6d7486\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m116.75 88.85-18.48 18.46.01.01 257.15 265.34 26.66-26.66z\",\n fill: \"#68574E\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m369.812 381.996h72.606v37.378h-72.606z\",\n fill: \"#555b6b\",\n transform: \"matrix(.707 -.707 .707 .707 -164.379 404.524)\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#4a5160\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m66.191 118.405h24.023v12h-24.023z\",\n transform: \"matrix(.707 -.707 .707 .707 -65.063 91.732)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m47.734 92.101h25.101v12h-25.101z\",\n transform: \"matrix(.707 -.707 .707 .707 -51.711 71.36)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m30.356 65.796h24.022v12h-24.022z\",\n transform: \"matrix(.707 -.707 .707 .707 -38.359 50.986)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m12.819 39.111h24.023v12h-24.023z\",\n transform: \"matrix(.707 -.707 .707 .707 -24.625 30.77)\"\n}));\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m80.051 134.755-11.437-11.436a6 6 0 1 0 -8.485 8.485l11.436 11.437a6 6 0 0 0 8.486-8.486z\",\n fill: \"#555B6B\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m61.752 108.832-11.437-11.432a6 6 0 1 0 -8.485 8.485l11.437 11.436a6 6 0 1 0 8.485-8.485z\",\n fill: \"#555B6B\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m44.216 82.146-11.437-11.436a6 6 0 1 0 -8.486 8.485l11.437 11.437a6 6 0 1 0 8.486-8.486z\",\n fill: \"#555B6B\"\n});\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m26.679 55.461-11.436-11.437a6 6 0 0 0 -8.486 8.485l11.437 11.437a6 6 0 0 0 8.485-8.485z\",\n fill: \"#555B6B\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m113.15 52.22c-10.34-5.71-27.66-6.17-37.58-12.42-11.79-7.41-31.47-22.29-37.59-20.91-8.02 1.81-13.58 11.38-13.58 11.38l66.66 98.23 39.36-39.31s1.81-26.42-17.27-36.97z\",\n fill: \"#59DEC3\"\n});\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m401.15 336.75a9.675 9.675 0 0 1 0 13.67l-9.07 9.07-14.99-14.49 9.32-9.32a9.675 9.675 0 0 1 13.67 0z\",\n fill: \"#6d7486\"\n});\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m392.08 359.49-27.16 27.16-14.49-14.99 26.66-26.66z\",\n fill: \"#555b6b\"\n});\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m350.43 371.66 14.49 14.99-9.07 9.07a9.675 9.675 0 0 1 -13.67 0l-1.07-1.07a9.675 9.675 0 0 1 0-13.67z\",\n fill: \"#6d7486\"\n});\n\nfunction SvgBass(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\n xmlns: \"http://www.w3.org/2000/svg\",\n \"data-name\": \"Layer 1\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgBass);\nexport default __webpack_public_path__ + \"static/media/bass.54da4a85.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgKeyboard(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E95854\"\n },\n d: \"M508,393H4c-2.209,0-4-1.791-4-4V206.556h512V389C512,391.209,510.209,393,508,393z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B54441\"\n },\n d: \"M508,393h-26.905V206.556H512V389C512,391.209,510.209,393,508,393z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 30.905,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 75.924,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 120.94,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 165.96,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 210.98,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 256,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 301.02,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 346.04,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 391.06,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 436.08,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FF6B5B\"\n },\n d: \"M512,221.768H0V123c0-2.209,1.791-4,4-4h504c2.209,0,4,1.791,4,4V221.768z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E95854\"\n },\n d: \"M512,221.768h-30.905V119H508c2.209,0,4,1.791,4,4V221.768z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#6B7383\"\n },\n d: \"M158.133,186.465v-33.203c0-2.209,1.791-4,4-4h187.734c2.209,0,4,1.791,4,4v33.203 c0,2.209-1.791,4-4,4H162.133C159.924,190.465,158.133,188.675,158.133,186.465z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#6B7383\"\n },\n d: \"M97.352,186.465v-33.203c0-2.209,1.791-4,4-4h22.905c2.209,0,4,1.791,4,4v33.203 c0,2.209-1.791,4-4,4h-22.905C99.143,190.465,97.352,188.675,97.352,186.465z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#6B7383\"\n },\n d: \"M383.742,186.465v-33.203c0-2.209,1.791-4,4-4h22.905c2.209,0,4,1.791,4,4v33.203 c0,2.209-1.791,4-4,4h-22.905C385.533,190.465,383.742,188.675,383.742,186.465z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M85.317,333.617H66.532c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C89.317,331.826,87.526,333.617,85.317,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M130.336,333.617h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C134.336,331.826,132.545,333.617,130.336,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M220.114,333.617H201.33c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C224.114,331.826,222.323,333.617,220.114,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M265.392,333.617h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C269.392,331.826,267.602,333.617,265.392,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M311.028,333.266l-18.785,0.288c-2.233,0.034-4.061-1.766-4.061-4V261.15h26.785v68.116 C314.966,331.452,313.213,333.232,311.028,333.266z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M400.449,333.206h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.055 C404.449,331.415,402.658,333.206,400.449,333.206z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M70.198,163.606H51.655c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S74.34,163.606,70.198,163.606z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M70.198,190.388H51.655c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S74.34,190.388,70.198,190.388z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M460.345,163.606h-18.543c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S464.487,163.606,460.345,163.606z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M460.345,190.388h-18.543c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S464.487,190.388,460.345,190.388z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M445.468,333.256h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.105 C449.468,331.465,447.677,333.256,445.468,333.256z\"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgKeyboard);\nexport default __webpack_public_path__ + \"static/media/keyboard.e0afbf10.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgDrums(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M67.251,253.337c-4.204,0-7.612-3.407-7.612-7.612V175.43c0-4.205,3.408-7.612,7.612-7.612 s7.612,3.407,7.612,7.612v70.297C74.863,249.931,71.455,253.337,67.251,253.337z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M437.138,232.025c-4.205,0-7.612,3.407-7.612,7.612v56.529c0,4.205,3.407,7.612,7.612,7.612 c4.205,0,7.612-3.407,7.612-7.612v-56.529C444.75,235.433,441.342,232.025,437.138,232.025z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M67.253,389.431c-4.204,0-7.612,3.408-7.612,7.612v67.253c0,4.205,3.408,7.612,7.612,7.612 s7.612-3.407,7.612-7.612v-67.253C74.865,392.838,71.457,389.431,67.253,389.431z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#DC1C4A\"\n },\n d: \"M134.502,280.397v-28.581c0-3.363-2.726-6.089-6.089-6.089H6.089c-3.363,0-6.089,2.726-6.089,6.089 v139.134c0,3.363,2.726,6.089,6.089,6.089h120.333L134.502,280.397z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M437.138,471.907c-4.205,0-7.612-3.407-7.612-7.612v-84.065c0-4.205,3.407-7.612,7.612-7.612 c4.205,0,7.612,3.407,7.612,7.612v84.065C444.75,468.5,441.342,471.907,437.138,471.907z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M487.578,488.723c-0.798,0-1.61-0.127-2.408-0.393l-48.032-16.012l-48.032,16.012 c-3.992,1.326-8.3-0.825-9.628-4.814c-1.329-3.988,0.825-8.3,4.814-9.628l50.439-16.813c1.564-0.522,3.251-0.522,4.815,0 l50.439,16.813c3.988,1.329,6.143,5.641,4.814,9.628C493.734,486.705,490.764,488.723,487.578,488.723z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#DC1C4A\"\n },\n d: \"M373.724,380.231h124.575c3.363,0,6.089-2.726,6.089-6.089v-71.886c0-3.363-2.726-6.089-6.089-6.089 H366.047L373.724,380.231z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M498.299,296.167h-20.297c3.363,0,6.089,2.726,6.089,6.089v71.886c0,3.363-2.726,6.089-6.089,6.089 h20.297c3.363,0,6.089-2.726,6.089-6.089v-71.886C504.388,298.893,501.663,296.167,498.299,296.167z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#D0E2ED\"\n },\n d: \"M504.388,313.774h-133.2c-1.246,0-2.419,0.305-3.458,0.836l1.285,14.068 c0.689,0.205,1.417,0.319,2.173,0.319h133.2L504.388,313.774L504.388,313.774z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 484.092,\n y: 313.777,\n style: {\n fill: \"#AABFCF\"\n },\n width: 20.297,\n height: 15.223\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M386.698,346.604c0,11.611-1.472,22.879-4.238,33.627h19.226c2.424-10.823,3.711-22.073,3.711-33.627 c0-17.673-3.002-34.642-8.508-50.438h-19.979C383.217,311.743,386.698,328.767,386.698,346.604z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M401.858,313.774h-19.207c1.248,4.97,2.216,10.051,2.893,15.223h18.841 C403.794,323.84,402.949,318.762,401.858,313.774z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M411.918,387.842c-4.205,0-7.612-3.407-7.612-7.612v-16.812c0-4.205,3.407-7.612,7.612-7.612 c4.205,0,7.612,3.407,7.612,7.612v16.812C419.529,384.435,416.122,387.842,411.918,387.842z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M462.358,387.842c-4.205,0-7.612-3.407-7.612-7.612v-16.812c0-4.205,3.407-7.612,7.612-7.612 c4.205,0,7.612,3.407,7.612,7.612v16.812C469.969,384.435,466.562,387.842,462.358,387.842z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M169.068,442.845c-3.813-1.768-8.338-0.111-10.108,3.702l-14.548,31.359 c-1.769,3.814-0.112,8.339,3.701,10.108c1.036,0.481,2.126,0.708,3.198,0.708c2.872,0,5.621-1.634,6.91-4.411l14.549-31.359 C174.538,449.139,172.881,444.614,169.068,442.845z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M359.977,477.907l-14.549-31.359c-1.769-3.814-6.294-5.47-10.108-3.702 c-3.814,1.769-5.471,6.295-3.701,10.108l14.549,31.359c1.289,2.777,4.037,4.411,6.91,4.411c1.073,0,2.162-0.228,3.198-0.708 C360.089,486.245,361.746,481.718,359.977,477.907z\"\n })), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#DC1C4A\"\n },\n cx: 252.195,\n cy: 346.608,\n r: 134.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#D0E2ED\"\n },\n cx: 252.195,\n cy: 346.608,\n r: 109.281\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M42.034,372.618c-4.204,0-7.612,3.408-7.612,7.612v16.813c0,4.205,3.408,7.612,7.612,7.612 s7.612-3.407,7.612-7.612v-16.813C49.645,376.026,46.237,372.618,42.034,372.618z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M92.474,372.618c-4.204,0-7.612,3.408-7.612,7.612v16.813c0,4.205,3.408,7.612,7.612,7.612 s7.612-3.407,7.612-7.612v-16.813C100.085,376.026,96.677,372.618,92.474,372.618z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M120.1,473.889l-50.439-16.813c-1.562-0.523-3.252-0.523-4.814,0l-50.44,16.813 c-3.988,1.329-6.143,5.641-4.815,9.628c1.064,3.19,4.033,5.206,7.22,5.206c0.798,0,1.61-0.127,2.408-0.393l48.033-16.012 l48.032,16.012c3.986,1.329,8.298-0.825,9.628-4.814C126.243,479.528,124.087,475.218,120.1,473.889z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M437.138,154.05c-4.205,0-7.612,3.407-7.612,7.612v22.902c0,4.205,3.407,7.612,7.612,7.612 c4.205,0,7.612-3.407,7.612-7.612v-22.902C444.75,157.458,441.342,154.05,437.138,154.05z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M387.545,217.387L434.116,244c1.872,1.07,4.17,1.07,6.043,0l46.572-26.613 c4.091-2.337,4.091-8.236,0-10.574L440.16,180.2c-1.872-1.07-4.17-1.07-6.043,0l-46.572,26.613 C383.454,209.15,383.454,215.05,387.545,217.387z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M167.746,61.171c-2.973-2.972-7.792-2.972-10.764,0l-29.213,29.213 c-2.973,2.974-2.973,7.792,0,10.765c1.486,1.486,3.434,2.229,5.382,2.229s3.896-0.743,5.382-2.229l29.213-29.213 C170.718,68.962,170.718,64.144,167.746,61.171z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M79.141,157.386c-1.948,0-3.896-0.743-5.382-2.229c-2.973-2.974-2.973-7.792,0-10.765l47.556-47.556 c2.973-2.972,7.792-2.972,10.764,0c2.973,2.974,2.973,7.792,0,10.765l-47.556,47.556C83.038,156.643,81.09,157.386,79.141,157.386z \"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M92.632,51.449l55.837,26.057c1.296,0.605,2.338,1.647,2.943,2.943l26.057,55.837 c2.881,6.174-5.005,11.698-9.824,6.881L85.751,61.273C80.934,56.454,86.458,48.568,92.632,51.449z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFA912\"\n },\n d: \"M203.41,168.168L60.748,25.506c-2.973-2.972-7.792-2.972-10.764,0c-2.973,2.974-2.973,7.792,0,10.765 l142.662,142.662c1.486,1.486,3.434,2.229,5.382,2.229c1.948,0,3.896-0.743,5.382-2.229 C206.383,175.96,206.383,171.141,203.41,168.168z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#FDBE40\"\n },\n cx: 67.255,\n cy: 161.658,\n r: 16.813\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M252.195,440.661c-57.796,0-105.106-44.867-109.015-101.671c-0.174,2.516-0.268,5.053-0.268,7.614 c0,60.355,48.928,109.283,109.284,109.283S361.48,406.959,361.48,346.604c0-2.561-0.095-5.098-0.268-7.614 C357.301,395.794,309.991,440.661,252.195,440.661z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M252.195,465.882c-71.729,0-130.336-56.149-134.284-126.89c-0.141,2.52-0.218,5.057-0.218,7.613 c0,74.284,60.219,134.503,134.503,134.503s134.504-60.219,134.504-134.503c0-2.555-0.078-5.093-0.219-7.613 C382.531,409.733,323.924,465.882,252.195,465.882z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M117.692,346.604c0-23.573,6.072-45.726,16.725-64.992l0.084-1.215v-28.581 c0-0.928-0.213-1.803-0.585-2.59c-21.82,26.472-34.925,60.394-34.925,97.378c0,17.672,3.002,34.64,8.508,50.436h18.922l0.158-2.278 C120.843,379.809,117.692,363.576,117.692,346.604z\"\n })), /*#__PURE__*/React.createElement(\"rect\", {\n y: 263.338,\n style: {\n fill: \"#D0E2ED\"\n },\n width: 134.5,\n height: 15.223\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M114.901,278.558h19.6v-15.223h-10.914C120.414,268.225,117.511,273.304,114.901,278.558z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFA912\"\n },\n d: \"M504.388,204.489H369.885c-4.205,0-7.612,3.407-7.612,7.612s3.407,7.612,7.612,7.612h134.504 c4.205,0,7.612-3.407,7.612-7.612C512,207.897,508.593,204.489,504.388,204.489z\"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDrums);\nexport default __webpack_public_path__ + \"static/media/drums.d0887d7f.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 3213,\n y: -88,\n width: 1282,\n height: 1282\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1)\",\n transform: \"translate(-3213 88)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3852.85 39.15C3748.4 39.15 3661.26 113.224 3641.1 211.696L3636.83 254.101 3636.71 254.101 3636.71 255.246 3636.71 438.498 4069 438.498 4069 255.246 4069 254.101 4068.88 254.101 4064.61 211.696C4044.45 113.224 3957.31 39.15 3852.85 39.15ZM3854-88C4043.6-88 4197.3 65.6671 4197.3 255.225L4197.3 255.232 4197.3 438.498 4143.91 438.498 4143.91 438.498 4258.23 438.498C4292.9 438.498 4321 466.597 4321 501.258L4321 1130.24C4321 1164.9 4292.9 1193 4258.23 1193L3449.77 1193C3415.1 1193 3387 1164.9 3387 1130.24L3387 501.258C3387 466.597 3415.1 438.498 3449.77 438.498L3564.09 438.498 3564.09 438.498 3510.7 438.498 3510.7 255.225 3510.7 255.225 3512.47 220.132C3530.05 47.0591 3676.25-88 3854-88Z\",\n fillRule: \"evenodd\"\n}));\n\nfunction SvgStatus(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1282,\n height: 1282,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"-140 -140 1562 1562\",\n fill: \"#C5C6CE\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStatus);\nexport default __webpack_public_path__ + \"static/media/status.5bdc85a6.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 889,\n y: 743,\n width: 1282,\n height: 1282\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0)\",\n transform: \"translate(-889 -743)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1531 743C1720.6 743 1874.3 896.787 1874.3 1086.49L1874.3 1086.5 1874.3 1269.91 1820.91 1269.91 1820.91 1269.91 1935.23 1269.91C1969.9 1269.91 1998 1298.03 1998 1332.72L1998 1962.19C1998 1996.88 1969.9 2025 1935.23 2025L1126.77 2025C1092.1 2025 1064 1996.88 1064 1962.19L1064 1332.72C1064 1298.03 1092.1 1269.91 1126.77 1269.91L1746 1269.91 1746 1086.51 1746 1085.37 1745.88 1085.37 1741.61 1042.93C1721.45 944.381 1634.31 870.249 1529.85 870.249 1425.4 870.249 1338.26 944.381 1318.1 1042.93L1313.83 1085.37 1313.71 1085.37 1313.71 1086.51 1313.71 1092.72 1187.7 1092.72 1187.7 1086.49 1187.7 1086.49 1189.47 1051.37C1207.05 878.164 1353.25 743 1531 743Z\",\n fillRule: \"evenodd\"\n}));\n\nfunction SvgPublic(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1282,\n height: 1282,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"-140 -140 1562 1562\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPublic);\nexport default __webpack_public_path__ + \"static/media/public.19900f65.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 3213,\n y: -88,\n width: 1282,\n height: 1282\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1)\",\n transform: \"translate(-3213 88)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3852.85 39.15C3748.4 39.15 3661.26 113.224 3641.1 211.696L3636.83 254.101 3636.71 254.101 3636.71 255.246 3636.71 438.498 4069 438.498 4069 255.246 4069 254.101 4068.88 254.101 4064.61 211.696C4044.45 113.224 3957.31 39.15 3852.85 39.15ZM3854-88C4043.6-88 4197.3 65.6671 4197.3 255.225L4197.3 255.232 4197.3 438.498 4143.91 438.498 4143.91 438.498 4258.23 438.498C4292.9 438.498 4321 466.597 4321 501.258L4321 1130.24C4321 1164.9 4292.9 1193 4258.23 1193L3449.77 1193C3415.1 1193 3387 1164.9 3387 1130.24L3387 501.258C3387 466.597 3415.1 438.498 3449.77 438.498L3564.09 438.498 3564.09 438.498 3510.7 438.498 3510.7 255.225 3510.7 255.225 3512.47 220.132C3530.05 47.0591 3676.25-88 3854-88Z\",\n fillRule: \"evenodd\"\n}));\n\nfunction SvgPrivate(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1282,\n height: 1282,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"-140 -140 1562 1562\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPrivate);\nexport default __webpack_public_path__ + \"static/media/private.10be482d.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useCallback, useState} from \"react\";\r\nimport \"./style.scss\";\r\n\r\nimport SearchInput from \"./SearchBar\";\r\nimport FilterMenu, {MenuItemProps} from \"./FilterMenu\";\r\n\r\nimport {Country, Inst, Status} from \"../../../common/classes/properties\";\r\n\r\nimport {FilterClass, FilterClassType} from \"../../../modules/filter/types\";\r\n\r\nimport {ReactComponent as CountryIcon} from \"../../../resource/img/icon/country.svg\";\r\nimport {ReactComponent as Korea} from \"../../../resource/img/icon/Flag/korea-noborder.svg\";\r\nimport {ReactComponent as Japan} from \"../../../resource/img/icon/Flag/japan-noborder.svg\";\r\n\r\nimport {ReactComponent as InstIcon} from \"../../../resource/img/icon/instrument.svg\";\r\nimport {ReactComponent as Vocal} from \"../../../resource/img/icon/Profile/vocal.svg\";\r\nimport {ReactComponent as Guitar} from \"../../../resource/img/icon/Profile/electric.svg\";\r\nimport {ReactComponent as Bass} from \"../../../resource/img/icon/Profile/bass.svg\";\r\nimport {ReactComponent as Keys} from \"../../../resource/img/icon/Profile/keyboard.svg\";\r\nimport {ReactComponent as Drums} from \"../../../resource/img/icon/Profile/drums.svg\";\r\n\r\nimport {ReactComponent as StatusIcon} from \"../../../resource/img/icon/status.svg\";\r\nimport {ReactComponent as Public} from \"../../../resource/img/icon/public.svg\";\r\nimport {ReactComponent as Private} from \"../../../resource/img/icon/private.svg\";\r\n\r\nfunction Filter() {\r\n const [activeClass, setActiveClass] = useState\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Toolbar);","import {useState, useEffect, useRef} from \"react\";\r\n\r\nfunction useScrollTrigger(threshold: number) {\r\n const [trigger, setTrigger] = useState(false);\r\n const localState = useRef\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Header);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgBongos(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"rect\", {\n x: 208.97,\n y: 204.54,\n style: {\n fill: \"#A66856\"\n },\n width: 94.07,\n height: 83.88\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F3B573\"\n },\n d: \"M212.049,348.625H39.315c-2.134,0-3.891-1.674-3.995-3.805l-8.535-175.27H224.58l-8.535,175.27 C215.941,346.951,214.183,348.625,212.049,348.625z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F3B573\"\n },\n d: \"M472.685,348.625H299.951c-2.134,0-3.892-1.674-3.995-3.805l-8.535-175.27h197.795l-8.535,175.27 C476.577,346.951,474.819,348.625,472.685,348.625z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5A257\"\n },\n d: \"M454.567,169.55l-8.72,179.075h26.838c2.133,0,3.891-1.674,3.995-3.805l8.535-175.27H454.567z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5A257\"\n },\n d: \"M194.042,169.55l-8.72,179.075h26.838c2.133,0,3.891-1.674,3.995-3.805l8.535-175.27H194.042z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFDEA9\"\n },\n d: \"M231.911,210.374H19.453c-2.209,0-4-1.791-4-4V136.5c0-2.209,1.791-4,4-4h212.459 c2.209,0,4,1.791,4,4v69.874C235.911,208.583,234.121,210.374,231.911,210.374z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFDEA9\"\n },\n d: \"M492.547,210.374H280.089c-2.209,0-4-1.791-4-4V136.5c0-2.209,1.791-4,4-4h212.459 c2.209,0,4,1.791,4,4v69.874C496.547,208.583,494.756,210.374,492.547,210.374z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF7B\"\n },\n d: \"M492.547,210.374h-26.905V132.5h26.905c2.209,0,4,1.791,4,4v69.874 C496.547,208.583,494.756,210.374,492.547,210.374z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF7B\"\n },\n d: \"M231.911,210.374h-26.905V132.5h26.905c2.209,0,4,1.791,4,4v69.874 C235.911,208.583,234.121,210.374,231.911,210.374z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#735458\"\n },\n d: \"M245.186,183.958H6.178c-3.412,0-6.178-2.766-6.178-6.178v-14.402c0-3.412,2.766-6.178,6.178-6.178 h239.008c3.412,0,6.178,2.766,6.178,6.178v14.402C251.364,181.192,248.598,183.958,245.186,183.958z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#735458\"\n },\n d: \"M505.822,183.958H266.814c-3.412,0-6.178-2.766-6.178-6.178v-14.402 c0-3.412,2.766-6.178,6.178-6.178h239.008c3.412,0,6.178,2.766,6.178,6.178v14.402C512,181.192,509.234,183.958,505.822,183.958z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#5C4346\"\n },\n d: \"M505.819,157.2h-30.905c3.414,0,6.181,2.765,6.181,6.175v14.408c0,3.41-2.767,6.175-6.181,6.175 h30.905c3.414,0,6.181-2.765,6.181-6.175v-14.408C512,159.965,509.233,157.2,505.819,157.2z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#5C4346\"\n },\n d: \"M245.183,157.2h-30.905c3.414,0,6.181,2.765,6.181,6.175v14.408c0,3.41-2.767,6.175-6.181,6.175 h30.905c3.414,0,6.181-2.765,6.181-6.175v-14.408C251.364,159.965,248.597,157.2,245.183,157.2z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M164.829,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C170.822,379.5,164.829,373.507,164.829,366.114z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M59.751,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C65.744,379.5,59.751,373.507,59.751,366.114z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M425.465,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C431.458,379.5,425.465,373.507,425.465,366.114z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M320.386,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C326.379,379.5,320.386,373.507,320.386,366.114z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgBongos);\nexport default __webpack_public_path__ + \"static/media/bongos.d323be5c.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m70.369 479.411c42.965 42.965 113.089 43.747 155.813.543 20.188-20.414 30.681-46.809 31.483-73.441.594-19.728 12.483-37.429 30.433-45.636 7.507-3.433 14.554-8.2 20.783-14.304 29.27-28.687 28.683-76.089-.297-105.069l-38.088-38.088c-28.98-28.98-76.382-29.567-105.069-.297-6.104 6.228-10.872 13.275-14.304 20.782-8.207 17.949-25.909 29.839-45.636 30.433-26.633.802-53.027 11.295-73.441 31.483-43.204 42.724-42.422 112.848.543 155.813z\",\n fill: \"#fac574\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 180.639,\n cy: 331.36,\n fill: \"#685e67\",\n r: 41.822\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m210.215 360.934c-16.332 16.332-42.818 16.332-59.15 0-12.037-12.038-15.202-29.58-9.494-44.517 2.035 5.332 5.2 10.328 9.494 14.632 16.332 16.332 42.818 16.332 59.15 0 4.304-4.304 7.469-9.3 9.504-14.632 5.698 14.937 2.533 32.479-9.504 44.517z\",\n fill: \"#554e55\"\n}));\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m308.876 346.576c-6.227 6.105-13.269 10.867-20.778 14.297-17.949 8.212-29.834 25.917-30.435 45.637-.804 26.639-11.295 53.034-31.483 73.446-42.727 43.205-112.845 42.421-155.806-.539l-22.63-22.63c42.961 42.961 113.09 43.744 155.806.539 20.188-20.412 30.689-46.807 31.483-73.436.6-19.73 12.485-37.435 30.435-45.637 7.509-3.439 14.561-8.201 20.788-14.307 29.265-28.684 28.674-76.092-.305-105.071l22.63 22.63c28.979 28.98 29.569 76.377.295 105.071z\",\n fill: \"#e8b66b\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m251.016 294.083 182.669-189.561-26.208-26.208-189.561 182.669c-2.05 1.975-2.08 5.248-.067 7.261l25.907 25.906c2.012 2.013 5.285 1.983 7.26-.067z\",\n fill: \"#c76d3d\"\n}));\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m251.019 294.079c-1.979 2.051-5.252 2.086-7.267.072l-18.218-18.218c2.015 2.015 5.296 1.986 7.267-.072l182.662-189.556 18.218 18.218z\",\n fill: \"#aa5e33\"\n}));\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#685e67\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m504.388 80.838c-1.947 0-3.896-.743-5.383-2.229l-65.615-65.616c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l65.616 65.615c2.972 2.972 2.972 7.792 0 10.764-1.487 1.487-3.436 2.23-5.383 2.23z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m483.951 96.939c-1.948 0-3.896-.743-5.383-2.229l-61.28-61.28c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.972 10.765 0l61.28 61.28c2.972 2.972 2.972 7.792 0 10.764-1.487 1.486-3.435 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m462.43 111.957c-1.948 0-3.896-.743-5.383-2.229l-54.776-54.777c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.972 10.765 0l54.776 54.777c2.972 2.972 2.972 7.792 0 10.764-1.486 1.485-3.434 2.229-5.382 2.229z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#554e55\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m509.77 67.845-25.519-25.52c-3.571 3.605-7.139 7.214-10.721 10.808l25.475 25.475c1.487 1.486 3.435 2.229 5.383 2.229 1.947 0 3.896-.743 5.382-2.229 2.972-2.972 2.972-7.791 0-10.763z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m466.033 60.646c-3.586 3.59-7.166 7.187-10.753 10.776l23.288 23.288c1.487 1.487 3.434 2.229 5.383 2.229 1.947 0 3.896-.743 5.382-2.229 2.972-2.972 2.972-7.792 0-10.764z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m447.784 78.934c-3.584 3.592-7.164 7.189-10.74 10.79l20.003 20.003c1.487 1.487 3.434 2.229 5.383 2.229 1.948 0 3.896-.743 5.383-2.229 2.972-2.972 2.972-7.792 0-10.764z\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m429.941 107.047-24.99-24.99c-2.088-2.088-2.289-5.406-.47-7.731l47.174-60.276c4.462-5.701 12.906-6.214 18.024-1.095l29.362 29.362c5.119 5.119 4.606 13.563-1.095 18.024l-60.276 47.174c-2.323 1.822-5.641 1.62-7.729-.468z\",\n fill: \"#fac574\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m503.474 56.014-65.806 51.503c-2.324 1.82-5.634 1.619-7.72-.468l-20.297-20.297c2.087 2.087 5.404 2.295 7.728.475l65.807-51.503c2.756-2.166 3.008-6.26.532-8.735l20.29 20.29c2.48 2.482 2.229 6.576-.534 8.735z\",\n fill: \"#e8b66b\"\n}));\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#fef0dc\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m139.428 416.615c-1.947 0-3.896-.743-5.383-2.229l-36.433-36.433c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l36.433 36.433c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m118.775 437.269c-1.947 0-3.896-.743-5.383-2.229l-36.433-36.433c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l36.433 36.433c2.972 2.972 2.972 7.792 0 10.764-1.486 1.485-3.435 2.229-5.382 2.229z\"\n}));\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m450.905 68.707c-1.947 0-3.896-.743-5.382-2.229-2.973-2.973-2.973-7.792-.001-10.765l12.433-12.434c2.973-2.972 7.793-2.973 10.764 0 2.973 2.973 2.973 7.792.001 10.765l-12.433 12.434c-1.486 1.486-3.435 2.229-5.382 2.229z\",\n fill: \"#c76d3d\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#8e4d29\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m327.549 220.039c-1.948 0-3.896-.743-5.383-2.229l-27.976-27.977c-2.972-2.973-2.972-7.792.001-10.764 2.971-2.973 7.791-2.972 10.764 0l27.976 27.977c2.972 2.973 2.972 7.792-.001 10.764-1.485 1.486-3.433 2.229-5.381 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m354.409 193.179c-1.947 0-3.896-.743-5.383-2.229l-27.977-27.977c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l27.977 27.977c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m381.269 166.319c-1.948 0-3.896-.743-5.383-2.229l-27.976-27.977c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.973 10.765 0l27.976 27.977c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.435 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m402.505 140.765c-1.947 0-3.896-.743-5.383-2.229l-23.66-23.66c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l23.66 23.66c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m301.507 248.202c-1.947 0-3.896-.743-5.383-2.229l-30.136-30.135c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l30.136 30.135c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m274.404 275.305c-1.948 0-3.896-.743-5.383-2.229l-30.135-30.135c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.973 10.765 0l30.135 30.135c2.972 2.972 2.972 7.792 0 10.764-1.486 1.485-3.434 2.229-5.382 2.229z\"\n}));\n\nfunction SvgAcoustic(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512 512\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\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, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, _ref2, _ref3, _ref4, _ref5, _ref6, /*#__PURE__*/React.createElement(\"g\", {\n style: {\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 15,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeMiterlimit: 10\n }\n }, _ref7, _ref8), _ref9, _ref10), _ref11, _ref12));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgAcoustic);\nexport default __webpack_public_path__ + \"static/media/acoustic.228c867b.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgPiano(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M333.607,213.667H178.393v-36.874c0-2.274,1.844-4.118,4.118-4.118h146.978 c2.274,0,4.118,1.844,4.118,4.118L333.607,213.667L333.607,213.667z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M36.692,471H13.787c-2.209,0-4-1.791-4-4V290.976h30.905V467C40.692,469.209,38.901,471,36.692,471z \"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M498.213,471h-22.905c-2.209,0-4-1.791-4-4V290.976h30.905V467 C502.213,469.209,500.422,471,498.213,471z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#595959\"\n },\n d: \"M486.369,211.897c-2.829,0-5.537-1.608-6.807-4.343l-62.976-135.62 c-1.745-3.757-0.113-8.217,3.644-9.961c3.757-1.745,8.216-0.113,9.961,3.644l62.976,135.62c1.745,3.757,0.113,8.217-3.644,9.961 C488.501,211.672,487.426,211.897,486.369,211.897z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M466.315,66.994L31.175,211.101c-6.912,2.289-14.349-1.526-16.611-8.52l0,0 c-2.262-6.995,1.508-14.521,8.419-16.81L458.124,41.665c6.912-2.289,14.349,1.526,16.611,8.52l0,0 C476.997,57.18,473.227,64.705,466.315,66.994z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"rect\", {\n x: 240.55,\n y: 290.97,\n style: {\n fill: \"#595959\"\n },\n width: 30.905,\n height: 154.24\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#595959\"\n },\n d: \"M498.093,290.976H13.907v-91.555h480.185c2.209,0,4,1.791,4,4L498.093,290.976L498.093,290.976z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M498.093,290.976h-30.905v-91.555h26.905c2.209,0,4,1.791,4,4V290.976z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 13.907,\n y: 264.23,\n style: {\n fill: \"#FFDEA9\"\n },\n width: 484.19,\n height: 26.746\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 450.19,\n y: 264.23,\n style: {\n fill: \"#FFBF7B\"\n },\n width: 30.905,\n height: 26.746\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M271.453,437.21h-30.905v-23.421c0-8.528,6.913-15.442,15.442-15.442h0.022 c8.528,0,15.442,6.913,15.442,15.442L271.453,437.21L271.453,437.21z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M229.215,437.21H198.31v-23.421c0-8.528,6.913-15.442,15.442-15.442h0.022 c8.528,0,15.442,6.913,15.442,15.442v23.421H229.215z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M313.69,437.21h-30.905v-23.421c0-8.528,6.913-15.442,15.442-15.442h0.022 c8.528,0,15.442,6.913,15.442,15.442L313.69,437.21L313.69,437.21z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFDEA9\"\n },\n d: \"M274.543,243.312h-37.087c-4.142,0-7.5-3.358-7.5-7.5s3.358-7.5,7.5-7.5h37.087 c4.142,0,7.5,3.358,7.5,7.5S278.686,243.312,274.543,243.312z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M512,268.225v53.722c0,2.209-1.791,4-4,4H4c-2.209,0-4-1.791-4-4v-53.722c0-2.209,1.791-4,4-4h26.905 v26.746h450.189v-26.746H508C510.209,264.225,512,266.015,512,268.225z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M508,325.947h-26.905v-61.722H508c2.209,0,4,1.791,4,4v53.722 C512,324.156,510.209,325.947,508,325.947z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M325.025,455.955h-138.05c-2.274,0-4.118-1.844-4.118-4.118v-18.511 c0-2.274,1.844-4.118,4.118-4.118h138.05c2.274,0,4.118,1.844,4.118,4.118v18.511C329.143,454.112,327.299,455.955,325.025,455.955 z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPiano);\nexport default __webpack_public_path__ + \"static/media/piano.8d69366b.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m189.307 280.179-21.211-21.211c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l21.211 21.211c5.859 5.859 5.859 15.352 0 21.211-5.859 5.86-15.351 5.86-21.211 0z\",\n fill: \"#ffe14d\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m146.886 322.601-21.211-21.211c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l21.211 21.211c5.859 5.859 5.859 15.352 0 21.211-5.86 5.86-15.352 5.86-21.211 0z\",\n fill: \"#ffe14d\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m104.464 365.023-21.211-21.211c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l21.211 21.211c5.859 5.859 5.859 15.352 0 21.211-5.86 5.859-15.352 5.86-21.211 0z\",\n fill: \"#ffe14d\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m295.362 386.249-63.633-63.647c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l63.633 63.647c5.859 5.859 5.859 15.352 0 21.211s-15.351 5.859-21.211 0z\",\n fill: \"#E1A42C\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m252.94 428.671-63.633-63.647c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l63.633 63.647c5.859 5.859 5.859 15.352 0 21.211s-15.351 5.859-21.211 0z\",\n fill: \"#E1A42C\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m210.518 471.093-63.633-63.633c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l63.633 63.633c5.859 5.859 5.859 15.352 0 21.211s-15.351 5.859-21.211 0z\",\n fill: \"#E1A42C\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m136.28 481.698c-23.403-23.373-23.509-61.335 0-84.844l106.055-106.069c23.379-23.408 61.465-23.408 84.844 0 23.408 23.394 23.408 61.465 0 84.858l-106.055 106.055c-23.358 23.387-61.465 23.408-84.844 0zm127.266-169.702-106.055 106.069c-11.703 11.733-11.748 30.643 0 42.422 11.719 11.689 30.703 11.689 42.422 0l106.055-106.055c11.689-11.704 11.689-30.732 0-42.437-11.715-11.684-30.68-11.712-42.422.001z\",\n fill: \"#fb3\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Toy_Trumpet_2_\"\n}, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m316.595 258.914-212.1 212.1-51.6-3.413-12-60.189 212.1-212.098 63.078 3.077z\",\n fill: \"#FFBB33\"\n}))))), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m316.073 198.392-2.437-.119-261.44 261.628.699 7.699 51.6 3.414 212.1-212.1z\",\n fill: \"#E1A42C\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m104.495 471.014-36.599 36.487c-2.701 2.999-6.599 4.501-10.499 4.501s-7.8-1.501-10.501-4.501l-42.3-42.3c-3.001-2.701-4.501-6.601-4.501-10.501s1.5-7.8 4.501-10.499l36.299-36.789z\",\n fill: \"#ffe14d\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m510.695 190.511c-2.4 5.7-7.8 9.3-13.8 9.3-1.2 0-121.8.9-180.3 59.1l-63.6-63.6c58.2-58.5 59.1-179.1 59.1-180.3 0-6 3.6-11.4 9.3-13.8s12-1.2 16.2 3.3l84.9 84.9 84.9 84.9c4.5 4.2 5.7 10.5 3.3 16.2z\",\n fill: \"#ffe14d\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#fb3\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m46.895 507.501c2.701 2.999 6.601 4.501 10.501 4.501s7.798-1.501 10.499-4.501l36.599-36.487-31.8-31.802-46.95 47.138z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m510.695 190.511c-2.4 5.7-7.8 9.3-13.8 9.3-1.2 0-121.8.9-180.3 59.1l-31.8-31.8 137.7-137.7 84.9 84.9c4.5 4.2 5.7 10.5 3.3 16.2z\"\n})));\n\nfunction SvgTrumpet(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512.001 512.001\",\n height: 512,\n viewBox: \"0 0 512.001 512.001\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTrumpet);\nexport default __webpack_public_path__ + \"static/media/trumpet.cf957df6.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m261.976562 212.617188c-23.570312 23.429687-36.785156 55.320312-36.6875 88.558593v82.75c0 8.839844-7.164062 16-16 16-8.835937 0-16-7.160156-16-16v-303.277343c.605469-37.730469-25.289062-70.730469-62.078124-79.121094-42.058594-8.460938-83.019532 18.75-91.519532 60.800781l-2.5625 12.800781-15.632812-5.203125c-8.335938-2.785156-17.363282 1.683594-20.207032 10-2.785156 8.378907 1.738282 17.429688 10.113282 20.226563l32.832031 10.941406c4.359375 1.46875 9.136719.992188 13.121094-1.3125 3.980469-2.300781 6.777343-6.207031 7.679687-10.71875l4-20.015625c1.210938-6.109375 6.570313-10.507813 12.796875-10.511719 3.636719 0 7.105469 1.511719 9.582031 4.171875 2.472657 2.664063 3.726563 6.234375 3.460938 9.859375l-21.585938 292.847656c-2.664062 37.734376 11.640626 74.691407 39.007813 100.800782 25.199219 23.464844 58.5 36.265625 92.929687 35.710937h4.0625c70.691407 0 128-57.304687 128-128v-2.75c-.066406-24.746093 9.765626-48.488281 27.3125-65.9375zm0 0\",\n fill: \"#ffd740\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m209.289062 463.925781h-4.0625c-34.429687.554688-67.730468-12.246093-92.929687-35.710937-20.003906-19.136719-33.21875-44.285156-37.632813-71.617188l-1.375 18.816406c-2.664062 37.734376 11.640626 74.691407 39.007813 100.800782 25.199219 23.464844 58.5 36.265625 92.929687 35.710937h4.0625c70.691407 0 128-57.304687 128-128 0 0-16 80-128 80zm0 0\",\n fill: \"#ffc400\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m241.292969 191.929688c6.25-6.246094 16.378906-6.246094 22.628906 0l121.371094 121.375c6.25 6.25 6.25 16.378906 0 22.628906-6.246094 6.246094-16.378907 6.246094-22.625 0l-121.375-121.375c-6.246094-6.25-6.246094-16.378906 0-22.628906zm0 0\",\n fill: \"#E1A42C\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m129.289062 63.925781h32v32h-32zm0 0\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m129.289062 127.925781h32v32h-32zm0 0\"\n}));\n\nfunction SvgSaxophone(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"511pt\",\n viewBox: \"-61 0 511 511.94449\",\n width: \"511pt\",\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, _ref2, _ref3, _ref4, _ref5);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSaxophone);\nexport default __webpack_public_path__ + \"static/media/saxophone.fbbb3f39.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgFlute(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512.001 512.001\",\n style: {\n enableBackground: \"new 0 0 512.001 512.001\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B8C3DA\"\n },\n d: \"M33.872,510.822L1.179,478.128c-1.572-1.572-1.572-4.121,0-5.694L472.435,1.179 c1.572-1.572,4.121-1.572,5.694,0l32.693,32.693c1.572,1.572,1.572,4.121,0,5.694L39.565,510.822 C37.993,512.393,35.444,512.393,33.872,510.822z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#98A1B4\"\n },\n d: \"M483.89,6.94l8.608,8.608L15.549,492.498l18.323,18.323c1.572,1.572,4.121,1.572,5.694,0 L510.821,39.565c1.572-1.572,1.572-4.121,0-5.694L483.89,6.94z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 272.94,\n cy: 239.06,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 239.11,\n cy: 272.891,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 205.28,\n cy: 306.72,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 171.45,\n cy: 340.55,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 137.62,\n cy: 374.38,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 103.79,\n cy: 408.21,\n r: 7.5\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#98A1B4\"\n },\n d: \"M33.872,510.822L1.179,478.128c-1.572-1.572-1.572-4.121,0-5.694l25.943-25.943l38.386,38.386 L39.565,510.82C37.993,512.393,35.444,512.393,33.872,510.822z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#98A1B4\"\n },\n d: \"M435.985,127.806l-94.219,93.134c-1.574,1.556-4.11,1.549-5.676-0.015l-22.2-22.182l-23.377-23.349 c-1.58-1.578-1.574-4.142,0.015-5.712l94.219-93.134c1.574-1.556,4.11-1.549,5.676,0.015l23.413,23.395L436,122.094 C437.58,123.673,437.573,126.236,435.985,127.806z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#777F8E\"\n },\n d: \"M435.985,127.806l-94.219,93.134c-1.574,1.556-4.11,1.549-5.676-0.015l-22.2-22.182l0.021-0.01 l99.925-98.774L436,122.096C437.58,123.673,437.573,126.236,435.985,127.806z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 363.26,\n cy: 148.74,\n r: 12.96\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFlute);\nexport default __webpack_public_path__ + \"static/media/flute.d663e981.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgViolin(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B36144\"\n },\n d: \"M351.473,307.676c-8.309,26.625-30.295,47.982-65.369,63.479l-7.239,3.199l-6.719-4.169 c-3.139-1.89-14.008-6.969-21.716-4.979c-2.14,0.55-4.939,1.79-7.649,6.509c-9.948,17.287,8.119,35.444,8.898,36.204l6.839,6.599 l-3.099,8.938c-1.01,2.979-25.276,73.017-82.356,86.365c-6.209,1.45-12.518,2.18-18.917,2.18c-28.575,0-58.95-14.477-90.654-43.242 c-3.439-3.109-6.889-6.389-10.358-9.858c-0.17-0.16-0.33-0.32-0.5-0.49c-3.639-3.639-7.089-7.259-10.348-10.868 C8.013,409.628-5.505,373.384,2.084,339.62c12.888-57.41,82.296-82.855,85.245-83.905l9.128-3.269l6.729,6.979 c0.7,0.71,18.847,18.787,36.154,8.838c4.729-2.73,5.969-5.559,6.509-7.719c2-7.939-3.519-19.267-4.999-21.646l-4.159-6.729 l3.199-7.229c15.487-35.074,36.844-57.07,63.479-65.369c33.444-10.438,66.618,3.409,88.564,16.867l-7.849,12.788l19.367,19.357 l18.367,18.367l12.788-7.839C348.053,241.048,361.911,274.222,351.473,307.676z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#8D4D36\"\n },\n d: \"M351.473,307.676c-8.309,26.625-30.295,47.982-65.369,63.479l-7.239,3.199l-6.719-4.169 c-3.139-1.89-14.008-6.969-21.716-4.979c-2.14,0.55-4.939,1.79-7.649,6.509c-9.948,17.287,8.119,35.444,8.898,36.204l6.839,6.599 l-3.099,8.938c-1.01,2.979-25.276,73.017-82.356,86.365c-6.209,1.45-12.518,2.18-18.917,2.18c-28.575,0-58.95-14.477-90.654-43.242 c-3.439-3.109-6.889-6.389-10.358-9.858l250.316-250.316l18.367,18.367l12.788-7.839 C348.053,241.048,361.911,274.222,351.473,307.676z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#57555C\"\n },\n d: \"M175.314,356.937l11.488,11.488l-21.206,21.216l-11.488-11.498l-90.614,90.614 c-3.439-3.109-6.889-6.389-10.358-9.858c-0.17-0.16-0.33-0.32-0.5-0.49c-3.639-3.639-7.089-7.259-10.348-10.868l90.604-90.604 l-11.488-11.488l21.206-21.206l11.498,11.488l78.986-78.996l11.108,11.098l10.108,10.108L175.314,356.937z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#2A2A2C\"\n },\n d: \"M254.31,277.941l-78.996,78.996l11.488,11.488l-21.206,21.216l-11.488-11.498l-90.614,90.614 c-3.439-3.109-6.889-6.389-10.358-9.858l191.066-191.066L254.31,277.941z\"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#F5C28E\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 267.147,293.058 242.862,269.173 218.107,244.817 397.594,68.248 412.672,53.411 466.972,0 489.708,22.326 \"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#B36144\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 421.17,90.864 397.594,68.248 412.672,53.411 466.972,0 489.708,22.326 \"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#CFA478\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 267.147,293.058 242.862,269.173 489.708,22.326 \"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#8D4D36\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 421.17,90.864 489.708,22.326 \"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgViolin);\nexport default __webpack_public_path__ + \"static/media/violin.b603a4e1.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgDj(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FD6F71\"\n },\n d: \"M470.847,0H41.153C18.425,0,0,18.425,0,41.153v429.695C0,493.575,18.425,512,41.153,512h429.695 C493.575,512,512,493.575,512,470.847V41.153C512,18.425,493.575,0,470.847,0z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E36465\"\n },\n d: \"M225.061,465.197c-115.352,0-209.197-93.845-209.197-209.197S109.709,46.803,225.061,46.803 S434.256,140.649,434.256,256S340.412,465.197,225.061,465.197z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#EFEDEE\"\n },\n cx: 372.019,\n cy: 109.034,\n r: 68.023\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 225.064,\n cy: 256,\n r: 183.444\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#485877\"\n },\n cx: 225.064,\n cy: 256,\n r: 148.058\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 225.064,\n cy: 256,\n r: 77.398\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#485877\"\n },\n cx: 225.064,\n cy: 256,\n r: 36.96\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B8B8B8\"\n },\n d: \"M225.061,271.47c-3.959,0-7.918-1.51-10.938-4.531c-6.041-6.041-6.041-15.836,0-21.877 L361.085,98.098c6.041-6.042,15.836-6.042,21.877,0c6.042,6.041,6.042,15.836,0,21.877L235.999,266.938 C232.979,269.959,229.02,271.47,225.061,271.47z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#EFEDEE\"\n },\n d: \"M460.524,275.595h-12.213c-5.428,0-9.828,4.4-9.828,9.828v175.595c0,5.428,4.4,9.828,9.828,9.828 h12.213c5.428,0,9.828-4.4,9.828-9.828V285.423C470.352,279.995,465.952,275.595,460.524,275.595z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 438.486,\n y: 330.544,\n style: {\n fill: \"#B8B8B8\"\n },\n width: 31.87,\n height: 45.316\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#334060\"\n },\n d: \"M473.258,320.246h-37.681c-5.819,0-10.538,4.718-10.538,10.538v3.638 c0,5.819,4.718,10.538,10.538,10.538h37.681c5.819,0,10.538-4.718,10.538-10.538v-3.638 C483.796,324.964,479.077,320.246,473.258,320.246z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 51.561,\n cy: 51.561,\n r: 17.764\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 51.561,\n cy: 460.429,\n r: 17.764\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDj);\nexport default __webpack_public_path__ + \"static/media/dj.30b92327.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgStage(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 480 480\",\n style: {\n enableBackground: \"new 0 0 480 480\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFF89B\"\n },\n d: \"M306.104,271.212L264,159.932h-48l-12.976,36.936l4.976,3.064l-16,168l-32.608-46.88L112,455.932h264 l-31.28-82.672L272,319.932L306.104,271.212z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF41\"\n },\n d: \"M208,199.932l-4.976-3.064l-43.632,124.184L192,367.932L208,199.932z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFF89B\"\n },\n d: \"M306.104,271.212L344.72,373.26L392,407.932L448.904,180.3l-64.408-22.024L306.104,271.212z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFF89B\"\n },\n d: \"M203.024,196.868l-100.6-60.296l-40.936,42.864l97.904,141.616L203.024,196.868z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF41\"\n },\n d: \"M272,319.932l72.72,53.328l-38.616-102.048L272,319.932z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#5A6570\"\n },\n d: \"M472,47.932h-28.688l24-24H472c4.418,0,8-3.582,8-8s-3.582-8-8-8H8c-4.418,0-8,3.582-8,8s3.582,8,8,8 h36.688l-24,24H8c-4.418,0-8,3.582-8,8s3.582,8,8,8h23.944l-0.36,47.936c-0.035,4.418,3.517,8.028,7.936,8.064 c0.003,0,0.006,0,0.008,0h0.056c4.393,0,7.965-3.543,8-7.936l0.36-48.064H232v32c0,4.418,3.582,8,8,8s8-3.582,8-8v-32h192v56 c0,4.418,3.582,8,8,8s8-3.582,8-8v-56h16c4.418,0,8-3.582,8-8S476.418,47.932,472,47.932z M203.312,47.932L224,27.244l20.688,20.688 H203.312z M43.312,47.932L64,27.244l20.688,20.688H43.312z M164.688,47.932h-41.376L144,27.244L164.688,47.932z M163.312,23.932 h41.376L184,44.62L163.312,23.932z M243.312,23.932h41.376L264,44.62L243.312,23.932z M304,27.244l20.688,20.688h-41.376L304,27.244 z M323.312,23.932h41.376L344,44.62L323.312,23.932z M384,27.244l20.688,20.688h-41.376L384,27.244z M424,44.62l-20.688-20.688 h41.376L424,44.62z M124.688,23.932L104,44.62L83.312,23.932H124.688z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#364E5E\"\n },\n d: \"M280,159.932v-45.144c0-14.832-12.024-26.856-26.856-26.856h-26.288 c-14.832,0-26.856,12.024-26.856,26.856l0,0v45.144H280z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#364E5E\"\n },\n d: \"M453.824,105.892l-24.872-8.504c-14.029-4.8-29.293,2.682-34.093,16.712 c-0.001,0.003-0.002,0.005-0.003,0.008L380.24,156.82l4.256,1.456l64.408,22.024l7.032,2.4l14.608-42.712 c4.8-14.029-2.682-29.293-16.712-34.093C453.829,105.894,453.827,105.893,453.824,105.892L453.824,105.892z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#364E5E\"\n },\n d: \"M79.352,95.364c-10.728-10.241-27.726-9.847-37.968,0.88L23.2,115.252 c-10.241,10.728-9.847,27.726,0.88,37.968l32.64,31.2l4.744-4.96l40.936-42.888l9.6-10.024L79.352,95.364z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStage);\nexport default __webpack_public_path__ + \"static/media/stage.af032357.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m210.351562 246.632812c33.882813 0 63.222657-12.152343 87.195313-36.128906 23.972656-23.972656 36.125-53.304687 36.125-87.191406 0-33.875-12.152344-63.210938-36.128906-87.191406-23.976563-23.96875-53.3125-36.121094-87.191407-36.121094-33.886718 0-63.21875 12.152344-87.191406 36.125s-36.128906 53.308594-36.128906 87.1875c0 33.886719 12.15625 63.222656 36.132812 87.195312 23.976563 23.96875 53.3125 36.125 87.1875 36.125zm0 0\",\n fill: \"#C3C3C3\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m426.128906 393.703125c-.691406-9.976563-2.089844-20.859375-4.148437-32.351563-2.078125-11.578124-4.753907-22.523437-7.957031-32.527343-3.308594-10.339844-7.808594-20.550781-13.371094-30.335938-5.773438-10.15625-12.554688-19-20.164063-26.277343-7.957031-7.613282-17.699219-13.734376-28.964843-18.199219-11.226563-4.441407-23.667969-6.691407-36.976563-6.691407-5.226563 0-10.28125 2.144532-20.042969 8.5-6.007812 3.917969-13.035156 8.449219-20.878906 13.460938-6.707031 4.273438-15.792969 8.277344-27.015625 11.902344-10.949219 3.542968-22.066406 5.339844-33.039063 5.339844-10.972656 0-22.085937-1.796876-33.046874-5.339844-11.210938-3.621094-20.296876-7.625-26.996094-11.898438-7.769532-4.964844-14.800782-9.496094-20.898438-13.46875-9.75-6.355468-14.808594-8.5-20.035156-8.5-13.3125 0-25.75 2.253906-36.972656 6.699219-11.257813 4.457031-21.003906 10.578125-28.96875 18.199219-7.605469 7.28125-14.390625 16.121094-20.15625 26.273437-5.558594 9.785157-10.058594 19.992188-13.371094 30.339844-3.199219 10.003906-5.875 20.945313-7.953125 32.523437-2.058594 11.476563-3.457031 22.363282-4.148437 32.363282-.679688 9.796875-1.023438 19.964844-1.023438 30.234375 0 26.726562 8.496094 48.363281 25.25 64.320312 16.546875 15.746094 38.441406 23.734375 65.066406 23.734375h246.53125c26.625 0 48.511719-7.984375 65.0625-23.734375 16.757813-15.945312 25.253906-37.585937 25.253906-64.324219-.003906-10.316406-.351562-20.492187-1.035156-30.242187zm0 0\",\n fill: \"#C3C3C3\"\n});\n\nfunction SvgUser(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"-62 -20 552 552\",\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, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgUser);\nexport default __webpack_public_path__ + \"static/media/user.cb693109.svg\";\nexport { ForwardRef as ReactComponent };","import React, {ReactElement} from \"react\";\r\nimport \"./style.css\";\r\n\r\nimport {ReactComponent as Drums} from \"./drums.svg\";\r\nimport {ReactComponent as Bongos} from \"./bongos.svg\";\r\nimport {ReactComponent as Bass} from \"./bass.svg\";\r\nimport {ReactComponent as Electric} from \"./electric.svg\";\r\nimport {ReactComponent as Acoustic} from \"./acoustic.svg\";\r\nimport {ReactComponent as Keyboard} from \"./keyboard.svg\";\r\nimport {ReactComponent as Piano} from \"./piano.svg\";\r\nimport {ReactComponent as Trumpet} from \"./trumpet.svg\";\r\nimport {ReactComponent as Saxophone} from \"./saxophone.svg\";\r\nimport {ReactComponent as Flute} from \"./flute.svg\";\r\nimport {ReactComponent as Violin} from \"./violin.svg\";\r\nimport {ReactComponent as DJ} from \"./dj.svg\";\r\nimport {ReactComponent as Vocal} from \"./vocal.svg\";\r\nimport {ReactComponent as Stage} from \"./stage.svg\";\r\nimport {ReactComponent as Private} from \"./user.svg\";\r\n\r\ninterface ProfileProps {\r\n icon: string\r\n}\r\n\r\nconst iconMap: {[index: string]: ReactElement} = {\r\n \"0\": \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(Member);\r\n","import React from \"react\";\r\n\r\nimport {TransitionGroup, CSSTransition} from \"react-transition-group\";\r\n\r\nimport {MemberType} from \"../../../common/classes/Member\";\r\nimport Member from \"./Member\";\r\n\r\ninterface MemberListProps {\r\n members: MemberType[]\r\n}\r\n\r\nfunction MemberList({members}: MemberListProps) {\r\n return (\r\n {nickname}
\r\n {type === \"general\" ? \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(MemberList);\r\n","export class ModalClass {\r\n public static readonly PASSWORD = 'modal/class/PASSWORD';\r\n public static readonly SHARE = 'modal/class/SHARE';\r\n}\r\nexport type ModalClassType = typeof ModalClass[keyof typeof ModalClass] | null;\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M488.727,0H302.545c-12.853,0-23.273,10.42-23.273,23.273c0,12.853,10.42,23.273,23.273,23.273h129.997L192.999,286.09 c-9.089,9.089-9.089,23.823,0,32.912c4.543,4.544,10.499,6.816,16.455,6.816c5.956,0,11.913-2.271,16.457-6.817L465.455,79.458 v129.997c0,12.853,10.42,23.273,23.273,23.273c12.853,0,23.273-10.42,23.273-23.273V23.273C512,10.42,501.58,0,488.727,0z\"\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M395.636,232.727c-12.853,0-23.273,10.42-23.273,23.273v209.455H46.545V139.636H256c12.853,0,23.273-10.42,23.273-23.273 S268.853,93.091,256,93.091H23.273C10.42,93.091,0,103.511,0,116.364v372.364C0,501.58,10.42,512,23.273,512h372.364 c12.853,0,23.273-10.42,23.273-23.273V256C418.909,243.147,408.489,232.727,395.636,232.727z\"\n})));\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref18 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgShare(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n width: \"0.9rem\",\n height: \"0.9rem\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgShare);\nexport default __webpack_public_path__ + \"static/media/share.50d71508.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m413.417969 360.8125c-32.253907-27.265625-50.75-67.117188-50.75-109.335938v-59.476562c0-75.070312-55.765625-137.214844-128-147.625v-23.042969c0-11.796875-9.558594-21.332031-21.335938-21.332031-11.773437 0-21.332031 9.535156-21.332031 21.332031v23.042969c-72.257812 10.410156-128 72.554688-128 147.625v59.476562c0 42.21875-18.496094 82.070313-50.945312 109.503907-8.296876 7.105469-13.054688 17.429687-13.054688 28.351562 0 20.589844 16.746094 37.335938 37.332031 37.335938h352c20.589844 0 37.335938-16.746094 37.335938-37.335938 0-10.921875-4.757813-21.246093-13.25-28.519531zm0 0\",\n fill: \"#FFFFFF\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m213.332031 512c38.636719 0 70.957031-27.542969 78.378907-64h-156.757813c7.425781 36.457031 39.746094 64 78.378906 64zm0 0\",\n fill: \"#FFFFFF\"\n});\n\nfunction SvgNotification(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"1rem\",\n viewBox: \"-43 0 512 512\",\n width: \"1rem\",\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, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgNotification);\nexport default __webpack_public_path__ + \"static/media/notification.893e8e34.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\n\r\nimport {Status, StatusType} from \"../../../common/classes/properties\";\r\n\r\nimport {joinRoom} from \"../../../common/util/joinRoom\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {openModal} from \"../../../modules/modal\";\r\nimport {ModalClass} from \"../../../modules/modal/modalClass\";\r\n\r\nimport {ReactComponent as Share} from \"../../../resource/img/icon/share.svg\";\r\nimport {ReactComponent as Notification} from \"../../../resource/img/icon/notification.svg\";\r\n\r\ninterface ButtonsProps {\r\n name: string,\r\n status: StatusType,\r\n isFull: boolean\r\n}\r\n\r\nfunction Buttons({name, status, isFull}: ButtonsProps) {\r\n const dispatch = useDispatch();\r\n const join = (status === Status.PUBLIC)\r\n ? (temp: boolean) => {\r\n joinRoom(name, '', temp);\r\n }\r\n : (temp: boolean) => {\r\n dispatch(openModal({\r\n modalClass: ModalClass.PASSWORD,\r\n roomName: name,\r\n temp\r\n }))\r\n };\r\n const share = () => {dispatch(\r\n openModal({\r\n modalClass: ModalClass.SHARE,\r\n roomName: name,\r\n status\r\n })\r\n )};\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {members.map((member, index) => {\r\n const key = (member.type === \"private\")\r\n ? index\r\n : member.nickname + member.icon;\r\n return (\r\n \r\n \r\n \r\n )\r\n })}\r\n \r\n
\r\n \r\n \r\n {\r\n isFull\r\n ?
\r\n )\r\n}\r\n\r\nexport default React.memo(Buttons);","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgKorea(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5F5F5\"\n },\n d: \"M473.655,88.275H38.345C17.167,88.275,0,105.442,0,126.62V385.38 c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.62 C512,105.442,494.833,88.275,473.655,88.275z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FF4B55\"\n },\n d: \"M305.009,182.531c-40.563-27.042-95.35-15.986-122.374,24.506 c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252c13.521-20.281,40.914-25.704,61.178-12.254 c20.298,13.521,25.757,40.984,12.217,61.195C356.468,264.362,345.537,209.574,305.009,182.531\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#41479B\"\n },\n d: \"M182.634,207.038c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252 c13.521-20.281,40.914-25.704,61.178-12.254c20.298,13.521,25.757,40.984,12.217,61.195 c-27.006,40.632-81.775,51.549-122.338,24.507C166.561,302.39,155.593,247.602,182.634,207.038\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M349.92,149.189l16.035,24.102c1.347,2.025,0.802,4.759-1.219,6.112l-4.066,2.723 c-2.029,1.358-4.775,0.812-6.129-1.22l-16.055-24.096c-1.351-2.027-0.803-4.766,1.223-6.119l4.086-2.728 C345.825,146.608,348.568,147.158,349.92,149.189z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M374.66,186.35l16.087,24.087c1.358,2.034,0.804,4.786-1.237,6.134l-4.084,2.699 c-2.026,1.34-4.754,0.789-6.103-1.23l-16.078-24.062c-1.354-2.026-0.81-4.767,1.217-6.122l4.075-2.724 C370.563,183.777,373.305,184.322,374.66,186.35z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M367.089,137.731l40.829,61.273c1.352,2.028,0.803,4.768-1.225,6.12l-4.102,2.734 c-2.028,1.352-4.769,0.804-6.121-1.224l-40.843-61.269c-1.353-2.029-0.803-4.771,1.227-6.123l4.115-2.739 C362.998,135.156,365.737,135.703,367.089,137.731z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M384.211,126.291l16.07,24.149c1.354,2.034,0.798,4.78-1.241,6.127l-4.087,2.7 c-2.028,1.34-4.757,0.789-6.105-1.234l-16.082-24.117c-1.353-2.028-0.804-4.769,1.224-6.122l4.099-2.732 C380.117,123.71,382.859,124.259,384.211,126.291z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M408.967,163.531l16.045,24.099c1.35,2.026,0.803,4.762-1.22,6.115l-4.075,2.724 c-2.029,1.356-4.775,0.809-6.127-1.223l-16.045-24.099c-1.349-2.026-0.803-4.762,1.22-6.115l4.075-2.724 C404.87,160.951,407.614,161.497,408.967,163.531z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M132.721,293.982l40.824,61.207c1.352,2.027,0.806,4.767-1.222,6.12l-4.088,2.73 c-2.028,1.354-4.769,0.807-6.123-1.222l-40.824-61.207c-1.353-2.027-0.806-4.767,1.222-6.12l4.089-2.73 C128.626,291.406,131.368,291.953,132.721,293.982z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M115.582,305.43l16.028,24.041c1.351,2.026,0.806,4.761-1.217,6.116l-4.066,2.722 c-2.027,1.357-4.771,0.812-6.126-1.217l-16.047-24.035c-1.354-2.027-0.808-4.768,1.22-6.122l4.086-2.728 C111.487,302.854,114.229,303.401,115.582,305.43z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M140.351,342.604l16.046,24.102c1.35,2.026,0.803,4.763-1.222,6.115l-4.078,2.727 c-2.029,1.356-4.772,0.809-6.126-1.222l-16.056-24.097c-1.351-2.027-0.804-4.766,1.222-6.118l4.088-2.73 C136.255,340.024,138.998,340.573,140.351,342.604z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M98.442,316.875l40.798,61.21c1.351,2.026,0.804,4.764-1.219,6.118l-4.077,2.726 c-2.028,1.356-4.771,0.809-6.125-1.22l-40.822-61.202c-1.353-2.028-0.804-4.769,1.224-6.122l4.102-2.734 C94.349,314.299,97.09,314.847,98.442,316.875z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M121.294,210.441l40.818-61.257c1.353-2.03,4.095-2.578,6.124-1.224l4.087,2.729 c2.027,1.353,2.573,4.093,1.222,6.12l-40.834,61.223c-1.35,2.023-4.081,2.573-6.108,1.231l-4.071-2.695 C120.494,215.22,119.94,212.473,121.294,210.441z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M104.147,199.008l40.825-61.269c1.353-2.03,4.097-2.578,6.126-1.222l4.077,2.726 c2.024,1.353,2.57,4.09,1.22,6.116l-40.814,61.272c-1.353,2.03-4.095,2.579-6.124,1.224l-4.088-2.729 C103.343,203.774,102.796,201.035,104.147,199.008z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M86.99,187.624l40.829-61.33c1.353-2.031,4.098-2.58,6.127-1.224l4.077,2.726 c2.023,1.353,2.57,4.087,1.222,6.114l-40.804,61.339c-1.351,2.03-4.094,2.581-6.123,1.228l-4.1-2.734 C86.189,192.391,85.641,189.652,86.99,187.624z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M338.493,355.188l16.047-24.035c1.355-2.029,4.099-2.574,6.126-1.217l4.066,2.722 c2.023,1.354,2.567,4.09,1.216,6.116l-16.028,24.04c-1.353,2.029-4.095,2.577-6.123,1.223l-4.086-2.728 C337.685,359.956,337.139,357.216,338.493,355.188z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M363.243,318.141l16.073-24.154c1.351-2.03,4.094-2.58,6.123-1.227l4.096,2.73 c2.029,1.353,2.577,4.096,1.223,6.124l-16.107,24.116c-1.351,2.022-4.082,2.571-6.109,1.227l-4.062-2.692 C362.445,322.915,361.891,320.172,363.243,318.141z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M355.626,366.698l16.057-24.098c1.352-2.029,4.093-2.578,6.122-1.225l4.104,2.737 c2.027,1.352,2.575,4.09,1.225,6.119l-16.047,24.1c-1.351,2.029-4.09,2.579-6.12,1.228l-4.115-2.739 C354.824,371.469,354.274,368.727,355.626,366.698z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M380.403,329.463l16.066-24.042c1.354-2.025,4.092-2.571,6.119-1.22l4.102,2.734 c2.03,1.353,2.577,4.096,1.221,6.125l-16.066,24.043c-1.353,2.025-4.092,2.571-6.118,1.22l-4.103-2.734 C379.594,334.235,379.047,331.492,380.403,329.463z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M372.771,378.081l16.075-24.056c1.35-2.019,4.077-2.569,6.103-1.23l4.086,2.7 c2.04,1.348,2.595,4.097,1.239,6.131l-16.063,24.088c-1.352,2.028-4.093,2.575-6.121,1.224l-4.098-2.732 C371.962,382.852,371.415,380.109,372.771,378.081z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M397.554,340.969l16.035-24.085c1.353-2.031,4.098-2.58,6.127-1.223l4.072,2.722 c2.025,1.354,2.57,4.093,1.218,6.119l-16.049,24.053c-1.349,2.024-4.083,2.573-6.11,1.229l-4.06-2.69 C396.754,345.745,396.201,343,397.554,340.969z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgKorea);\nexport default __webpack_public_path__ + \"static/media/korea.439c2b81.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgJapan(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5F5F5\"\n },\n d: \"M473.655,88.275H38.345C17.167,88.275,0,105.442,0,126.62V385.38 c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.62 C512,105.442,494.833,88.275,473.655,88.275z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#FF4B55\"\n },\n cx: 256,\n cy: 255.999,\n r: 97.1\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgJapan);\nexport default __webpack_public_path__ + \"static/media/japan.b877c339.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 203,\n y: 357,\n width: 1760,\n height: 1760\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 621,\n y: 775,\n width: 924,\n height: 925\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip2o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 621,\n y: 775,\n width: 924,\n height: 925\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip3o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 621,\n y: 775,\n width: 924,\n height: 925\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0o)\",\n transform: \"translate(-203 -357)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1831.19 660.445 334.811 660.445C262.012 660.445 203 719.457 203 792.256L203 1681.74C203 1754.54 262.012 1813.55 334.811 1813.55L1831.19 1813.55C1903.99 1813.55 1963 1754.54 1963 1681.74L1963 792.256C1963 719.457 1903.99 660.445 1831.19 660.445Z\",\n fill: \"#F5F5F5\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1o)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip2o)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip3o)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M495.227 552.161C492.182 548.488 487.648 546.37 482.877 546.37L288.47 546.37C283.699 546.37 279.164 548.488 276.12 552.161 273.06 555.834 271.803 560.667 272.667 565.358 295.768 690.495 340.132 771.347 385.673 771.347 431.214 771.347 475.579 690.495 498.679 565.359 499.542 560.667 498.287 555.834 495.227 552.161Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M753.017 268.289C750.898 261.634 744.716 257.115 737.716 257.115L556.76 257.115C552.225 257.115 547.894 259.029 544.849 262.402 541.79 265.777 540.315 270.28 540.77 274.8 544.489 311.71 546.373 349.028 546.373 385.672 546.373 422.315 544.489 459.634 540.77 496.544 540.315 501.063 541.79 505.568 544.849 508.941 547.894 512.316 552.225 514.229 556.76 514.229L737.718 514.229C744.717 514.229 750.9 509.71 753.018 503.055 765.179 464.97 771.347 425.487 771.347 385.673 771.347 345.86 765.179 306.377 753.017 268.289Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M532.247 211.575C533.55 219.311 540.252 224.977 548.098 224.977L710.302 224.977C715.966 224.977 721.224 221.979 724.127 217.115 727.015 212.233 727.125 206.192 724.411 201.218 676.168 112.817 593.294 45.4793 497 16.4785 490.801 14.5637 483.975 16.6819 479.848 21.783 475.752 26.8992 475.156 33.9769 478.342 39.6882 501.755 81.6513 520.398 141.081 532.247 211.575Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M492.214 257.116 279.133 257.116C270.925 257.116 264.036 263.299 263.157 271.46 259.156 308.558 257.116 346.99 257.116 385.675 257.116 424.36 259.156 462.791 263.157 499.89 264.036 508.051 270.925 514.234 279.133 514.234L492.214 514.234C500.422 514.234 507.311 508.051 508.189 499.89 512.191 462.791 514.231 424.36 514.231 385.675 514.231 346.99 512.191 308.558 508.189 271.46 507.311 263.299 500.422 257.116 492.214 257.116Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.0464 224.976 223.251 224.976C231.097 224.976 237.798 219.311 239.101 211.573 250.95 141.08 269.593 81.6498 293.006 39.6867 296.193 33.9739 295.596 26.8962 291.5 21.7815 287.388 16.6969 280.592 14.5471 274.348 16.477 178.055 45.4793 95.1785 112.817 46.9377 201.218 44.2229 206.192 44.3328 212.235 47.2209 217.115 50.124 221.979 55.3803 224.976 61.0464 224.976Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M226.499 508.943C229.559 505.568 231.033 501.065 230.578 496.545 226.859 459.635 224.976 422.317 224.976 385.673 224.976 349.03 226.859 311.711 230.578 274.801 231.033 270.282 229.559 265.777 226.499 262.404 223.454 259.029 219.123 257.116 214.588 257.116L33.6304 257.116C26.631 257.116 20.4482 261.636 18.33 268.29 6.16776 306.377 0 345.86 0 385.673 0 425.487 6.16776 464.97 18.33 503.058 20.4482 509.713 26.631 514.232 33.6304 514.232L214.588 514.232C219.123 514.231 223.454 512.317 226.499 508.943Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M239.099 559.773C237.796 552.037 231.095 546.371 223.249 546.371L61.0464 546.371C55.3818 546.371 50.124 549.369 47.2209 554.234 44.3328 559.115 44.2229 565.156 46.9377 570.131 95.1785 658.53 178.053 725.869 274.346 754.87 275.868 755.341 277.423 755.56 278.976 755.56 283.762 755.56 288.392 753.41 291.5 749.565 295.596 744.449 296.193 737.371 293.006 731.66 269.592 689.695 250.948 630.266 239.099 559.773Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M710.3 546.371 548.098 546.371C540.252 546.371 533.55 552.036 532.247 559.773 520.398 630.267 501.755 689.697 478.342 731.66 475.156 737.373 475.752 744.451 479.848 749.565 482.956 753.41 487.585 755.56 492.372 755.56 493.91 755.56 495.48 755.34 497.002 754.87 593.295 725.869 676.17 658.53 724.411 570.131 727.125 565.156 727.015 559.113 724.127 554.234 721.223 549.368 715.966 546.371 710.3 546.371Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M276.12 219.186C279.164 222.859 283.699 224.977 288.47 224.977L482.877 224.977C487.648 224.977 492.182 222.859 495.227 219.186 498.287 215.513 499.543 210.68 498.68 205.989 475.579 80.8513 431.214 0 385.673 0 340.132 0 295.768 80.8513 272.668 205.987 271.805 210.68 273.06 215.513 276.12 219.186Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n})))));\n\nfunction SvgOther(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1760,\n height: 1760,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"0 0 1760 1760\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgOther);\nexport default __webpack_public_path__ + \"static/media/other.b220b71b.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport {Country, CountryType} from \"../../../../common/classes/properties\";\r\n\r\nimport {ReactComponent as KoreaFlag} from \"./korea.svg\";\r\nimport {ReactComponent as JapanFlag} from \"./japan.svg\";\r\nimport {ReactComponent as OtherFlag} from \"./other.svg\";\r\n\r\ninterface FlagProps {\r\n country: CountryType\r\n}\r\n\r\nfunction Flag({country}: FlagProps) {\r\n const style = {height: \"2rem\", width: \"2rem\"}\r\n switch (country) {\r\n case Country.KOREA:\r\n return \r\n \r\n
\r\n : \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {room.desc ? room.desc.trim() : \"방 설명이 없습니다.\"}\r\n
\r\n \r\n \r\n {rooms.map(room => (\r\n \r\n \r\n ))}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(RoomGrid);\r\n","import {useEffect, useState} from \"react\";\r\nimport {remToPx} from \"./unitConversion\";\r\n\r\ntype props = {\r\n itemWidth: number // in rem unit\r\n gridWidth: number //in percentage unit\r\n}\r\n\r\nexport function useResponsiveCols({itemWidth, gridWidth}: props) {\r\n const [columns, setColumns] = useState\r\n
\r\n SYNCROOM KOREA WEBSITE
\r\n WEB DEVELOPMENT : 늅늅이 | WEB DESIGN : 파나
\r\n © 2021. 늅늅이, 파나 all rights reserved.
\r\n CONTACT US : kr.syncroom@gmail.com
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Footer;\r\n","// entry point : src\\\r\n//\r\n\r\nimport React, {useState} from \"react\";\r\nimport \"./BetaNotiModal.css\";\r\n\r\nconst TEST_VERSION = document.URL === \"https://syncroomkr.github.io/\"\r\n ? \"ALPHA\"\r\n : \"BETA\";\r\n\r\nfunction BetaNotiModal() {\r\n const [open, setOpen] = useState\r\n SYNCROOM KOREA WEBSITE
\r\n WEB DEVELOPMENT : 늅늅이 | WEB DESIGN : 파나
\r\n © 2021. 늅늅이, 파나 all rights reserved.
\r\n CONTACT US : kr.syncroom@gmail.com
\r\n
\r\n
\r\n ();\r\n useEffect(() => {\r\n const getRooms = () => {\r\n dispatch(getRoomsThunk());\r\n timer.current = setTimeout(getRooms, 5000);\r\n };\r\n getRooms();\r\n return () => {\r\n const handle = timer.current as unknown as number;\r\n clearTimeout(handle);\r\n };\r\n }, [dispatch]);\r\n\r\n const visibleData = useMemo(() => rooms.filter(\r\n roomFilter(search, country, inst, status)\r\n ), [rooms, search, country, inst, status]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n\r\n {/*temp*/}\r\n ) => {\r\n const {\r\n currentTarget: { value }\r\n } = e;\r\n setValue(value);\r\n };\r\n\r\n return {input: {value, onChange}, setValue};\r\n}\r\n\r\nexport default useInput;","import React from \"react\";\r\nimport \"./Join.scss\";\r\nimport {Link} from \"react-router-dom\"\r\n\r\nimport {decodeShareLink} from \"../../common/util/shareLink\";\r\nimport {joinRoom} from \"../../common/util/joinRoom\";\r\n\r\nimport {ReactComponent as SyncroomLogo} from \"../../resource/img/logo/syncroom.svg\";\r\nimport {ReactComponent as Lock} from \"../../resource/img/icon/lock.svg\";\r\nimport {ReactComponent as Return} from \"../../resource/img/icon/return.svg\";\r\n\r\nimport useInput from \"../../common/hooks/useInput\";\r\n\r\ninterface JoinProps {\r\n location: JoinInfoProps;\r\n}\r\ninterface JoinInfoProps {\r\n search: string;\r\n}\r\n\r\nfunction Join({location: {search}}: JoinProps) {\r\n return (\r\n \r\n \r\n {children}\r\n
\r\n ) : null\r\n );\r\n}\r\n\r\nexport default React.memo(ModalRoute);\r\n","import React, {useCallback} from \"react\";\r\nimport \"./PasswordModal.scss\";\r\n\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {closeModal} from \"../../../modules/modal\";\r\nimport {joinRoom} from \"../../../common/util/joinRoom\";\r\nimport useInput from \"../../../common/hooks/useInput\";\r\n\r\nimport {ReactComponent as Lock} from \"../../../resource/img/icon/lock.svg\";\r\n\r\nfunction PasswordModal() {\r\n const {roomName, temp} = useSelector((state: RootState) => state.modal);\r\n const dispatch = useDispatch();\r\n const {input: password} = useInput('');\r\n\r\n const onClick = useCallback(() => {\r\n joinRoom(roomName, password.value, temp);\r\n dispatch(closeModal());\r\n }, [dispatch, password.value, roomName, temp]);\r\n\r\n const onKeyPress = useCallback((e) => {\r\n if (e.key === 'Enter') onClick()\r\n }, [onClick]);\r\n\r\n return (\r\n setOpen(false)}/>\r\n
\r\n : <>\r\n );\r\n}\r\n\r\nexport default BetaNotiModal;\r\n","import React, {useEffect, useMemo, useRef} from 'react';\r\n\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../modules\";\r\n\r\nimport Header from \"../../components/browser/Header/\";\r\nimport RoomGrid from \"../../components/browser/RoomGrid\";\r\nimport Footer from \"../../components/browser/Footer\";\r\n\r\nimport {getRoomsThunk} from \"../../modules/syncroom\";\r\n\r\nimport {roomFilter} from \"../../common/util/roomFilter\";\r\n\r\n// temp\r\nimport BetaNotiModal from \"../../components/temp/BetaNotiModal\";\r\n\r\nfunction Home() {\r\n const rooms = useSelector((state: RootState) => state.syncroom.rooms);\r\n const {search, country, inst, status} = useSelector(\r\n (state: RootState) => state.filter);\r\n\r\n const dispatch = useDispatch();\r\n const timer = useRef\r\n
\r\n
\r\n SYNCROOM KOREA {TEST_VERSION} TEST에 오신 것을 환영합니다!
\r\n Syncroom Korea는 한국 사용자들이 더 편하게 싱크룸 방 입장 페이지를 이용할 수 있도록 만들어진 웹사이트입니다.\r\n \r\n
* {TEST_VERSION} 버전이라 구현되지 않은 기능 및 일부 버그가 존재합니다!!
\r\n \r\n
\r\n 미구현 기능 / 발견된 버그
\r\n - \r\n
- 알림 기능은 아직 구현되지 않음 \r\n
- 설정 사이드바에 기능들이 추가되지 않음 \r\n
- IOS Safari 14.0 이하의 버전에서 레아아웃 깨짐 발생 \r\n
\r\n
\r\n\r\n 업데이트 사항 (2021.09.04)
\r\n - \r\n
- \"즐겨찾기 멤버\" 기능 업데이트! \r\n
\r\n 버그 제보 또는 기능 제안은 \r\n kr.syncroom@gmail.com\r\n 으로 부탁드립니다.\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction JoinInfo({search}: JoinInfoProps) {\r\n const {input: inputPassword} = useInput('');\r\n const Install: JSX.Element = (\r\n \r\n \r\n
\r\n \r\n 싱크룸이 설치되어 있지 않다면 설치하기\r\n
\r\n );\r\n\r\n try {\r\n const {roomName, password} = decodeShareLink(search.slice(1));\r\n console.log({roomName, password});\r\n if (password !== undefined) {\r\n joinRoom(roomName, password, false);\r\n return (\r\n <>\r\n \r\n {roomName} 방 참가 중…\r\n
\r\n \r\n \r\n
\r\n {Install}\r\n \r\n )\r\n } else {\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {\r\n if (e.key === 'Enter') joinRoom(roomName, inputPassword.value, false)\r\n }}\r\n />\r\n joinRoom(roomName, inputPassword.value, false)}\r\n >\r\n 참가하기\r\n \r\n
\r\n {Install}\r\n \r\n );\r\n }\r\n } catch (e) {\r\n return (\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 Join;\r\n","import React from \"react\";\r\n\r\nfunction NotFound() {\r\n return <>\r\n}\r\n\r\nexport default NotFound;\r\n","import React, {useEffect, useState} from \"react\";\r\n\r\nimport {ModalClassType} from \"../../../modules/modal/modalClass\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {closeModal} from \"../../../modules/modal\";\r\n\r\ninterface ModalRouteProps {\r\n route: ModalClassType,\r\n children: JSX.Element\r\n}\r\n\r\nfunction ModalRoute({route, children}: ModalRouteProps) {\r\n const {modalClass} = useSelector((state: RootState) => state.modal);\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeModal());\r\n\r\n const show: boolean = (route === modalClass);\r\n const [render, setRender] = useState(show);\r\n\r\n useEffect(() => {\r\n if (show) setRender(true);\r\n }, [show]);\r\n\r\n const onAnimationEnd = () => {\r\n if (!show) setRender(false);\r\n };\r\n\r\n return (\r\n render ? (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(PasswordModal);","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"XMLID_105_\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"XMLID_106_\",\n d: \"M149.245,191.671l-42.425,42.426c0,0,0,0.001-0.001,0.001c0,0,0,0.001-0.001,0.001 c-17.544,17.545-46.092,17.546-63.638,0c-8.5-8.5-13.18-19.801-13.18-31.82c0-12.018,4.68-23.317,13.177-31.817 c0.001-0.001,0.002-0.002,0.003-0.003l42.425-42.426c5.857-5.858,5.857-15.356-0.001-21.213c-5.857-5.857-15.355-5.857-21.213,0 l-42.425,42.426c-0.003,0.003-0.006,0.007-0.009,0.01C7.798,163.42,0,182.251,0,202.279c0,20.033,7.801,38.867,21.967,53.033 C36.589,269.933,55.794,277.244,75,277.244c19.206,0,38.412-7.311,53.032-21.932c0,0,0-0.001,0-0.001 c0.001,0,0.001-0.001,0.001-0.001l42.425-42.426c5.857-5.857,5.857-15.355-0.001-21.213 C164.601,185.814,155.104,185.814,149.245,191.671z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"XMLID_107_\",\n d: \"M277.279,75c0-20.033-7.802-38.867-21.968-53.033c-29.243-29.242-76.824-29.241-106.065,0 c-0.001,0.002-0.003,0.003-0.004,0.005l-42.424,42.423c-5.858,5.857-5.858,15.356,0,21.213c2.93,2.93,6.768,4.394,10.607,4.394 c3.838,0,7.678-1.465,10.606-4.394l42.424-42.423c0.001-0.002,0.003-0.003,0.005-0.005c17.544-17.544,46.092-17.545,63.638,0 c8.499,8.5,13.181,19.801,13.181,31.82c0,12.018-4.68,23.317-13.178,31.817c-0.001,0.001-0.002,0.002-0.003,0.003l-42.425,42.426 c-5.857,5.857-5.857,15.355,0.001,21.213c2.929,2.929,6.768,4.394,10.606,4.394c3.839,0,7.678-1.465,10.607-4.394l42.425-42.426 c0.003-0.003,0.006-0.007,0.009-0.01C269.48,113.859,277.279,95.028,277.279,75z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"XMLID_108_\",\n d: \"M85.607,191.671c2.929,2.929,6.768,4.394,10.606,4.394c3.839,0,7.678-1.465,10.607-4.394l84.852-84.852 c5.858-5.857,5.858-15.355,0-21.213c-5.857-5.857-15.355-5.857-21.213,0l-84.852,84.851 C79.749,176.316,79.749,185.814,85.607,191.671z\"\n}));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgLink(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n width: \"1.3rem\",\n height: \"1.3rem\",\n viewBox: \"0 0 277.279 277.279\",\n style: {\n enableBackground: \"new 0 0 277.279 277.279\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLink);\nexport default __webpack_public_path__ + \"static/media/link.0a36ed26.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useState} from \"react\";\r\nimport \"./ShareModal.scss\";\r\n\r\nimport {useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport useInput from \"../../../common/hooks/useInput\";\r\n\r\nimport {Status} from \"../../../common/classes/properties\";\r\n\r\nimport {encodeShareLink} from \"../../../common/util/shareLink\";\r\n\r\nimport {CopyToClipboard} from \"react-copy-to-clipboard\";\r\n\r\nimport {ReactComponent as Link} from \"../../../resource/img/icon/link.svg\";\r\n\r\n\r\nfunction ShareModal() {\r\n const {roomName, status} = useSelector((state: RootState) => state.modal);\r\n\r\n const {input: password} = useInput('');\r\n const isPrivate = status === Status.PRIVATE;\r\n const [checked, setChecked] = useState(true);\r\n const checkedClass = checked ? 'checked' : 'unchecked';\r\n const onClick = () => setChecked(!checked);\r\n\r\n const shareLink: string = encodeShareLink(\r\n {\r\n roomName: roomName,\r\n password: checked ? password.value : undefined\r\n }\r\n );\r\n const handleFocus = (event: React.ChangeEvent\r\n \r\n {roomName}\r\n
\r\n \r\n \r\n \r\n {temp ? '임시 참여' : '참여하기'}\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(ShareModal);\r\n","import React from \"react\";\r\nimport \"./style.scss\"\r\n\r\nimport {ModalClass} from \"../../../modules/modal/modalClass\";\r\n\r\nimport ModalRoute from \"./ModalRoute\";\r\nimport PasswordModal from \"./PasswordModal\";\r\nimport ShareModal from \"./ShareModal\";\r\n\r\nfunction Modal() {\r\n return (\r\n \r\n \r\n {roomName}\r\n
\r\n \r\n \r\n setCopied(true)}\r\n disabled={(isPrivate && checked && (password.value.length === 0))}\r\n >\r\n 복사\r\n \r\n \r\n\r\n
\r\n \r\n \r\n 클립보드에 복사되었습니다\r\n
\r\n {status === Status.PRIVATE\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\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Modal);\r\n","import React, {useMemo} from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport {SidebarClassType} from \"../../../modules/sidebar/sidebarClass\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\n\r\ninterface SidebarRouteProps {\r\n route: SidebarClassType;\r\n children: JSX.Element;\r\n}\r\n\r\nfunction SidebarRoute({route, children}: SidebarRouteProps) {\r\n const {sidebarClass} = useSelector((state: RootState) => state.sidebar);\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeSidebar());\r\n\r\n const isOpen: boolean = useMemo(() => route === sidebarClass, [route, sidebarClass]);\r\n\r\n return (\r\n \r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nexport default SidebarRoute;\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M87.952,41.17l-36.386,0.11V5.61c0-3.108-2.502-5.61-5.61-5.61c-3.107,0-5.61,2.502-5.61,5.61l0.11,35.561H5.61 c-3.108,0-5.61,2.502-5.61,5.61c0,3.107,2.502,5.609,5.61,5.609h34.791v35.562c0,3.106,2.502,5.61,5.61,5.61 c3.108,0,5.61-2.504,5.61-5.61V52.391h36.331c3.108,0,5.61-2.504,5.61-5.61C93.562,43.672,91.032,41.17,87.952,41.17z\"\n}));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgPlus(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n width: \"93.562px\",\n height: \"93.562px\",\n viewBox: \"0 0 93.562 93.562\",\n style: {\n enableBackground: \"new 0 0 93.562 93.562\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPlus);\nexport default __webpack_public_path__ + \"static/media/plus.47d179f1.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useCallback, useRef} from \"react\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport useInput from \"../../../common/hooks/useInput\";\r\nimport {addUser} from \"../../../modules/user\";\r\n\r\nimport {ReactComponent as Plus} from \"../../../resource/img/icon/plus.svg\";\r\nimport {ReactComponent as Return} from \"../../../resource/img/icon/return.svg\";\r\n\r\ninterface ManageProps {\r\n isActive: boolean;\r\n handleActive: (state: boolean) => void;\r\n isAdd: boolean;\r\n handleAdd: (state: boolean) => void;\r\n}\r\n\r\nfunction Manage({isActive, handleActive, isAdd, handleAdd}: ManageProps) {\r\n const dispatch = useDispatch();\r\n const inputRef = useRef\r\n 즐겨찾기 멤버\r\n\r\n {\r\n handleActive(!isActive);\r\n handleAdd(false);\r\n }}\r\n >\r\n {isActive ? '돌아가기': '관리'}\r\n \r\n\r\n handleAdd(false)}\r\n >\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nexport default React.memo(Manage);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#f44336\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m21.339844 329.398438c-5.460938 0-10.925782-2.089844-15.082032-6.25-8.34375-8.339844-8.34375-21.824219 0-30.164063l286.589844-286.59375c8.339844-8.339844 21.824219-8.339844 30.164063 0 8.34375 8.339844 8.34375 21.824219 0 30.164063l-286.589844 286.59375c-4.183594 4.179687-9.621094 6.25-15.082031 6.25zm0 0\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m307.929688 329.398438c-5.460938 0-10.921876-2.089844-15.082032-6.25l-286.589844-286.59375c-8.34375-8.339844-8.34375-21.824219 0-30.164063 8.339844-8.339844 21.820313-8.339844 30.164063 0l286.589844 286.59375c8.34375 8.339844 8.34375 21.824219 0 30.164063-4.160157 4.179687-9.621094 6.25-15.082031 6.25zm0 0\"\n}));\n\nfunction SvgX(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"329pt\",\n viewBox: \"0 0 329.26933 329\",\n width: \"329pt\",\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgX);\nexport default __webpack_public_path__ + \"static/media/x.ec5dc9a8.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m37.379 12.552c-.799-.761-2.066-.731-2.827.069-.762.8-.73 2.066.069 2.828l15.342 14.551h-39.963c-1.104 0-2 .896-2 2s.896 2 2 2h39.899l-15.278 14.552c-.8.762-.831 2.028-.069 2.828.393.412.92.62 1.448.62.496 0 .992-.183 1.379-.552l17.449-16.62c.756-.755 1.172-1.759 1.172-2.828s-.416-2.073-1.207-2.862z\"\n});\n\nfunction SvgRightArrow(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer\",\n enableBackground: \"new 0 0 64 64\",\n height: 512,\n viewBox: \"0 0 64 64\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgRightArrow);\nexport default __webpack_public_path__ + \"static/media/right-arrow.44ad92ca.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useCallback} from \"react\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\nimport {deleteUser} from \"../../../modules/user\";\r\n\r\nimport {ReactComponent as Delete} from \"../../../resource/img/icon/x.svg\";\r\nimport {ReactComponent as Arrow} from \"../../../resource/img/icon/right-arrow.svg\";\r\n\r\ninterface OnlineUserProps {\r\n userName: string;\r\n roomId: number;\r\n isActive: boolean;\r\n}\r\n\r\n\r\nfunction OnlineUser({userName, roomId, isActive}: OnlineUserProps) {\r\n const dispatch = useDispatch();\r\n\r\n const findUserRoom = useCallback(() => {\r\n if (!isActive) {\r\n dispatch(closeSidebar());\r\n moveTo(roomId);\r\n }\r\n }, [roomId, dispatch, isActive]);\r\n\r\n const deleteSelf = useCallback(() => {\r\n dispatch(deleteUser(userName));\r\n }, [dispatch, userName]);\r\n\r\n\r\n return (\r\n \r\n \r\n {userName}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst moveTo = (roomId: number) => {\r\n const keyFrames = (color: string) => [\r\n {boxShadow: \"0 0 0.8rem rgba(127, 127, 127, 0.1)\"},\r\n {boxShadow: `0 0 0.8rem ${color}`, offset: 0.1},\r\n {boxShadow: `0 0 0.8rem ${color}`, offset: 0.8},\r\n {boxShadow: \"0 0 0.8rem rgba(127, 127, 127, 0.1)\"},\r\n ];\r\n\r\n const roomTile = document.getElementById(roomId.toString());\r\n\r\n if (roomTile) {\r\n roomTile.scrollIntoView({behavior: \"smooth\", block: \"center\"});\r\n roomTile.animate(keyFrames(\"rgba(20, 20, 20, 1)\"), 2000);\r\n } else {\r\n const filterElements = document.querySelectorAll(\".Toolbar > .selected\");\r\n\r\n filterElements.forEach(element => {\r\n element?.animate(keyFrames(\"rgba(255, 75, 85, 0.9)\"), 1200);\r\n })\r\n }\r\n}\r\n\r\nexport default React.memo(OnlineUser);\r\n","import React, {useCallback} from \"react\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {deleteUser} from \"../../../modules/user\";\r\n\r\nimport {ReactComponent as Delete} from \"../../../resource/img/icon/x.svg\";\r\n\r\ninterface OfflineUserProps {\r\n userName: string;\r\n isActive: boolean;\r\n}\r\n\r\nfunction OfflineUser({userName, isActive}: OfflineUserProps) {\r\n const dispatch = useDispatch();\r\n\r\n const deleteSelf = useCallback(() => {\r\n dispatch(deleteUser(userName));\r\n }, [dispatch, userName]);\r\n\r\n return (\r\n \r\n \r\n {userName}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(OfflineUser);\r\n","import React, {useEffect, useMemo, useState} from \"react\";\r\nimport classNames from \"classnames\";\r\nimport \"./style.scss\";\r\n\r\nimport {TransitionGroup, CSSTransition} from \"react-transition-group\";\r\n\r\nimport SimpleBar from \"simplebar-react\";\r\nimport \"simplebar/dist/simplebar.min.css\";\r\n\r\nimport {useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {SidebarClass} from \"../../../modules/sidebar/sidebarClass\";\r\n\r\nimport Manage from \"./Manage\";\r\nimport OnlineUser from \"./OnlineUser\";\r\nimport OfflineUser from \"./OfflineUser\";\r\n\r\n\r\nfunction UserList() {\r\n const {userList} = useSelector((state: RootState) => state.user);\r\n const {users} = useSelector((state: RootState) => state.syncroom)\r\n const {sidebarClass} = useSelector((state: RootState) => state.sidebar)\r\n\r\n const [isActive, setActive] = useState\r\n \r\n \r\n {onlineUsers.map((userName) => (\r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n {offlineUsers.map((userName) => (\r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\ninterface handleUserReturn {\r\n onlineUsers: string[];\r\n offlineUsers: string[];\r\n}\r\n\r\nconst handleUsers = (\r\n userList: string[],\r\n users: {[name: string]: number}\r\n): handleUserReturn => {\r\n const onlineUsers: string[] = [];\r\n const offlineUsers: string[] = [];\r\n\r\n userList.forEach((user) => {\r\n if (users.hasOwnProperty(user)) {\r\n onlineUsers.push(user);\r\n } else {\r\n offlineUsers.push(user);\r\n }\r\n })\r\n return {onlineUsers, offlineUsers};\r\n}\r\n\r\nexport default React.memo(UserList);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m54 30h-39.899l15.278-14.552c.8-.762.831-2.028.069-2.828-.761-.799-2.027-.831-2.828-.069l-17.448 16.62c-.755.756-1.172 1.76-1.172 2.829 0 1.068.417 2.073 1.207 2.862l17.414 16.586c.387.369.883.552 1.379.552.528 0 1.056-.208 1.449-.621.762-.8.731-2.065-.069-2.827l-15.342-14.552h39.962c1.104 0 2-.896 2-2s-.896-2-2-2z\"\n});\n\nfunction SvgLeftArrow(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer\",\n enableBackground: \"new 0 0 64 64\",\n height: 512,\n viewBox: \"0 0 64 64\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLeftArrow);\nexport default __webpack_public_path__ + \"static/media/left-arrow.2d863411.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport \"./MenuSidebar.scss\";\r\n\r\nimport UserList from \"../UserList\";\r\n\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\nimport {useDispatch} from \"react-redux\";\r\n\r\n\r\nimport {ReactComponent as Logo} from \"../../../resource/img/logo/title.svg\";\r\nimport {ReactComponent as Arrow} from \"../../../resource/img/icon/left-arrow.svg\";\r\n\r\n\r\nfunction MenuSidebar() {\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeSidebar());\r\n\r\n return (\r\n \r\n 온라인 ― {onlineUsers.length}\r\n
\r\n\r\n \r\n 오프라인 ― {offlineUsers.length}\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\nconst linkTo = (url: string) => () => {\r\n window.open(url, '_blank')?.focus();\r\n};\r\n\r\nexport default MenuSidebar;\r\n\r\n","import React from \"react\";\r\nimport \"./SettingsSidebar.scss\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\n\r\nimport {ReactComponent as Settings} from \"../../../resource/img/icon/settings.svg\";\r\nimport {ReactComponent as Arrow} from \"../../../resource/img/icon/right-arrow.svg\";\r\n\r\n\r\nfunction SettingsSidebar() {\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeSidebar());\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n SYNCROOM 한글 패치 다운로드\r\n \r\n \r\n Original Website\r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SettingsSidebar;","import React from \"react\";\r\nimport \"./style.scss\";\r\n\r\nimport {SidebarClass} from \"../../../modules/sidebar/sidebarClass\";\r\n\r\nimport SidebarRoute from \"./SidebarRoute\";\r\nimport MenuSidebar from \"./MenuSidebar\";\r\nimport SettingsSidebar from \"./SettingsSidebar\";\r\n\r\nfunction Sidebar() {\r\n return (\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 Sidebar;\r\n","import React from \"react\";\r\nimport {BrowserRouter as Router, Route, Switch, Redirect} from \"react-router-dom\";\r\n\r\nimport Home from \"../containers/browser/Home\";\r\nimport Join from \"../containers/browser/Join\";\r\nimport NotFound from \"../containers/browser/NotFound\";\r\n\r\nimport Modal from \"../components/browser/Modal\";\r\nimport Sidebar from \"../components/browser/Sidebar\";\r\n\r\nfunction BrowserRoutes() {\r\n return (\r\n <>\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Home;","import React from \"react\";\r\n\r\nfunction NotFound() {\r\n return <>\r\n}\r\n\r\nexport default NotFound;\r\n","import React from \"react\";\r\nimport {BrowserRouter as Router, Route, Switch, Redirect} from \"react-router-dom\";\r\n\r\nimport Home from \"../containers/mobile/Home\";\r\nimport NotFound from \"../containers/mobile/NotFound\";\r\n\r\nfunction MobileRoutes() {\r\n return (\r\n 모바일 버전은 아직 지원하지 않습니다
ㅠㅠ
\r\n ㅠㅠ
\r\n
\r\n \r\n
\r\n \r\n dispatch(\r\n openSidebar({sidebarClass: SidebarClass.MENU})\r\n )}\r\n >\r\n dispatch(\r\n openSidebar({sidebarClass: SidebarClass.SETTINGS})\r\n )}\r\n >\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Title);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Solid\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m464.022 232h-.022a24 24 0 0 0 -23.98 24.021 184.063 184.063 0 0 1 -289.527 150.688c-83.1-58.188-103.369-173.136-45.181-256.237s173.137-103.372 256.237-45.182a184.078 184.078 0 0 1 34.012 30.71h-67.54a24 24 0 0 0 0 48h112a24 24 0 0 0 24-24v-112a24 24 0 0 0 -48 0v39.967a234.175 234.175 0 0 0 -26.94-22 231.982 231.982 0 1 0 -266.119 380.061 230.285 230.285 0 0 0 132.567 42.015 234.971 234.971 0 0 0 40.776-3.585 232.025 232.025 0 0 0 191.716-228.479 24 24 0 0 0 -23.999-23.979z\"\n}));\n\nfunction SvgReload(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgReload);\nexport default __webpack_public_path__ + \"static/media/reload.09a80ecc.svg\";\nexport { ForwardRef as ReactComponent };","export class FilterClass {\r\n public static readonly search = 'search';\r\n public static readonly country = 'country';\r\n public static readonly inst = 'inst';\r\n public static readonly status = 'status';\r\n}\r\n// export type FilterType = typeof Filter[keyof typeof Filter];\r\nexport type FilterClassType = \"search\" |\"country\" | \"inst\" | \"status\";\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n stroke: \"black\",\n strokeWidth: \"1.2rem\",\n strokeLinecap: \"round\"\n}, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 125,\n cy: 125,\n r: 75\n}), /*#__PURE__*/React.createElement(\"line\", {\n x1: 178,\n y1: 178,\n x2: 240,\n y2: 240\n}));\n\nfunction SvgSearch(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 250,\n height: 250,\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"20 20 250 250\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSearch);\nexport default __webpack_public_path__ + \"static/media/search.1598ce96.svg\";\nexport { ForwardRef as ReactComponent };","import React, {FormEvent, useCallback, useRef, useState} from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {setSearch} from \"../../../modules/filter\";\r\nimport {FilterClass, FilterClassType} from \"../../../modules/filter/types\";\r\n\r\nimport {ReactComponent as Search} from \"../../../resource/img/icon/search.svg\";\r\n\r\ninterface SearchBarProps {\r\n activeClass: FilterClassType | null;\r\n handleActiveClass: (state: FilterClassType | null) => void;\r\n}\r\n\r\nfunction SearchBar({activeClass, handleActiveClass}: SearchBarProps) {\r\n const search = useSelector((state: RootState) => state.filter.search);\r\n const dispatch = useDispatch();\r\n const [timer, setTimer] = useStateMENU
\r\n \r\n \r\n
\r\n \r\n
\r\n 설정
\r\n \r\n {menuItems.map(({filter, icon}, index) => (\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(FilterMenu);","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M328.719,366.51c-2.021-2.438-5.031-3.844-8.198-3.844H191.479c-3.167,0-6.177,1.406-8.198,3.844 c-2.031,2.438-2.865,5.646-2.292,8.76C196.323,458.333,225.771,512,256,512s59.677-53.667,75.01-136.729 C331.583,372.156,330.75,368.948,328.719,366.51z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M499.833,178.083c-1.406-4.417-5.51-7.417-10.156-7.417H369.563c-3.01,0-5.885,1.271-7.906,3.51 c-2.031,2.24-3.01,5.229-2.708,8.229c2.469,24.5,3.719,49.271,3.719,73.594s-1.25,49.094-3.719,73.594 c-0.302,3,0.677,5.99,2.708,8.229c2.021,2.24,4.896,3.51,7.906,3.51h120.115c4.646,0,8.75-3,10.156-7.417 C507.906,308.635,512,282.427,512,256S507.906,203.365,499.833,178.083z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M353.292,140.438c0.865,5.135,5.313,8.896,10.521,8.896h107.667c3.76,0,7.25-1.99,9.177-5.219 c1.917-3.24,1.99-7.25,0.188-10.552C448.823,74.885,393.813,30.188,329.896,10.938c-4.115-1.271-8.646,0.135-11.385,3.521 c-2.719,3.396-3.115,8.094-1,11.885C333.052,54.198,345.427,93.646,353.292,140.438z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M326.719,170.667H185.281c-5.448,0-10.021,4.104-10.604,9.521c-2.656,24.625-4.01,50.135-4.01,75.813 s1.354,51.188,4.01,75.813c0.583,5.417,5.156,9.521,10.604,9.521h141.438c5.448,0,10.021-4.104,10.604-9.521 c2.656-24.625,4.01-50.135,4.01-75.813s-1.354-51.188-4.01-75.813C336.74,174.771,332.167,170.667,326.719,170.667z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M40.521,149.333h107.667c5.208,0,9.656-3.76,10.521-8.896c7.865-46.792,20.24-86.24,35.781-114.094 c2.115-3.792,1.719-8.49-1-11.885c-2.729-3.375-7.24-4.802-11.385-3.521C118.188,30.188,63.177,74.885,31.156,133.563 c-1.802,3.302-1.729,7.313,0.188,10.552C33.271,147.344,36.76,149.333,40.521,149.333z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M150.344,337.823c2.031-2.24,3.01-5.229,2.708-8.229c-2.469-24.5-3.719-49.271-3.719-73.594s1.25-49.094,3.719-73.594 c0.302-3-0.677-5.99-2.708-8.229c-2.021-2.24-4.896-3.51-7.906-3.51H22.323c-4.646,0-8.75,3-10.156,7.417 C4.094,203.365,0,229.573,0,256s4.094,52.635,12.167,77.917c1.406,4.417,5.51,7.417,10.156,7.417h120.115 C145.448,341.333,148.323,340.063,150.344,337.823z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M158.708,371.563c-0.865-5.135-5.313-8.896-10.521-8.896H40.521c-3.76,0-7.25,1.99-9.177,5.219 c-1.917,3.24-1.99,7.25-0.188,10.552c32.021,58.677,87.031,103.375,150.948,122.625c1.01,0.313,2.042,0.458,3.073,0.458 c3.177,0,6.25-1.427,8.313-3.979c2.719-3.396,3.115-8.094,1-11.885C178.948,457.802,166.573,418.354,158.708,371.563z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M471.479,362.667H363.813c-5.208,0-9.656,3.76-10.521,8.896c-7.865,46.792-20.24,86.24-35.781,114.094 c-2.115,3.792-1.719,8.49,1,11.885c2.063,2.552,5.135,3.979,8.313,3.979c1.021,0,2.063-0.146,3.073-0.458 c63.917-19.25,118.927-63.948,150.948-122.625c1.802-3.302,1.729-7.313-0.188-10.552 C478.729,364.656,475.24,362.667,471.479,362.667z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M183.281,145.49c2.021,2.438,5.031,3.844,8.198,3.844h129.042c3.167,0,6.177-1.406,8.198-3.844 c2.031-2.438,2.865-5.646,2.292-8.76C315.677,53.667,286.229,0,256,0s-59.677,53.667-75.01,136.729 C180.417,139.844,181.25,143.052,183.281,145.49z\"\n}))));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgCountry(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"-50 -50 612 612\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n fill: \"#C5C6CE\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCountry);\nexport default __webpack_public_path__ + \"static/media/country.ecda3990.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgKoreaNoborder(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"30 80 452 352\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FF4B55\"\n },\n d: \"M305.009,182.531c-40.563-27.042-95.35-15.986-122.374,24.506 c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252c13.521-20.281,40.914-25.704,61.178-12.254 c20.298,13.521,25.757,40.984,12.217,61.195C356.468,264.362,345.537,209.574,305.009,182.531\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#41479B\"\n },\n d: \"M182.634,207.038c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252 c13.521-20.281,40.914-25.704,61.178-12.254c20.298,13.521,25.757,40.984,12.217,61.195 c-27.006,40.632-81.775,51.549-122.338,24.507C166.561,302.39,155.593,247.602,182.634,207.038\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M349.92,149.189l16.035,24.102c1.347,2.025,0.802,4.759-1.219,6.112l-4.066,2.723 c-2.029,1.358-4.775,0.812-6.129-1.22l-16.055-24.096c-1.351-2.027-0.803-4.766,1.223-6.119l4.086-2.728 C345.825,146.608,348.568,147.158,349.92,149.189z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M374.66,186.35l16.087,24.087c1.358,2.034,0.804,4.786-1.237,6.134l-4.084,2.699 c-2.026,1.34-4.754,0.789-6.103-1.23l-16.078-24.062c-1.354-2.026-0.81-4.767,1.217-6.122l4.075-2.724 C370.563,183.777,373.305,184.322,374.66,186.35z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M367.089,137.731l40.829,61.273c1.352,2.028,0.803,4.768-1.225,6.12l-4.102,2.734 c-2.028,1.352-4.769,0.804-6.121-1.224l-40.843-61.269c-1.353-2.029-0.803-4.771,1.227-6.123l4.115-2.739 C362.998,135.156,365.737,135.703,367.089,137.731z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M384.211,126.291l16.07,24.149c1.354,2.034,0.798,4.78-1.241,6.127l-4.087,2.7 c-2.028,1.34-4.757,0.789-6.105-1.234l-16.082-24.117c-1.353-2.028-0.804-4.769,1.224-6.122l4.099-2.732 C380.117,123.71,382.859,124.259,384.211,126.291z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M408.967,163.531l16.045,24.099c1.35,2.026,0.803,4.762-1.22,6.115l-4.075,2.724 c-2.029,1.356-4.775,0.809-6.127-1.223l-16.045-24.099c-1.349-2.026-0.803-4.762,1.22-6.115l4.075-2.724 C404.87,160.951,407.614,161.497,408.967,163.531z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M132.721,293.982l40.824,61.207c1.352,2.027,0.806,4.767-1.222,6.12l-4.088,2.73 c-2.028,1.354-4.769,0.807-6.123-1.222l-40.824-61.207c-1.353-2.027-0.806-4.767,1.222-6.12l4.089-2.73 C128.626,291.406,131.368,291.953,132.721,293.982z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M115.582,305.43l16.028,24.041c1.351,2.026,0.806,4.761-1.217,6.116l-4.066,2.722 c-2.027,1.357-4.771,0.812-6.126-1.217l-16.047-24.035c-1.354-2.027-0.808-4.768,1.22-6.122l4.086-2.728 C111.487,302.854,114.229,303.401,115.582,305.43z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M140.351,342.604l16.046,24.102c1.35,2.026,0.803,4.763-1.222,6.115l-4.078,2.727 c-2.029,1.356-4.772,0.809-6.126-1.222l-16.056-24.097c-1.351-2.027-0.804-4.766,1.222-6.118l4.088-2.73 C136.255,340.024,138.998,340.573,140.351,342.604z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M98.442,316.875l40.798,61.21c1.351,2.026,0.804,4.764-1.219,6.118l-4.077,2.726 c-2.028,1.356-4.771,0.809-6.125-1.22l-40.822-61.202c-1.353-2.028-0.804-4.769,1.224-6.122l4.102-2.734 C94.349,314.299,97.09,314.847,98.442,316.875z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M121.294,210.441l40.818-61.257c1.353-2.03,4.095-2.578,6.124-1.224l4.087,2.729 c2.027,1.353,2.573,4.093,1.222,6.12l-40.834,61.223c-1.35,2.023-4.081,2.573-6.108,1.231l-4.071-2.695 C120.494,215.22,119.94,212.473,121.294,210.441z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M104.147,199.008l40.825-61.269c1.353-2.03,4.097-2.578,6.126-1.222l4.077,2.726 c2.024,1.353,2.57,4.09,1.22,6.116l-40.814,61.272c-1.353,2.03-4.095,2.579-6.124,1.224l-4.088-2.729 C103.343,203.774,102.796,201.035,104.147,199.008z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M86.99,187.624l40.829-61.33c1.353-2.031,4.098-2.58,6.127-1.224l4.077,2.726 c2.023,1.353,2.57,4.087,1.222,6.114l-40.804,61.339c-1.351,2.03-4.094,2.581-6.123,1.228l-4.1-2.734 C86.189,192.391,85.641,189.652,86.99,187.624z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M338.493,355.188l16.047-24.035c1.355-2.029,4.099-2.574,6.126-1.217l4.066,2.722 c2.023,1.354,2.567,4.09,1.216,6.116l-16.028,24.04c-1.353,2.029-4.095,2.577-6.123,1.223l-4.086-2.728 C337.685,359.956,337.139,357.216,338.493,355.188z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M363.243,318.141l16.073-24.154c1.351-2.03,4.094-2.58,6.123-1.227l4.096,2.73 c2.029,1.353,2.577,4.096,1.223,6.124l-16.107,24.116c-1.351,2.022-4.082,2.571-6.109,1.227l-4.062-2.692 C362.445,322.915,361.891,320.172,363.243,318.141z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M355.626,366.698l16.057-24.098c1.352-2.029,4.093-2.578,6.122-1.225l4.104,2.737 c2.027,1.352,2.575,4.09,1.225,6.119l-16.047,24.1c-1.351,2.029-4.09,2.579-6.12,1.228l-4.115-2.739 C354.824,371.469,354.274,368.727,355.626,366.698z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M380.403,329.463l16.066-24.042c1.354-2.025,4.092-2.571,6.119-1.22l4.102,2.734 c2.03,1.353,2.577,4.096,1.221,6.125l-16.066,24.043c-1.353,2.025-4.092,2.571-6.118,1.22l-4.103-2.734 C379.594,334.235,379.047,331.492,380.403,329.463z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M372.771,378.081l16.075-24.056c1.35-2.019,4.077-2.569,6.103-1.23l4.086,2.7 c2.04,1.348,2.595,4.097,1.239,6.131l-16.063,24.088c-1.352,2.028-4.093,2.575-6.121,1.224l-4.098-2.732 C371.962,382.852,371.415,380.109,372.771,378.081z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M397.554,340.969l16.035-24.085c1.353-2.031,4.098-2.58,6.127-1.223l4.072,2.722 c2.025,1.354,2.57,4.093,1.218,6.119l-16.049,24.053c-1.349,2.024-4.083,2.573-6.11,1.229l-4.06-2.69 C396.754,345.745,396.201,343,397.554,340.969z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgKoreaNoborder);\nexport default __webpack_public_path__ + \"static/media/korea-noborder.255ea2e9.svg\";\nexport { ForwardRef as ReactComponent };","function _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 SvgJapanNoborder(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"30 80 452 352\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#FF4B55\"\n },\n cx: 256,\n cy: 255.999,\n r: 97.1\n }));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgJapanNoborder);\nexport default __webpack_public_path__ + \"static/media/japan-noborder.8db3555c.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0i\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 620,\n y: 49,\n width: 471,\n height: 472\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1i\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M887.222 14.1401 1157.17 284.662 887.222 555.182 617.274 284.662Z\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip2i\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M887.222 14.1401 1157.17 284.662 887.222 555.182 617.274 284.662Z\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip3i\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M887.222 14.1401 1157.17 284.662 887.222 555.182 617.274 284.662Z\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0i)\",\n transform: \"translate(-620 -49)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1i)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip2i)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip3i)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M470.05 191.616 470.05 169.249C470.05 163.071 475.055 158.066 481.233 158.066 487.411 158.066 492.417 163.071 492.417 169.249L492.417 191.616C492.417 197.794 487.411 202.8 481.233 202.8 475.055 202.8 470.05 197.795 470.05 191.616Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M425.317 191.617 425.317 169.25C425.317 163.071 430.322 158.067 436.5 158.067 442.679 158.067 447.684 163.071 447.684 169.25L447.684 191.617C447.684 197.795 442.679 202.8 436.5 202.8 430.321 202.8 425.317 197.795 425.317 191.617Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M380.584 191.617 380.584 169.25C380.584 163.071 385.589 158.067 391.768 158.067 397.945 158.067 402.951 163.071 402.951 169.25L402.951 191.617C402.951 197.795 397.945 202.8 391.768 202.8 385.589 202.8 380.583 197.795 380.584 191.617Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M470.042 303.457 470.049 236.349C470.049 230.172 475.055 225.166 481.232 225.166 487.411 225.166 492.416 230.172 492.416 236.35L492.409 303.457C492.409 309.635 487.403 314.64 481.226 314.64 475.047 314.64 470.043 309.635 470.042 303.457Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M425.309 303.457 425.316 236.35C425.316 230.172 430.321 225.166 436.5 225.166 442.678 225.166 447.683 230.172 447.683 236.349L447.675 303.457C447.675 309.635 442.67 314.64 436.492 314.64 430.314 314.64 425.309 309.635 425.309 303.457Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M380.576 303.457 380.576 236.357C380.576 230.179 385.58 225.174 391.759 225.174 397.937 225.174 402.942 230.179 402.942 236.357L402.942 303.457C402.942 309.635 397.937 314.64 391.759 314.64 385.58 314.64 380.576 309.635 380.576 303.457Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M335.843 269.907C335.827 245.245 355.786 225.174 380.576 225.174L492.417 225.166C517.085 225.151 537.165 245.231 537.15 269.9 537.157 294.576 517.085 314.648 492.409 314.64L380.576 314.64C355.93 314.656 335.827 294.575 335.843 269.907ZM492.417 247.533 380.576 247.54C368.22 247.556 358.226 257.503 358.21 269.907 358.225 282.249 368.235 292.258 380.576 292.273L492.409 292.273C504.743 292.266 514.775 282.233 514.784 269.899 514.767 257.562 504.783 247.548 492.417 247.533Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M548.373 247.516 324.717 247.516 299.311 218.511 324.719 180.449 548.373 180.451 580.008 215.33Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M580.008 215.331 578.786 213.983 303.002 214.082 299.312 218.51 324.717 247.516 548.373 247.516Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M324.717 247.516 286.184 247.456C283.178 247.614 280.331 246.35 278.275 244.294 276.218 242.238 274.954 239.39 275.112 236.384L275.112 191.78C274.953 188.773 276.218 185.927 278.275 183.87 280.331 181.814 283.178 180.548 286.184 180.708L324.719 180.449Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M686.776 313.788C682.505 315.528 677.76 314.579 674.596 311.416 673.964 310.783 609.904 247.672 548.374 247.514L548.374 180.449C609.904 180.291 673.964 117.18 674.597 116.547 677.76 113.384 682.505 112.435 686.776 114.174 691.046 115.915 693.735 119.869 693.577 124.456L693.577 213.982 693.577 303.507C693.735 308.094 691.046 312.048 686.776 313.788Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M275.111 236.384C274.954 239.389 276.218 242.238 278.274 244.293 280.33 246.35 283.177 247.614 286.183 247.456L324.717 247.515 324.718 213.982 275.111 214.08Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M686.776 313.788C682.505 315.528 677.76 314.579 674.596 311.416 673.964 310.783 609.904 247.672 548.374 247.514L548.375 213.982 693.577 213.982 693.577 303.507C693.735 308.094 691.046 312.048 686.776 313.788Z\",\n transform: \"matrix(1 0 0 1.00212 369.26 70.1754)\"\n})))));\n\nfunction SvgInstrument(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 471,\n height: 472,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"0 50 472 372\",\n fill: \"#C5C6CE\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgInstrument);\nexport default __webpack_public_path__ + \"static/media/instrument.868e27ed.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgVocal(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#596775\"\n },\n d: \"M384.377,236.89L83.088,504.212c-12.232,10.853-30.801,10.299-42.365-1.264L9.052,471.277 c-11.563-11.563-12.117-30.133-1.264-42.365l267.322-301.289L384.377,236.89z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#4D5967\"\n },\n d: \"M367.957,220.471L71.955,483.101c-1.45,1.287-3.108,2.352-4.951,2.951 c-4.944,1.607-10.156,0.239-13.635-3.241l-27.926-27.925c-6.877-6.876-16.995-8.514-25.432-4.943 c0.131,7.753,3.158,15.45,9.041,21.333l31.671,31.671c11.563,11.563,30.133,12.117,42.365,1.264L384.376,236.89L367.957,220.471z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E9E3D5\"\n },\n d: \"M512,122.849C512,55.001,456.998,0,389.15,0S266.301,55.001,266.301,122.849 c0,4.674,0.27,9.285,0.779,13.823l108.247,108.247c4.539,0.508,9.149,0.779,13.823,0.779C456.998,245.698,512,190.697,512,122.849z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#D3CDBF\"\n },\n d: \"M512,122.849c0-47.818-27.321-89.252-67.205-109.549c8.503,16.706,13.3,35.614,13.3,55.644 c0,67.848-55.001,122.849-122.849,122.849c-4.675,0-9.286-0.272-13.825-0.781l53.908,53.907c4.538,0.508,9.148,0.778,13.822,0.778 C456.998,245.698,512,190.697,512,122.849z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B6B0A2\"\n },\n d: \"M494.198,191.502L320.501,17.807c-3.018-3.017-7.91-3.017-10.927,0L287.721,39.66 c-3.015,3.015-3.016,7.91,0,10.926l173.696,173.696c3.018,3.017,7.91,3.017,10.927,0l21.853-21.853 C497.212,199.414,497.214,194.519,494.198,191.502z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#A19B8D\"\n },\n d: \"M320.501,17.807c-3.018-3.017-7.91-3.017-10.927,0l-10.926,10.926l151.844,151.843 c9.052,9.052,9.052,23.728,0,32.78l0,0l10.926,10.926c3.018,3.017,7.91,3.017,10.927,0l21.853-21.853 c3.017-3.017,3.017-7.91,0-10.926L320.501,17.807z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#35404A\"\n },\n d: \"M235.552,299.626c-5.932,0-11.865-2.263-16.39-6.789c-9.051-9.052-9.051-23.728,0-32.779 l40.893-40.893c9.052-9.052,23.728-9.052,32.78,0c9.051,9.052,9.051,23.728,0,32.779l-40.893,40.893 C247.417,297.363,241.484,299.626,235.552,299.626z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#4D5967\"\n },\n d: \"M375.288,252.608c-1.977,0-3.955-0.754-5.464-2.263L261.655,142.175 c-3.017-3.017-3.017-7.91,0-10.926c3.018-3.017,7.91-3.017,10.927,0l108.169,108.169c3.017,3.017,3.017,7.91,0,10.926 C379.243,251.852,377.265,252.608,375.288,252.608z\"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgVocal);\nexport default __webpack_public_path__ + \"static/media/vocal.a724d410.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgElectric(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FD6F71\"\n },\n d: \"M429.859,90.728c0,0,33.46,5.258,48.697-28.62c5.351-11.898,16.432-19.488,25.752-24.015 c7.548-3.666,10.063-13.176,5.186-20.005l0,0c-3.494-4.891-9.806-6.877-15.471-4.867L436.91,33.487l-28.083,36.209l0.239,20.793 L429.859,90.728z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E36465\"\n },\n d: \"M509.494,18.088L509.494,18.088c-1.999-2.798-4.92-4.64-8.114-5.332 c1.268,5.879-1.54,12.201-7.374,15.035c-9.319,4.527-20.402,12.118-25.752,24.015c-15.236,33.879-48.697,28.62-48.697,28.62 l-10.609-0.122l0.117,10.184l20.793,0.239c0,0,33.46,5.258,48.697-28.62c5.351-11.897,16.432-19.488,25.752-24.015 C511.857,34.426,514.371,24.917,509.494,18.088z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FD6F71\"\n },\n d: \"M201.611,456.642c23.387-51.253,35.025-74.34,49.8-88.867c17.448-14.629,55.562-19.761,64.965-41.36 c4.452-10.227-6.82-20.28-16.604-14.926c-17.421,9.533-44.773,16.801-57.009-21.123l-3.931-61.357 c-56.341-7.548-8.54-56.305-8.54-56.305c30.592-37.284-40.63-37.762-67.399,20.554s-24.464,61.099-119.98,104.684 c-56.073,25.587-47.2,72.408-29.164,107.985c17.438,34.397,45.482,62.441,79.879,79.879 C129.203,503.842,176.025,512.715,201.611,456.642z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E36465\"\n },\n d: \"M299.773,311.489c-3.847,2.105-8.178,4.099-12.723,5.521c-15.133,12.83-42.289,18.464-56.242,30.162 c-14.774,14.528-26.413,37.615-49.8,88.868c-25.587,56.073-72.408,47.2-107.985,29.164c-12.816-6.497-24.75-14.47-35.582-23.692 c15.529,18.239,34.607,33.356,56.186,44.296c35.575,18.035,82.398,26.908,107.985-29.164c23.387-51.251,35.026-74.34,49.8-88.868 c17.448-14.629,55.562-19.761,64.965-41.36C320.83,316.189,309.557,306.135,299.773,311.489z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#485877\"\n },\n points: \"429.859,90.728 408.827,69.696 180.579,283.603 215.952,318.976 \"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M189.329,335.374l-25.148-25.148c-5.992-5.992-15.705-5.992-21.697,0 c-5.992,5.992-5.992,15.705,0,21.697l25.148,25.148c5.992,5.992,15.705,5.992,21.697,0 C195.32,351.079,195.32,341.366,189.329,335.374z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M155.814,385.032l-41.29-41.29c-4.438-4.438-11.633-4.438-16.071,0L82.976,359.22 c-4.438,4.438-4.438,11.633,0,16.071l41.29,41.29c4.438,4.438,11.633,4.438,16.071,0l15.477-15.477 C160.251,396.665,160.251,389.47,155.814,385.032z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#3A484A\"\n },\n d: \"M44.177,395.323c-1.977,0-3.955-0.754-5.463-2.263c-3.017-3.017-3.017-7.91,0-10.927l6.134-6.134 c3.017-3.016,7.91-3.017,10.926,0c3.017,3.017,3.017,7.91,0,10.927l-6.134,6.134C48.131,394.569,46.154,395.323,44.177,395.323z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#3A484A\"\n },\n d: \"M111.958,463.105c-1.977,0-3.954-0.754-5.463-2.263c-3.017-3.017-3.017-7.909,0-10.926l6.134-6.134 c3.017-3.017,7.909-3.017,10.927,0c3.017,3.017,3.017,7.909,0,10.926l-6.134,6.134C115.913,462.35,113.935,463.105,111.958,463.105 z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#3A484A\"\n },\n d: \"M85.871,437.185c-6.113,0-12.071-2.49-16.541-6.96c-4.837-4.837-7.355-11.414-6.909-18.047 c0.285-4.258,3.966-7.475,8.226-7.191c4.258,0.286,7.477,3.969,7.191,8.227c-0.146,2.183,0.735,4.401,2.419,6.084 c1.683,1.683,3.896,2.563,6.084,2.418c4.257-0.283,7.941,2.934,8.226,7.191c0.286,4.258-2.934,7.941-7.191,8.227 C86.874,437.168,86.371,437.185,85.871,437.185z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgElectric);\nexport default __webpack_public_path__ + \"static/media/electric.5d8a4e20.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m473.78 323.69c-31.66-34.02-55.83-15.23-75.77-35.17-15.25-15.24-18.21-47.44-42.89-72.12-13.29-13.29-33.52-18.02-41.33-10.2-5.15 5.14-7.97 21.17 16.85 46.61 13.93 14.28-.26 31.61-16.86 30.13l-.39.4-57.57-9.54c1.48 16.6-16.84 31.79-31.12 17.86-25.45-24.82-41.48-22-46.62-16.85-7.82 7.81-3.08 28.05 10.2 41.33 24.68 24.68 73.66 44.42 88.9 59.66 19.94 19.94 17.92 60.89 51.94 92.55 47.81 44.47 93.51 23.56 135.11-18.04 39.09-39.09 54.03-78.81 9.55-126.62z\",\n fill: \"#59DEC3\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m351.117 455.35c-34.02-31.66-32-72.61-51.94-92.55-15.24-15.24-64.22-34.98-88.9-59.66-8.972-8.972-14.038-21.116-13.975-30.462-9.224-2.832-15.385-.71-18.222 2.132-7.82 7.81-3.08 28.05 10.2 41.33 24.68 24.68 73.66 44.42 88.9 59.66 19.94 19.94 17.92 60.89 51.94 92.55 38.055 35.4 74.772 29.37 109.15 4.46-27.888 12.608-57.104 10.49-87.153-17.46z\",\n fill: \"#44AB96\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m406.71 373.66-27.62 27.62-14.17-14.63 27.16-27.16z\",\n fill: \"#6d7486\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m116.75 88.85-18.48 18.46.01.01 257.15 265.34 26.66-26.66z\",\n fill: \"#68574E\"\n});\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m369.812 381.996h72.606v37.378h-72.606z\",\n fill: \"#555b6b\",\n transform: \"matrix(.707 -.707 .707 .707 -164.379 404.524)\"\n});\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#4a5160\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m66.191 118.405h24.023v12h-24.023z\",\n transform: \"matrix(.707 -.707 .707 .707 -65.063 91.732)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m47.734 92.101h25.101v12h-25.101z\",\n transform: \"matrix(.707 -.707 .707 .707 -51.711 71.36)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m30.356 65.796h24.022v12h-24.022z\",\n transform: \"matrix(.707 -.707 .707 .707 -38.359 50.986)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m12.819 39.111h24.023v12h-24.023z\",\n transform: \"matrix(.707 -.707 .707 .707 -24.625 30.77)\"\n}));\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m80.051 134.755-11.437-11.436a6 6 0 1 0 -8.485 8.485l11.436 11.437a6 6 0 0 0 8.486-8.486z\",\n fill: \"#555B6B\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m61.752 108.832-11.437-11.432a6 6 0 1 0 -8.485 8.485l11.437 11.436a6 6 0 1 0 8.485-8.485z\",\n fill: \"#555B6B\"\n});\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m44.216 82.146-11.437-11.436a6 6 0 1 0 -8.486 8.485l11.437 11.437a6 6 0 1 0 8.486-8.486z\",\n fill: \"#555B6B\"\n});\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m26.679 55.461-11.436-11.437a6 6 0 0 0 -8.486 8.485l11.437 11.437a6 6 0 0 0 8.485-8.485z\",\n fill: \"#555B6B\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m113.15 52.22c-10.34-5.71-27.66-6.17-37.58-12.42-11.79-7.41-31.47-22.29-37.59-20.91-8.02 1.81-13.58 11.38-13.58 11.38l66.66 98.23 39.36-39.31s1.81-26.42-17.27-36.97z\",\n fill: \"#59DEC3\"\n});\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m401.15 336.75a9.675 9.675 0 0 1 0 13.67l-9.07 9.07-14.99-14.49 9.32-9.32a9.675 9.675 0 0 1 13.67 0z\",\n fill: \"#6d7486\"\n});\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m392.08 359.49-27.16 27.16-14.49-14.99 26.66-26.66z\",\n fill: \"#555b6b\"\n});\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m350.43 371.66 14.49 14.99-9.07 9.07a9.675 9.675 0 0 1 -13.67 0l-1.07-1.07a9.675 9.675 0 0 1 0-13.67z\",\n fill: \"#6d7486\"\n});\n\nfunction SvgBass(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\n xmlns: \"http://www.w3.org/2000/svg\",\n \"data-name\": \"Layer 1\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgBass);\nexport default __webpack_public_path__ + \"static/media/bass.54da4a85.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgKeyboard(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E95854\"\n },\n d: \"M508,393H4c-2.209,0-4-1.791-4-4V206.556h512V389C512,391.209,510.209,393,508,393z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B54441\"\n },\n d: \"M508,393h-26.905V206.556H512V389C512,391.209,510.209,393,508,393z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 30.905,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 75.924,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 120.94,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 165.96,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 210.98,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 256,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 301.02,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 346.04,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 391.06,\n y: 261.15,\n style: {\n fill: \"#EBF0F3\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 436.08,\n y: 261.15,\n style: {\n fill: \"#D8DDDF\"\n },\n width: 45.02,\n height: 131.85\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FF6B5B\"\n },\n d: \"M512,221.768H0V123c0-2.209,1.791-4,4-4h504c2.209,0,4,1.791,4,4V221.768z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E95854\"\n },\n d: \"M512,221.768h-30.905V119H508c2.209,0,4,1.791,4,4V221.768z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#6B7383\"\n },\n d: \"M158.133,186.465v-33.203c0-2.209,1.791-4,4-4h187.734c2.209,0,4,1.791,4,4v33.203 c0,2.209-1.791,4-4,4H162.133C159.924,190.465,158.133,188.675,158.133,186.465z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#6B7383\"\n },\n d: \"M97.352,186.465v-33.203c0-2.209,1.791-4,4-4h22.905c2.209,0,4,1.791,4,4v33.203 c0,2.209-1.791,4-4,4h-22.905C99.143,190.465,97.352,188.675,97.352,186.465z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#6B7383\"\n },\n d: \"M383.742,186.465v-33.203c0-2.209,1.791-4,4-4h22.905c2.209,0,4,1.791,4,4v33.203 c0,2.209-1.791,4-4,4h-22.905C385.533,190.465,383.742,188.675,383.742,186.465z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M85.317,333.617H66.532c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C89.317,331.826,87.526,333.617,85.317,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M130.336,333.617h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C134.336,331.826,132.545,333.617,130.336,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M220.114,333.617H201.33c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C224.114,331.826,222.323,333.617,220.114,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M265.392,333.617h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.466 C269.392,331.826,267.602,333.617,265.392,333.617z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M311.028,333.266l-18.785,0.288c-2.233,0.034-4.061-1.766-4.061-4V261.15h26.785v68.116 C314.966,331.452,313.213,333.232,311.028,333.266z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M400.449,333.206h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.055 C404.449,331.415,402.658,333.206,400.449,333.206z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M70.198,163.606H51.655c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S74.34,163.606,70.198,163.606z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M70.198,190.388H51.655c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S74.34,190.388,70.198,190.388z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M460.345,163.606h-18.543c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S464.487,163.606,460.345,163.606z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#C84B48\"\n },\n d: \"M460.345,190.388h-18.543c-4.142,0-7.5-3.357-7.5-7.5s3.358-7.5,7.5-7.5h18.543 c4.142,0,7.5,3.357,7.5,7.5S464.487,190.388,460.345,190.388z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#485877\"\n },\n d: \"M445.468,333.256h-18.785c-2.209,0-4-1.791-4-4V261.15h26.785v68.105 C449.468,331.465,447.677,333.256,445.468,333.256z\"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgKeyboard);\nexport default __webpack_public_path__ + \"static/media/keyboard.e0afbf10.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgDrums(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M67.251,253.337c-4.204,0-7.612-3.407-7.612-7.612V175.43c0-4.205,3.408-7.612,7.612-7.612 s7.612,3.407,7.612,7.612v70.297C74.863,249.931,71.455,253.337,67.251,253.337z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M437.138,232.025c-4.205,0-7.612,3.407-7.612,7.612v56.529c0,4.205,3.407,7.612,7.612,7.612 c4.205,0,7.612-3.407,7.612-7.612v-56.529C444.75,235.433,441.342,232.025,437.138,232.025z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M67.253,389.431c-4.204,0-7.612,3.408-7.612,7.612v67.253c0,4.205,3.408,7.612,7.612,7.612 s7.612-3.407,7.612-7.612v-67.253C74.865,392.838,71.457,389.431,67.253,389.431z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#DC1C4A\"\n },\n d: \"M134.502,280.397v-28.581c0-3.363-2.726-6.089-6.089-6.089H6.089c-3.363,0-6.089,2.726-6.089,6.089 v139.134c0,3.363,2.726,6.089,6.089,6.089h120.333L134.502,280.397z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M437.138,471.907c-4.205,0-7.612-3.407-7.612-7.612v-84.065c0-4.205,3.407-7.612,7.612-7.612 c4.205,0,7.612,3.407,7.612,7.612v84.065C444.75,468.5,441.342,471.907,437.138,471.907z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M487.578,488.723c-0.798,0-1.61-0.127-2.408-0.393l-48.032-16.012l-48.032,16.012 c-3.992,1.326-8.3-0.825-9.628-4.814c-1.329-3.988,0.825-8.3,4.814-9.628l50.439-16.813c1.564-0.522,3.251-0.522,4.815,0 l50.439,16.813c3.988,1.329,6.143,5.641,4.814,9.628C493.734,486.705,490.764,488.723,487.578,488.723z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#DC1C4A\"\n },\n d: \"M373.724,380.231h124.575c3.363,0,6.089-2.726,6.089-6.089v-71.886c0-3.363-2.726-6.089-6.089-6.089 H366.047L373.724,380.231z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M498.299,296.167h-20.297c3.363,0,6.089,2.726,6.089,6.089v71.886c0,3.363-2.726,6.089-6.089,6.089 h20.297c3.363,0,6.089-2.726,6.089-6.089v-71.886C504.388,298.893,501.663,296.167,498.299,296.167z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#D0E2ED\"\n },\n d: \"M504.388,313.774h-133.2c-1.246,0-2.419,0.305-3.458,0.836l1.285,14.068 c0.689,0.205,1.417,0.319,2.173,0.319h133.2L504.388,313.774L504.388,313.774z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 484.092,\n y: 313.777,\n style: {\n fill: \"#AABFCF\"\n },\n width: 20.297,\n height: 15.223\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M386.698,346.604c0,11.611-1.472,22.879-4.238,33.627h19.226c2.424-10.823,3.711-22.073,3.711-33.627 c0-17.673-3.002-34.642-8.508-50.438h-19.979C383.217,311.743,386.698,328.767,386.698,346.604z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M401.858,313.774h-19.207c1.248,4.97,2.216,10.051,2.893,15.223h18.841 C403.794,323.84,402.949,318.762,401.858,313.774z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M411.918,387.842c-4.205,0-7.612-3.407-7.612-7.612v-16.812c0-4.205,3.407-7.612,7.612-7.612 c4.205,0,7.612,3.407,7.612,7.612v16.812C419.529,384.435,416.122,387.842,411.918,387.842z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M462.358,387.842c-4.205,0-7.612-3.407-7.612-7.612v-16.812c0-4.205,3.407-7.612,7.612-7.612 c4.205,0,7.612,3.407,7.612,7.612v16.812C469.969,384.435,466.562,387.842,462.358,387.842z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M169.068,442.845c-3.813-1.768-8.338-0.111-10.108,3.702l-14.548,31.359 c-1.769,3.814-0.112,8.339,3.701,10.108c1.036,0.481,2.126,0.708,3.198,0.708c2.872,0,5.621-1.634,6.91-4.411l14.549-31.359 C174.538,449.139,172.881,444.614,169.068,442.845z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M359.977,477.907l-14.549-31.359c-1.769-3.814-6.294-5.47-10.108-3.702 c-3.814,1.769-5.471,6.295-3.701,10.108l14.549,31.359c1.289,2.777,4.037,4.411,6.91,4.411c1.073,0,2.162-0.228,3.198-0.708 C360.089,486.245,361.746,481.718,359.977,477.907z\"\n })), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#DC1C4A\"\n },\n cx: 252.195,\n cy: 346.608,\n r: 134.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#D0E2ED\"\n },\n cx: 252.195,\n cy: 346.608,\n r: 109.281\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M42.034,372.618c-4.204,0-7.612,3.408-7.612,7.612v16.813c0,4.205,3.408,7.612,7.612,7.612 s7.612-3.407,7.612-7.612v-16.813C49.645,376.026,46.237,372.618,42.034,372.618z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M92.474,372.618c-4.204,0-7.612,3.408-7.612,7.612v16.813c0,4.205,3.408,7.612,7.612,7.612 s7.612-3.407,7.612-7.612v-16.813C100.085,376.026,96.677,372.618,92.474,372.618z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M120.1,473.889l-50.439-16.813c-1.562-0.523-3.252-0.523-4.814,0l-50.44,16.813 c-3.988,1.329-6.143,5.641-4.815,9.628c1.064,3.19,4.033,5.206,7.22,5.206c0.798,0,1.61-0.127,2.408-0.393l48.033-16.012 l48.032,16.012c3.986,1.329,8.298-0.825,9.628-4.814C126.243,479.528,124.087,475.218,120.1,473.889z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M437.138,154.05c-4.205,0-7.612,3.407-7.612,7.612v22.902c0,4.205,3.407,7.612,7.612,7.612 c4.205,0,7.612-3.407,7.612-7.612v-22.902C444.75,157.458,441.342,154.05,437.138,154.05z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M387.545,217.387L434.116,244c1.872,1.07,4.17,1.07,6.043,0l46.572-26.613 c4.091-2.337,4.091-8.236,0-10.574L440.16,180.2c-1.872-1.07-4.17-1.07-6.043,0l-46.572,26.613 C383.454,209.15,383.454,215.05,387.545,217.387z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M167.746,61.171c-2.973-2.972-7.792-2.972-10.764,0l-29.213,29.213 c-2.973,2.974-2.973,7.792,0,10.765c1.486,1.486,3.434,2.229,5.382,2.229s3.896-0.743,5.382-2.229l29.213-29.213 C170.718,68.962,170.718,64.144,167.746,61.171z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#7D8F9E\"\n },\n d: \"M79.141,157.386c-1.948,0-3.896-0.743-5.382-2.229c-2.973-2.974-2.973-7.792,0-10.765l47.556-47.556 c2.973-2.972,7.792-2.972,10.764,0c2.973,2.974,2.973,7.792,0,10.765l-47.556,47.556C83.038,156.643,81.09,157.386,79.141,157.386z \"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FDBE40\"\n },\n d: \"M92.632,51.449l55.837,26.057c1.296,0.605,2.338,1.647,2.943,2.943l26.057,55.837 c2.881,6.174-5.005,11.698-9.824,6.881L85.751,61.273C80.934,56.454,86.458,48.568,92.632,51.449z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFA912\"\n },\n d: \"M203.41,168.168L60.748,25.506c-2.973-2.972-7.792-2.972-10.764,0c-2.973,2.974-2.973,7.792,0,10.765 l142.662,142.662c1.486,1.486,3.434,2.229,5.382,2.229c1.948,0,3.896-0.743,5.382-2.229 C206.383,175.96,206.383,171.141,203.41,168.168z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#FDBE40\"\n },\n cx: 67.255,\n cy: 161.658,\n r: 16.813\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M252.195,440.661c-57.796,0-105.106-44.867-109.015-101.671c-0.174,2.516-0.268,5.053-0.268,7.614 c0,60.355,48.928,109.283,109.284,109.283S361.48,406.959,361.48,346.604c0-2.561-0.095-5.098-0.268-7.614 C357.301,395.794,309.991,440.661,252.195,440.661z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M252.195,465.882c-71.729,0-130.336-56.149-134.284-126.89c-0.141,2.52-0.218,5.057-0.218,7.613 c0,74.284,60.219,134.503,134.503,134.503s134.504-60.219,134.504-134.503c0-2.555-0.078-5.093-0.219-7.613 C382.531,409.733,323.924,465.882,252.195,465.882z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B31E48\"\n },\n d: \"M117.692,346.604c0-23.573,6.072-45.726,16.725-64.992l0.084-1.215v-28.581 c0-0.928-0.213-1.803-0.585-2.59c-21.82,26.472-34.925,60.394-34.925,97.378c0,17.672,3.002,34.64,8.508,50.436h18.922l0.158-2.278 C120.843,379.809,117.692,363.576,117.692,346.604z\"\n })), /*#__PURE__*/React.createElement(\"rect\", {\n y: 263.338,\n style: {\n fill: \"#D0E2ED\"\n },\n width: 134.5,\n height: 15.223\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#AABFCF\"\n },\n d: \"M114.901,278.558h19.6v-15.223h-10.914C120.414,268.225,117.511,273.304,114.901,278.558z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFA912\"\n },\n d: \"M504.388,204.489H369.885c-4.205,0-7.612,3.407-7.612,7.612s3.407,7.612,7.612,7.612h134.504 c4.205,0,7.612-3.407,7.612-7.612C512,207.897,508.593,204.489,504.388,204.489z\"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDrums);\nexport default __webpack_public_path__ + \"static/media/drums.d0887d7f.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 3213,\n y: -88,\n width: 1282,\n height: 1282\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1)\",\n transform: \"translate(-3213 88)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3852.85 39.15C3748.4 39.15 3661.26 113.224 3641.1 211.696L3636.83 254.101 3636.71 254.101 3636.71 255.246 3636.71 438.498 4069 438.498 4069 255.246 4069 254.101 4068.88 254.101 4064.61 211.696C4044.45 113.224 3957.31 39.15 3852.85 39.15ZM3854-88C4043.6-88 4197.3 65.6671 4197.3 255.225L4197.3 255.232 4197.3 438.498 4143.91 438.498 4143.91 438.498 4258.23 438.498C4292.9 438.498 4321 466.597 4321 501.258L4321 1130.24C4321 1164.9 4292.9 1193 4258.23 1193L3449.77 1193C3415.1 1193 3387 1164.9 3387 1130.24L3387 501.258C3387 466.597 3415.1 438.498 3449.77 438.498L3564.09 438.498 3564.09 438.498 3510.7 438.498 3510.7 255.225 3510.7 255.225 3512.47 220.132C3530.05 47.0591 3676.25-88 3854-88Z\",\n fillRule: \"evenodd\"\n}));\n\nfunction SvgStatus(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1282,\n height: 1282,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"-140 -140 1562 1562\",\n fill: \"#C5C6CE\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStatus);\nexport default __webpack_public_path__ + \"static/media/status.5bdc85a6.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 889,\n y: 743,\n width: 1282,\n height: 1282\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0)\",\n transform: \"translate(-889 -743)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1531 743C1720.6 743 1874.3 896.787 1874.3 1086.49L1874.3 1086.5 1874.3 1269.91 1820.91 1269.91 1820.91 1269.91 1935.23 1269.91C1969.9 1269.91 1998 1298.03 1998 1332.72L1998 1962.19C1998 1996.88 1969.9 2025 1935.23 2025L1126.77 2025C1092.1 2025 1064 1996.88 1064 1962.19L1064 1332.72C1064 1298.03 1092.1 1269.91 1126.77 1269.91L1746 1269.91 1746 1086.51 1746 1085.37 1745.88 1085.37 1741.61 1042.93C1721.45 944.381 1634.31 870.249 1529.85 870.249 1425.4 870.249 1338.26 944.381 1318.1 1042.93L1313.83 1085.37 1313.71 1085.37 1313.71 1086.51 1313.71 1092.72 1187.7 1092.72 1187.7 1086.49 1187.7 1086.49 1189.47 1051.37C1207.05 878.164 1353.25 743 1531 743Z\",\n fillRule: \"evenodd\"\n}));\n\nfunction SvgPublic(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1282,\n height: 1282,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"-140 -140 1562 1562\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPublic);\nexport default __webpack_public_path__ + \"static/media/public.19900f65.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 3213,\n y: -88,\n width: 1282,\n height: 1282\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1)\",\n transform: \"translate(-3213 88)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3852.85 39.15C3748.4 39.15 3661.26 113.224 3641.1 211.696L3636.83 254.101 3636.71 254.101 3636.71 255.246 3636.71 438.498 4069 438.498 4069 255.246 4069 254.101 4068.88 254.101 4064.61 211.696C4044.45 113.224 3957.31 39.15 3852.85 39.15ZM3854-88C4043.6-88 4197.3 65.6671 4197.3 255.225L4197.3 255.232 4197.3 438.498 4143.91 438.498 4143.91 438.498 4258.23 438.498C4292.9 438.498 4321 466.597 4321 501.258L4321 1130.24C4321 1164.9 4292.9 1193 4258.23 1193L3449.77 1193C3415.1 1193 3387 1164.9 3387 1130.24L3387 501.258C3387 466.597 3415.1 438.498 3449.77 438.498L3564.09 438.498 3564.09 438.498 3510.7 438.498 3510.7 255.225 3510.7 255.225 3512.47 220.132C3530.05 47.0591 3676.25-88 3854-88Z\",\n fillRule: \"evenodd\"\n}));\n\nfunction SvgPrivate(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1282,\n height: 1282,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"-140 -140 1562 1562\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPrivate);\nexport default __webpack_public_path__ + \"static/media/private.10be482d.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useCallback, useState} from \"react\";\r\nimport \"./style.scss\";\r\n\r\nimport SearchInput from \"./SearchBar\";\r\nimport FilterMenu, {MenuItemProps} from \"./FilterMenu\";\r\n\r\nimport {Country, Inst, Status} from \"../../../common/classes/properties\";\r\n\r\nimport {FilterClass, FilterClassType} from \"../../../modules/filter/types\";\r\n\r\nimport {ReactComponent as CountryIcon} from \"../../../resource/img/icon/country.svg\";\r\nimport {ReactComponent as Korea} from \"../../../resource/img/icon/Flag/korea-noborder.svg\";\r\nimport {ReactComponent as Japan} from \"../../../resource/img/icon/Flag/japan-noborder.svg\";\r\n\r\nimport {ReactComponent as InstIcon} from \"../../../resource/img/icon/instrument.svg\";\r\nimport {ReactComponent as Vocal} from \"../../../resource/img/icon/Profile/vocal.svg\";\r\nimport {ReactComponent as Guitar} from \"../../../resource/img/icon/Profile/electric.svg\";\r\nimport {ReactComponent as Bass} from \"../../../resource/img/icon/Profile/bass.svg\";\r\nimport {ReactComponent as Keys} from \"../../../resource/img/icon/Profile/keyboard.svg\";\r\nimport {ReactComponent as Drums} from \"../../../resource/img/icon/Profile/drums.svg\";\r\n\r\nimport {ReactComponent as StatusIcon} from \"../../../resource/img/icon/status.svg\";\r\nimport {ReactComponent as Public} from \"../../../resource/img/icon/public.svg\";\r\nimport {ReactComponent as Private} from \"../../../resource/img/icon/private.svg\";\r\n\r\nfunction Filter() {\r\n const [activeClass, setActiveClass] = useState\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Toolbar);","import {useState, useEffect, useRef} from \"react\";\r\n\r\nfunction useScrollTrigger(threshold: number) {\r\n const [trigger, setTrigger] = useState(false);\r\n const localState = useRef\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Header);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgBongos(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"rect\", {\n x: 208.97,\n y: 204.54,\n style: {\n fill: \"#A66856\"\n },\n width: 94.07,\n height: 83.88\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F3B573\"\n },\n d: \"M212.049,348.625H39.315c-2.134,0-3.891-1.674-3.995-3.805l-8.535-175.27H224.58l-8.535,175.27 C215.941,346.951,214.183,348.625,212.049,348.625z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F3B573\"\n },\n d: \"M472.685,348.625H299.951c-2.134,0-3.892-1.674-3.995-3.805l-8.535-175.27h197.795l-8.535,175.27 C476.577,346.951,474.819,348.625,472.685,348.625z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5A257\"\n },\n d: \"M454.567,169.55l-8.72,179.075h26.838c2.133,0,3.891-1.674,3.995-3.805l8.535-175.27H454.567z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5A257\"\n },\n d: \"M194.042,169.55l-8.72,179.075h26.838c2.133,0,3.891-1.674,3.995-3.805l8.535-175.27H194.042z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFDEA9\"\n },\n d: \"M231.911,210.374H19.453c-2.209,0-4-1.791-4-4V136.5c0-2.209,1.791-4,4-4h212.459 c2.209,0,4,1.791,4,4v69.874C235.911,208.583,234.121,210.374,231.911,210.374z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFDEA9\"\n },\n d: \"M492.547,210.374H280.089c-2.209,0-4-1.791-4-4V136.5c0-2.209,1.791-4,4-4h212.459 c2.209,0,4,1.791,4,4v69.874C496.547,208.583,494.756,210.374,492.547,210.374z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF7B\"\n },\n d: \"M492.547,210.374h-26.905V132.5h26.905c2.209,0,4,1.791,4,4v69.874 C496.547,208.583,494.756,210.374,492.547,210.374z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF7B\"\n },\n d: \"M231.911,210.374h-26.905V132.5h26.905c2.209,0,4,1.791,4,4v69.874 C235.911,208.583,234.121,210.374,231.911,210.374z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#735458\"\n },\n d: \"M245.186,183.958H6.178c-3.412,0-6.178-2.766-6.178-6.178v-14.402c0-3.412,2.766-6.178,6.178-6.178 h239.008c3.412,0,6.178,2.766,6.178,6.178v14.402C251.364,181.192,248.598,183.958,245.186,183.958z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#735458\"\n },\n d: \"M505.822,183.958H266.814c-3.412,0-6.178-2.766-6.178-6.178v-14.402 c0-3.412,2.766-6.178,6.178-6.178h239.008c3.412,0,6.178,2.766,6.178,6.178v14.402C512,181.192,509.234,183.958,505.822,183.958z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#5C4346\"\n },\n d: \"M505.819,157.2h-30.905c3.414,0,6.181,2.765,6.181,6.175v14.408c0,3.41-2.767,6.175-6.181,6.175 h30.905c3.414,0,6.181-2.765,6.181-6.175v-14.408C512,159.965,509.233,157.2,505.819,157.2z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#5C4346\"\n },\n d: \"M245.183,157.2h-30.905c3.414,0,6.181,2.765,6.181,6.175v14.408c0,3.41-2.767,6.175-6.181,6.175 h30.905c3.414,0,6.181-2.765,6.181-6.175v-14.408C251.364,159.965,248.597,157.2,245.183,157.2z\"\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M164.829,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C170.822,379.5,164.829,373.507,164.829,366.114z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M59.751,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C65.744,379.5,59.751,373.507,59.751,366.114z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M425.465,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C431.458,379.5,425.465,373.507,425.465,366.114z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E8E6E1\"\n },\n d: \"M320.386,366.114V183.958h26.785v182.156c0,7.393-5.993,13.386-13.386,13.386h-0.013 C326.379,379.5,320.386,373.507,320.386,366.114z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgBongos);\nexport default __webpack_public_path__ + \"static/media/bongos.d323be5c.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m70.369 479.411c42.965 42.965 113.089 43.747 155.813.543 20.188-20.414 30.681-46.809 31.483-73.441.594-19.728 12.483-37.429 30.433-45.636 7.507-3.433 14.554-8.2 20.783-14.304 29.27-28.687 28.683-76.089-.297-105.069l-38.088-38.088c-28.98-28.98-76.382-29.567-105.069-.297-6.104 6.228-10.872 13.275-14.304 20.782-8.207 17.949-25.909 29.839-45.636 30.433-26.633.802-53.027 11.295-73.441 31.483-43.204 42.724-42.422 112.848.543 155.813z\",\n fill: \"#fac574\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"circle\", {\n cx: 180.639,\n cy: 331.36,\n fill: \"#685e67\",\n r: 41.822\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m210.215 360.934c-16.332 16.332-42.818 16.332-59.15 0-12.037-12.038-15.202-29.58-9.494-44.517 2.035 5.332 5.2 10.328 9.494 14.632 16.332 16.332 42.818 16.332 59.15 0 4.304-4.304 7.469-9.3 9.504-14.632 5.698 14.937 2.533 32.479-9.504 44.517z\",\n fill: \"#554e55\"\n}));\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m308.876 346.576c-6.227 6.105-13.269 10.867-20.778 14.297-17.949 8.212-29.834 25.917-30.435 45.637-.804 26.639-11.295 53.034-31.483 73.446-42.727 43.205-112.845 42.421-155.806-.539l-22.63-22.63c42.961 42.961 113.09 43.744 155.806.539 20.188-20.412 30.689-46.807 31.483-73.436.6-19.73 12.485-37.435 30.435-45.637 7.509-3.439 14.561-8.201 20.788-14.307 29.265-28.684 28.674-76.092-.305-105.071l22.63 22.63c28.979 28.98 29.569 76.377.295 105.071z\",\n fill: \"#e8b66b\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m251.016 294.083 182.669-189.561-26.208-26.208-189.561 182.669c-2.05 1.975-2.08 5.248-.067 7.261l25.907 25.906c2.012 2.013 5.285 1.983 7.26-.067z\",\n fill: \"#c76d3d\"\n}));\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m251.019 294.079c-1.979 2.051-5.252 2.086-7.267.072l-18.218-18.218c2.015 2.015 5.296 1.986 7.267-.072l182.662-189.556 18.218 18.218z\",\n fill: \"#aa5e33\"\n}));\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"\"\n});\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"\"\n});\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#685e67\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m504.388 80.838c-1.947 0-3.896-.743-5.383-2.229l-65.615-65.616c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l65.616 65.615c2.972 2.972 2.972 7.792 0 10.764-1.487 1.487-3.436 2.23-5.383 2.23z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m483.951 96.939c-1.948 0-3.896-.743-5.383-2.229l-61.28-61.28c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.972 10.765 0l61.28 61.28c2.972 2.972 2.972 7.792 0 10.764-1.487 1.486-3.435 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m462.43 111.957c-1.948 0-3.896-.743-5.383-2.229l-54.776-54.777c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.972 10.765 0l54.776 54.777c2.972 2.972 2.972 7.792 0 10.764-1.486 1.485-3.434 2.229-5.382 2.229z\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#554e55\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m509.77 67.845-25.519-25.52c-3.571 3.605-7.139 7.214-10.721 10.808l25.475 25.475c1.487 1.486 3.435 2.229 5.383 2.229 1.947 0 3.896-.743 5.382-2.229 2.972-2.972 2.972-7.791 0-10.763z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m466.033 60.646c-3.586 3.59-7.166 7.187-10.753 10.776l23.288 23.288c1.487 1.487 3.434 2.229 5.383 2.229 1.947 0 3.896-.743 5.382-2.229 2.972-2.972 2.972-7.792 0-10.764z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m447.784 78.934c-3.584 3.592-7.164 7.189-10.74 10.79l20.003 20.003c1.487 1.487 3.434 2.229 5.383 2.229 1.948 0 3.896-.743 5.383-2.229 2.972-2.972 2.972-7.792 0-10.764z\"\n})), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m429.941 107.047-24.99-24.99c-2.088-2.088-2.289-5.406-.47-7.731l47.174-60.276c4.462-5.701 12.906-6.214 18.024-1.095l29.362 29.362c5.119 5.119 4.606 13.563-1.095 18.024l-60.276 47.174c-2.323 1.822-5.641 1.62-7.729-.468z\",\n fill: \"#fac574\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m503.474 56.014-65.806 51.503c-2.324 1.82-5.634 1.619-7.72-.468l-20.297-20.297c2.087 2.087 5.404 2.295 7.728.475l65.807-51.503c2.756-2.166 3.008-6.26.532-8.735l20.29 20.29c2.48 2.482 2.229 6.576-.534 8.735z\",\n fill: \"#e8b66b\"\n}));\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#fef0dc\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m139.428 416.615c-1.947 0-3.896-.743-5.383-2.229l-36.433-36.433c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l36.433 36.433c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m118.775 437.269c-1.947 0-3.896-.743-5.383-2.229l-36.433-36.433c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l36.433 36.433c2.972 2.972 2.972 7.792 0 10.764-1.486 1.485-3.435 2.229-5.382 2.229z\"\n}));\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m450.905 68.707c-1.947 0-3.896-.743-5.382-2.229-2.973-2.973-2.973-7.792-.001-10.765l12.433-12.434c2.973-2.972 7.793-2.973 10.764 0 2.973 2.973 2.973 7.792.001 10.765l-12.433 12.434c-1.486 1.486-3.435 2.229-5.382 2.229z\",\n fill: \"#c76d3d\"\n});\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#8e4d29\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m327.549 220.039c-1.948 0-3.896-.743-5.383-2.229l-27.976-27.977c-2.972-2.973-2.972-7.792.001-10.764 2.971-2.973 7.791-2.972 10.764 0l27.976 27.977c2.972 2.973 2.972 7.792-.001 10.764-1.485 1.486-3.433 2.229-5.381 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m354.409 193.179c-1.947 0-3.896-.743-5.383-2.229l-27.977-27.977c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l27.977 27.977c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m381.269 166.319c-1.948 0-3.896-.743-5.383-2.229l-27.976-27.977c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.973 10.765 0l27.976 27.977c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.435 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m402.505 140.765c-1.947 0-3.896-.743-5.383-2.229l-23.66-23.66c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l23.66 23.66c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m301.507 248.202c-1.947 0-3.896-.743-5.383-2.229l-30.136-30.135c-2.972-2.972-2.972-7.792 0-10.764 2.973-2.972 7.792-2.972 10.765 0l30.136 30.135c2.972 2.972 2.972 7.792 0 10.764-1.486 1.486-3.434 2.229-5.382 2.229z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m274.404 275.305c-1.948 0-3.896-.743-5.383-2.229l-30.135-30.135c-2.972-2.972-2.972-7.792 0-10.764 2.974-2.973 7.793-2.973 10.765 0l30.135 30.135c2.972 2.972 2.972 7.792 0 10.764-1.486 1.485-3.434 2.229-5.382 2.229z\"\n}));\n\nfunction SvgAcoustic(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512 512\",\n height: 512,\n viewBox: \"0 0 512 512\",\n width: 512,\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, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, _ref2, _ref3, _ref4, _ref5, _ref6, /*#__PURE__*/React.createElement(\"g\", {\n style: {\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 15,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeMiterlimit: 10\n }\n }, _ref7, _ref8), _ref9, _ref10), _ref11, _ref12));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgAcoustic);\nexport default __webpack_public_path__ + \"static/media/acoustic.228c867b.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgPiano(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M333.607,213.667H178.393v-36.874c0-2.274,1.844-4.118,4.118-4.118h146.978 c2.274,0,4.118,1.844,4.118,4.118L333.607,213.667L333.607,213.667z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M36.692,471H13.787c-2.209,0-4-1.791-4-4V290.976h30.905V467C40.692,469.209,38.901,471,36.692,471z \"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M498.213,471h-22.905c-2.209,0-4-1.791-4-4V290.976h30.905V467 C502.213,469.209,500.422,471,498.213,471z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#595959\"\n },\n d: \"M486.369,211.897c-2.829,0-5.537-1.608-6.807-4.343l-62.976-135.62 c-1.745-3.757-0.113-8.217,3.644-9.961c3.757-1.745,8.216-0.113,9.961,3.644l62.976,135.62c1.745,3.757,0.113,8.217-3.644,9.961 C488.501,211.672,487.426,211.897,486.369,211.897z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M466.315,66.994L31.175,211.101c-6.912,2.289-14.349-1.526-16.611-8.52l0,0 c-2.262-6.995,1.508-14.521,8.419-16.81L458.124,41.665c6.912-2.289,14.349,1.526,16.611,8.52l0,0 C476.997,57.18,473.227,64.705,466.315,66.994z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"rect\", {\n x: 240.55,\n y: 290.97,\n style: {\n fill: \"#595959\"\n },\n width: 30.905,\n height: 154.24\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#595959\"\n },\n d: \"M498.093,290.976H13.907v-91.555h480.185c2.209,0,4,1.791,4,4L498.093,290.976L498.093,290.976z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M498.093,290.976h-30.905v-91.555h26.905c2.209,0,4,1.791,4,4V290.976z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 13.907,\n y: 264.23,\n style: {\n fill: \"#FFDEA9\"\n },\n width: 484.19,\n height: 26.746\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 450.19,\n y: 264.23,\n style: {\n fill: \"#FFBF7B\"\n },\n width: 30.905,\n height: 26.746\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M271.453,437.21h-30.905v-23.421c0-8.528,6.913-15.442,15.442-15.442h0.022 c8.528,0,15.442,6.913,15.442,15.442L271.453,437.21L271.453,437.21z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M229.215,437.21H198.31v-23.421c0-8.528,6.913-15.442,15.442-15.442h0.022 c8.528,0,15.442,6.913,15.442,15.442v23.421H229.215z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M313.69,437.21h-30.905v-23.421c0-8.528,6.913-15.442,15.442-15.442h0.022 c8.528,0,15.442,6.913,15.442,15.442L313.69,437.21L313.69,437.21z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFDEA9\"\n },\n d: \"M274.543,243.312h-37.087c-4.142,0-7.5-3.358-7.5-7.5s3.358-7.5,7.5-7.5h37.087 c4.142,0,7.5,3.358,7.5,7.5S278.686,243.312,274.543,243.312z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464646\"\n },\n d: \"M512,268.225v53.722c0,2.209-1.791,4-4,4H4c-2.209,0-4-1.791-4-4v-53.722c0-2.209,1.791-4,4-4h26.905 v26.746h450.189v-26.746H508C510.209,264.225,512,266.015,512,268.225z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M508,325.947h-26.905v-61.722H508c2.209,0,4,1.791,4,4v53.722 C512,324.156,510.209,325.947,508,325.947z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#353535\"\n },\n d: \"M325.025,455.955h-138.05c-2.274,0-4.118-1.844-4.118-4.118v-18.511 c0-2.274,1.844-4.118,4.118-4.118h138.05c2.274,0,4.118,1.844,4.118,4.118v18.511C329.143,454.112,327.299,455.955,325.025,455.955 z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPiano);\nexport default __webpack_public_path__ + \"static/media/piano.8d69366b.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m189.307 280.179-21.211-21.211c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l21.211 21.211c5.859 5.859 5.859 15.352 0 21.211-5.859 5.86-15.351 5.86-21.211 0z\",\n fill: \"#ffe14d\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m146.886 322.601-21.211-21.211c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l21.211 21.211c5.859 5.859 5.859 15.352 0 21.211-5.86 5.86-15.352 5.86-21.211 0z\",\n fill: \"#ffe14d\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m104.464 365.023-21.211-21.211c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l21.211 21.211c5.859 5.859 5.859 15.352 0 21.211-5.86 5.859-15.352 5.86-21.211 0z\",\n fill: \"#ffe14d\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m295.362 386.249-63.633-63.647c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l63.633 63.647c5.859 5.859 5.859 15.352 0 21.211s-15.351 5.859-21.211 0z\",\n fill: \"#E1A42C\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m252.94 428.671-63.633-63.647c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l63.633 63.647c5.859 5.859 5.859 15.352 0 21.211s-15.351 5.859-21.211 0z\",\n fill: \"#E1A42C\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m210.518 471.093-63.633-63.633c-5.859-5.859-5.859-15.352 0-21.211s15.352-5.859 21.211 0l63.633 63.633c5.859 5.859 5.859 15.352 0 21.211s-15.351 5.859-21.211 0z\",\n fill: \"#E1A42C\"\n})), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m136.28 481.698c-23.403-23.373-23.509-61.335 0-84.844l106.055-106.069c23.379-23.408 61.465-23.408 84.844 0 23.408 23.394 23.408 61.465 0 84.858l-106.055 106.055c-23.358 23.387-61.465 23.408-84.844 0zm127.266-169.702-106.055 106.069c-11.703 11.733-11.748 30.643 0 42.422 11.719 11.689 30.703 11.689 42.422 0l106.055-106.055c11.689-11.704 11.689-30.732 0-42.437-11.715-11.684-30.68-11.712-42.422.001z\",\n fill: \"#fb3\"\n})), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Toy_Trumpet_2_\"\n}, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m316.595 258.914-212.1 212.1-51.6-3.413-12-60.189 212.1-212.098 63.078 3.077z\",\n fill: \"#FFBB33\"\n}))))), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m316.073 198.392-2.437-.119-261.44 261.628.699 7.699 51.6 3.414 212.1-212.1z\",\n fill: \"#E1A42C\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m104.495 471.014-36.599 36.487c-2.701 2.999-6.599 4.501-10.499 4.501s-7.8-1.501-10.501-4.501l-42.3-42.3c-3.001-2.701-4.501-6.601-4.501-10.501s1.5-7.8 4.501-10.499l36.299-36.789z\",\n fill: \"#ffe14d\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m510.695 190.511c-2.4 5.7-7.8 9.3-13.8 9.3-1.2 0-121.8.9-180.3 59.1l-63.6-63.6c58.2-58.5 59.1-179.1 59.1-180.3 0-6 3.6-11.4 9.3-13.8s12-1.2 16.2 3.3l84.9 84.9 84.9 84.9c4.5 4.2 5.7 10.5 3.3 16.2z\",\n fill: \"#ffe14d\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#fb3\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m46.895 507.501c2.701 2.999 6.601 4.501 10.501 4.501s7.798-1.501 10.499-4.501l36.599-36.487-31.8-31.802-46.95 47.138z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m510.695 190.511c-2.4 5.7-7.8 9.3-13.8 9.3-1.2 0-121.8.9-180.3 59.1l-31.8-31.8 137.7-137.7 84.9 84.9c4.5 4.2 5.7 10.5 3.3 16.2z\"\n})));\n\nfunction SvgTrumpet(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n enableBackground: \"new 0 0 512.001 512.001\",\n height: 512,\n viewBox: \"0 0 512.001 512.001\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTrumpet);\nexport default __webpack_public_path__ + \"static/media/trumpet.cf957df6.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m261.976562 212.617188c-23.570312 23.429687-36.785156 55.320312-36.6875 88.558593v82.75c0 8.839844-7.164062 16-16 16-8.835937 0-16-7.160156-16-16v-303.277343c.605469-37.730469-25.289062-70.730469-62.078124-79.121094-42.058594-8.460938-83.019532 18.75-91.519532 60.800781l-2.5625 12.800781-15.632812-5.203125c-8.335938-2.785156-17.363282 1.683594-20.207032 10-2.785156 8.378907 1.738282 17.429688 10.113282 20.226563l32.832031 10.941406c4.359375 1.46875 9.136719.992188 13.121094-1.3125 3.980469-2.300781 6.777343-6.207031 7.679687-10.71875l4-20.015625c1.210938-6.109375 6.570313-10.507813 12.796875-10.511719 3.636719 0 7.105469 1.511719 9.582031 4.171875 2.472657 2.664063 3.726563 6.234375 3.460938 9.859375l-21.585938 292.847656c-2.664062 37.734376 11.640626 74.691407 39.007813 100.800782 25.199219 23.464844 58.5 36.265625 92.929687 35.710937h4.0625c70.691407 0 128-57.304687 128-128v-2.75c-.066406-24.746093 9.765626-48.488281 27.3125-65.9375zm0 0\",\n fill: \"#ffd740\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m209.289062 463.925781h-4.0625c-34.429687.554688-67.730468-12.246093-92.929687-35.710937-20.003906-19.136719-33.21875-44.285156-37.632813-71.617188l-1.375 18.816406c-2.664062 37.734376 11.640626 74.691407 39.007813 100.800782 25.199219 23.464844 58.5 36.265625 92.929687 35.710937h4.0625c70.691407 0 128-57.304687 128-128 0 0-16 80-128 80zm0 0\",\n fill: \"#ffc400\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m241.292969 191.929688c6.25-6.246094 16.378906-6.246094 22.628906 0l121.371094 121.375c6.25 6.25 6.25 16.378906 0 22.628906-6.246094 6.246094-16.378907 6.246094-22.625 0l-121.375-121.375c-6.246094-6.25-6.246094-16.378906 0-22.628906zm0 0\",\n fill: \"#E1A42C\"\n});\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#fff\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m129.289062 63.925781h32v32h-32zm0 0\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m129.289062 127.925781h32v32h-32zm0 0\"\n}));\n\nfunction SvgSaxophone(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"511pt\",\n viewBox: \"-61 0 511 511.94449\",\n width: \"511pt\",\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, _ref2, _ref3, _ref4, _ref5);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSaxophone);\nexport default __webpack_public_path__ + \"static/media/saxophone.fbbb3f39.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgFlute(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512.001 512.001\",\n style: {\n enableBackground: \"new 0 0 512.001 512.001\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B8C3DA\"\n },\n d: \"M33.872,510.822L1.179,478.128c-1.572-1.572-1.572-4.121,0-5.694L472.435,1.179 c1.572-1.572,4.121-1.572,5.694,0l32.693,32.693c1.572,1.572,1.572,4.121,0,5.694L39.565,510.822 C37.993,512.393,35.444,512.393,33.872,510.822z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#98A1B4\"\n },\n d: \"M483.89,6.94l8.608,8.608L15.549,492.498l18.323,18.323c1.572,1.572,4.121,1.572,5.694,0 L510.821,39.565c1.572-1.572,1.572-4.121,0-5.694L483.89,6.94z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 272.94,\n cy: 239.06,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 239.11,\n cy: 272.891,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 205.28,\n cy: 306.72,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 171.45,\n cy: 340.55,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 137.62,\n cy: 374.38,\n r: 7.5\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 103.79,\n cy: 408.21,\n r: 7.5\n })), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#98A1B4\"\n },\n d: \"M33.872,510.822L1.179,478.128c-1.572-1.572-1.572-4.121,0-5.694l25.943-25.943l38.386,38.386 L39.565,510.82C37.993,512.393,35.444,512.393,33.872,510.822z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#98A1B4\"\n },\n d: \"M435.985,127.806l-94.219,93.134c-1.574,1.556-4.11,1.549-5.676-0.015l-22.2-22.182l-23.377-23.349 c-1.58-1.578-1.574-4.142,0.015-5.712l94.219-93.134c1.574-1.556,4.11-1.549,5.676,0.015l23.413,23.395L436,122.094 C437.58,123.673,437.573,126.236,435.985,127.806z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#777F8E\"\n },\n d: \"M435.985,127.806l-94.219,93.134c-1.574,1.556-4.11,1.549-5.676-0.015l-22.2-22.182l0.021-0.01 l99.925-98.774L436,122.096C437.58,123.673,437.573,126.236,435.985,127.806z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#384256\"\n },\n cx: 363.26,\n cy: 148.74,\n r: 12.96\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFlute);\nexport default __webpack_public_path__ + \"static/media/flute.d663e981.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgViolin(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B36144\"\n },\n d: \"M351.473,307.676c-8.309,26.625-30.295,47.982-65.369,63.479l-7.239,3.199l-6.719-4.169 c-3.139-1.89-14.008-6.969-21.716-4.979c-2.14,0.55-4.939,1.79-7.649,6.509c-9.948,17.287,8.119,35.444,8.898,36.204l6.839,6.599 l-3.099,8.938c-1.01,2.979-25.276,73.017-82.356,86.365c-6.209,1.45-12.518,2.18-18.917,2.18c-28.575,0-58.95-14.477-90.654-43.242 c-3.439-3.109-6.889-6.389-10.358-9.858c-0.17-0.16-0.33-0.32-0.5-0.49c-3.639-3.639-7.089-7.259-10.348-10.868 C8.013,409.628-5.505,373.384,2.084,339.62c12.888-57.41,82.296-82.855,85.245-83.905l9.128-3.269l6.729,6.979 c0.7,0.71,18.847,18.787,36.154,8.838c4.729-2.73,5.969-5.559,6.509-7.719c2-7.939-3.519-19.267-4.999-21.646l-4.159-6.729 l3.199-7.229c15.487-35.074,36.844-57.07,63.479-65.369c33.444-10.438,66.618,3.409,88.564,16.867l-7.849,12.788l19.367,19.357 l18.367,18.367l12.788-7.839C348.053,241.048,361.911,274.222,351.473,307.676z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#8D4D36\"\n },\n d: \"M351.473,307.676c-8.309,26.625-30.295,47.982-65.369,63.479l-7.239,3.199l-6.719-4.169 c-3.139-1.89-14.008-6.969-21.716-4.979c-2.14,0.55-4.939,1.79-7.649,6.509c-9.948,17.287,8.119,35.444,8.898,36.204l6.839,6.599 l-3.099,8.938c-1.01,2.979-25.276,73.017-82.356,86.365c-6.209,1.45-12.518,2.18-18.917,2.18c-28.575,0-58.95-14.477-90.654-43.242 c-3.439-3.109-6.889-6.389-10.358-9.858l250.316-250.316l18.367,18.367l12.788-7.839 C348.053,241.048,361.911,274.222,351.473,307.676z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#57555C\"\n },\n d: \"M175.314,356.937l11.488,11.488l-21.206,21.216l-11.488-11.498l-90.614,90.614 c-3.439-3.109-6.889-6.389-10.358-9.858c-0.17-0.16-0.33-0.32-0.5-0.49c-3.639-3.639-7.089-7.259-10.348-10.868l90.604-90.604 l-11.488-11.488l21.206-21.206l11.498,11.488l78.986-78.996l11.108,11.098l10.108,10.108L175.314,356.937z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#2A2A2C\"\n },\n d: \"M254.31,277.941l-78.996,78.996l11.488,11.488l-21.206,21.216l-11.488-11.498l-90.614,90.614 c-3.439-3.109-6.889-6.389-10.358-9.858l191.066-191.066L254.31,277.941z\"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#F5C28E\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 267.147,293.058 242.862,269.173 218.107,244.817 397.594,68.248 412.672,53.411 466.972,0 489.708,22.326 \"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#B36144\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 421.17,90.864 397.594,68.248 412.672,53.411 466.972,0 489.708,22.326 \"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#CFA478\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 267.147,293.058 242.862,269.173 489.708,22.326 \"\n }), /*#__PURE__*/React.createElement(\"polygon\", {\n style: {\n fill: \"#8D4D36\"\n },\n points: \"511.964,44.192 458.624,98.413 444.266,113.01 421.17,90.864 489.708,22.326 \"\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgViolin);\nexport default __webpack_public_path__ + \"static/media/violin.b603a4e1.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgDj(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FD6F71\"\n },\n d: \"M470.847,0H41.153C18.425,0,0,18.425,0,41.153v429.695C0,493.575,18.425,512,41.153,512h429.695 C493.575,512,512,493.575,512,470.847V41.153C512,18.425,493.575,0,470.847,0z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#E36465\"\n },\n d: \"M225.061,465.197c-115.352,0-209.197-93.845-209.197-209.197S109.709,46.803,225.061,46.803 S434.256,140.649,434.256,256S340.412,465.197,225.061,465.197z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#EFEDEE\"\n },\n cx: 372.019,\n cy: 109.034,\n r: 68.023\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 225.064,\n cy: 256,\n r: 183.444\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#485877\"\n },\n cx: 225.064,\n cy: 256,\n r: 148.058\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 225.064,\n cy: 256,\n r: 77.398\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#485877\"\n },\n cx: 225.064,\n cy: 256,\n r: 36.96\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#B8B8B8\"\n },\n d: \"M225.061,271.47c-3.959,0-7.918-1.51-10.938-4.531c-6.041-6.041-6.041-15.836,0-21.877 L361.085,98.098c6.041-6.042,15.836-6.042,21.877,0c6.042,6.041,6.042,15.836,0,21.877L235.999,266.938 C232.979,269.959,229.02,271.47,225.061,271.47z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#EFEDEE\"\n },\n d: \"M460.524,275.595h-12.213c-5.428,0-9.828,4.4-9.828,9.828v175.595c0,5.428,4.4,9.828,9.828,9.828 h12.213c5.428,0,9.828-4.4,9.828-9.828V285.423C470.352,279.995,465.952,275.595,460.524,275.595z\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 438.486,\n y: 330.544,\n style: {\n fill: \"#B8B8B8\"\n },\n width: 31.87,\n height: 45.316\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#334060\"\n },\n d: \"M473.258,320.246h-37.681c-5.819,0-10.538,4.718-10.538,10.538v3.638 c0,5.819,4.718,10.538,10.538,10.538h37.681c5.819,0,10.538-4.718,10.538-10.538v-3.638 C483.796,324.964,479.077,320.246,473.258,320.246z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 51.561,\n cy: 51.561,\n r: 17.764\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#334060\"\n },\n cx: 51.561,\n cy: 460.429,\n r: 17.764\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDj);\nexport default __webpack_public_path__ + \"static/media/dj.30b92327.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgStage(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 480 480\",\n style: {\n enableBackground: \"new 0 0 480 480\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFF89B\"\n },\n d: \"M306.104,271.212L264,159.932h-48l-12.976,36.936l4.976,3.064l-16,168l-32.608-46.88L112,455.932h264 l-31.28-82.672L272,319.932L306.104,271.212z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF41\"\n },\n d: \"M208,199.932l-4.976-3.064l-43.632,124.184L192,367.932L208,199.932z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFF89B\"\n },\n d: \"M306.104,271.212L344.72,373.26L392,407.932L448.904,180.3l-64.408-22.024L306.104,271.212z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFF89B\"\n },\n d: \"M203.024,196.868l-100.6-60.296l-40.936,42.864l97.904,141.616L203.024,196.868z\"\n })), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FFBF41\"\n },\n d: \"M272,319.932l72.72,53.328l-38.616-102.048L272,319.932z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#5A6570\"\n },\n d: \"M472,47.932h-28.688l24-24H472c4.418,0,8-3.582,8-8s-3.582-8-8-8H8c-4.418,0-8,3.582-8,8s3.582,8,8,8 h36.688l-24,24H8c-4.418,0-8,3.582-8,8s3.582,8,8,8h23.944l-0.36,47.936c-0.035,4.418,3.517,8.028,7.936,8.064 c0.003,0,0.006,0,0.008,0h0.056c4.393,0,7.965-3.543,8-7.936l0.36-48.064H232v32c0,4.418,3.582,8,8,8s8-3.582,8-8v-32h192v56 c0,4.418,3.582,8,8,8s8-3.582,8-8v-56h16c4.418,0,8-3.582,8-8S476.418,47.932,472,47.932z M203.312,47.932L224,27.244l20.688,20.688 H203.312z M43.312,47.932L64,27.244l20.688,20.688H43.312z M164.688,47.932h-41.376L144,27.244L164.688,47.932z M163.312,23.932 h41.376L184,44.62L163.312,23.932z M243.312,23.932h41.376L264,44.62L243.312,23.932z M304,27.244l20.688,20.688h-41.376L304,27.244 z M323.312,23.932h41.376L344,44.62L323.312,23.932z M384,27.244l20.688,20.688h-41.376L384,27.244z M424,44.62l-20.688-20.688 h41.376L424,44.62z M124.688,23.932L104,44.62L83.312,23.932H124.688z\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#364E5E\"\n },\n d: \"M280,159.932v-45.144c0-14.832-12.024-26.856-26.856-26.856h-26.288 c-14.832,0-26.856,12.024-26.856,26.856l0,0v45.144H280z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#364E5E\"\n },\n d: \"M453.824,105.892l-24.872-8.504c-14.029-4.8-29.293,2.682-34.093,16.712 c-0.001,0.003-0.002,0.005-0.003,0.008L380.24,156.82l4.256,1.456l64.408,22.024l7.032,2.4l14.608-42.712 c4.8-14.029-2.682-29.293-16.712-34.093C453.829,105.894,453.827,105.893,453.824,105.892L453.824,105.892z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#364E5E\"\n },\n d: \"M79.352,95.364c-10.728-10.241-27.726-9.847-37.968,0.88L23.2,115.252 c-10.241,10.728-9.847,27.726,0.88,37.968l32.64,31.2l4.744-4.96l40.936-42.888l9.6-10.024L79.352,95.364z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStage);\nexport default __webpack_public_path__ + \"static/media/stage.af032357.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m210.351562 246.632812c33.882813 0 63.222657-12.152343 87.195313-36.128906 23.972656-23.972656 36.125-53.304687 36.125-87.191406 0-33.875-12.152344-63.210938-36.128906-87.191406-23.976563-23.96875-53.3125-36.121094-87.191407-36.121094-33.886718 0-63.21875 12.152344-87.191406 36.125s-36.128906 53.308594-36.128906 87.1875c0 33.886719 12.15625 63.222656 36.132812 87.195312 23.976563 23.96875 53.3125 36.125 87.1875 36.125zm0 0\",\n fill: \"#C3C3C3\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m426.128906 393.703125c-.691406-9.976563-2.089844-20.859375-4.148437-32.351563-2.078125-11.578124-4.753907-22.523437-7.957031-32.527343-3.308594-10.339844-7.808594-20.550781-13.371094-30.335938-5.773438-10.15625-12.554688-19-20.164063-26.277343-7.957031-7.613282-17.699219-13.734376-28.964843-18.199219-11.226563-4.441407-23.667969-6.691407-36.976563-6.691407-5.226563 0-10.28125 2.144532-20.042969 8.5-6.007812 3.917969-13.035156 8.449219-20.878906 13.460938-6.707031 4.273438-15.792969 8.277344-27.015625 11.902344-10.949219 3.542968-22.066406 5.339844-33.039063 5.339844-10.972656 0-22.085937-1.796876-33.046874-5.339844-11.210938-3.621094-20.296876-7.625-26.996094-11.898438-7.769532-4.964844-14.800782-9.496094-20.898438-13.46875-9.75-6.355468-14.808594-8.5-20.035156-8.5-13.3125 0-25.75 2.253906-36.972656 6.699219-11.257813 4.457031-21.003906 10.578125-28.96875 18.199219-7.605469 7.28125-14.390625 16.121094-20.15625 26.273437-5.558594 9.785157-10.058594 19.992188-13.371094 30.339844-3.199219 10.003906-5.875 20.945313-7.953125 32.523437-2.058594 11.476563-3.457031 22.363282-4.148437 32.363282-.679688 9.796875-1.023438 19.964844-1.023438 30.234375 0 26.726562 8.496094 48.363281 25.25 64.320312 16.546875 15.746094 38.441406 23.734375 65.066406 23.734375h246.53125c26.625 0 48.511719-7.984375 65.0625-23.734375 16.757813-15.945312 25.253906-37.585937 25.253906-64.324219-.003906-10.316406-.351562-20.492187-1.035156-30.242187zm0 0\",\n fill: \"#C3C3C3\"\n});\n\nfunction SvgUser(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"-62 -20 552 552\",\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, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgUser);\nexport default __webpack_public_path__ + \"static/media/user.cb693109.svg\";\nexport { ForwardRef as ReactComponent };","import React, {ReactElement} from \"react\";\r\nimport \"./style.css\";\r\n\r\nimport {ReactComponent as Drums} from \"./drums.svg\";\r\nimport {ReactComponent as Bongos} from \"./bongos.svg\";\r\nimport {ReactComponent as Bass} from \"./bass.svg\";\r\nimport {ReactComponent as Electric} from \"./electric.svg\";\r\nimport {ReactComponent as Acoustic} from \"./acoustic.svg\";\r\nimport {ReactComponent as Keyboard} from \"./keyboard.svg\";\r\nimport {ReactComponent as Piano} from \"./piano.svg\";\r\nimport {ReactComponent as Trumpet} from \"./trumpet.svg\";\r\nimport {ReactComponent as Saxophone} from \"./saxophone.svg\";\r\nimport {ReactComponent as Flute} from \"./flute.svg\";\r\nimport {ReactComponent as Violin} from \"./violin.svg\";\r\nimport {ReactComponent as DJ} from \"./dj.svg\";\r\nimport {ReactComponent as Vocal} from \"./vocal.svg\";\r\nimport {ReactComponent as Stage} from \"./stage.svg\";\r\nimport {ReactComponent as Private} from \"./user.svg\";\r\n\r\ninterface ProfileProps {\r\n icon: string\r\n}\r\n\r\nconst iconMap: {[index: string]: ReactElement} = {\r\n \"0\": \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(Member);\r\n","import React from \"react\";\r\n\r\nimport {TransitionGroup, CSSTransition} from \"react-transition-group\";\r\n\r\nimport {MemberType} from \"../../../common/classes/Member\";\r\nimport Member from \"./Member\";\r\n\r\ninterface MemberListProps {\r\n members: MemberType[]\r\n}\r\n\r\nfunction MemberList({members}: MemberListProps) {\r\n return (\r\n {nickname}
\r\n {type === \"general\" ? \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(MemberList);\r\n","export class ModalClass {\r\n public static readonly PASSWORD = 'modal/class/PASSWORD';\r\n public static readonly SHARE = 'modal/class/SHARE';\r\n}\r\nexport type ModalClassType = typeof ModalClass[keyof typeof ModalClass] | null;\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M488.727,0H302.545c-12.853,0-23.273,10.42-23.273,23.273c0,12.853,10.42,23.273,23.273,23.273h129.997L192.999,286.09 c-9.089,9.089-9.089,23.823,0,32.912c4.543,4.544,10.499,6.816,16.455,6.816c5.956,0,11.913-2.271,16.457-6.817L465.455,79.458 v129.997c0,12.853,10.42,23.273,23.273,23.273c12.853,0,23.273-10.42,23.273-23.273V23.273C512,10.42,501.58,0,488.727,0z\"\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M395.636,232.727c-12.853,0-23.273,10.42-23.273,23.273v209.455H46.545V139.636H256c12.853,0,23.273-10.42,23.273-23.273 S268.853,93.091,256,93.091H23.273C10.42,93.091,0,103.511,0,116.364v372.364C0,501.58,10.42,512,23.273,512h372.364 c12.853,0,23.273-10.42,23.273-23.273V256C418.909,243.147,408.489,232.727,395.636,232.727z\"\n})));\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref18 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgShare(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n width: \"0.9rem\",\n height: \"0.9rem\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgShare);\nexport default __webpack_public_path__ + \"static/media/share.50d71508.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m413.417969 360.8125c-32.253907-27.265625-50.75-67.117188-50.75-109.335938v-59.476562c0-75.070312-55.765625-137.214844-128-147.625v-23.042969c0-11.796875-9.558594-21.332031-21.335938-21.332031-11.773437 0-21.332031 9.535156-21.332031 21.332031v23.042969c-72.257812 10.410156-128 72.554688-128 147.625v59.476562c0 42.21875-18.496094 82.070313-50.945312 109.503907-8.296876 7.105469-13.054688 17.429687-13.054688 28.351562 0 20.589844 16.746094 37.335938 37.332031 37.335938h352c20.589844 0 37.335938-16.746094 37.335938-37.335938 0-10.921875-4.757813-21.246093-13.25-28.519531zm0 0\",\n fill: \"#FFFFFF\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m213.332031 512c38.636719 0 70.957031-27.542969 78.378907-64h-156.757813c7.425781 36.457031 39.746094 64 78.378906 64zm0 0\",\n fill: \"#FFFFFF\"\n});\n\nfunction SvgNotification(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"1rem\",\n viewBox: \"-43 0 512 512\",\n width: \"1rem\",\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, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgNotification);\nexport default __webpack_public_path__ + \"static/media/notification.893e8e34.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\n\r\nimport {Status, StatusType} from \"../../../common/classes/properties\";\r\n\r\nimport {joinRoom} from \"../../../common/util/joinRoom\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {openModal} from \"../../../modules/modal\";\r\nimport {ModalClass} from \"../../../modules/modal/modalClass\";\r\n\r\nimport {ReactComponent as Share} from \"../../../resource/img/icon/share.svg\";\r\nimport {ReactComponent as Notification} from \"../../../resource/img/icon/notification.svg\";\r\n\r\ninterface ButtonsProps {\r\n name: string,\r\n status: StatusType,\r\n isFull: boolean\r\n}\r\n\r\nfunction Buttons({name, status, isFull}: ButtonsProps) {\r\n const dispatch = useDispatch();\r\n const join = (status === Status.PUBLIC)\r\n ? (temp: boolean) => {\r\n joinRoom(name, '', temp);\r\n }\r\n : (temp: boolean) => {\r\n dispatch(openModal({\r\n modalClass: ModalClass.PASSWORD,\r\n roomName: name,\r\n temp\r\n }))\r\n };\r\n const share = () => {dispatch(\r\n openModal({\r\n modalClass: ModalClass.SHARE,\r\n roomName: name,\r\n status\r\n })\r\n )};\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {members.map((member, index) => {\r\n const key = (member.type === \"private\")\r\n ? index\r\n : member.nickname + member.icon;\r\n return (\r\n \r\n \r\n \r\n )\r\n })}\r\n \r\n
\r\n \r\n \r\n {\r\n isFull\r\n ?
\r\n )\r\n}\r\n\r\nexport default React.memo(Buttons);","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgKorea(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5F5F5\"\n },\n d: \"M473.655,88.275H38.345C17.167,88.275,0,105.442,0,126.62V385.38 c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.62 C512,105.442,494.833,88.275,473.655,88.275z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#FF4B55\"\n },\n d: \"M305.009,182.531c-40.563-27.042-95.35-15.986-122.374,24.506 c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252c13.521-20.281,40.914-25.704,61.178-12.254 c20.298,13.521,25.757,40.984,12.217,61.195C356.468,264.362,345.537,209.574,305.009,182.531\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#41479B\"\n },\n d: \"M182.634,207.038c-13.555,20.211-8.045,47.674,12.235,61.195c20.265,13.521,47.64,8.03,61.161-12.252 c13.521-20.281,40.914-25.704,61.178-12.254c20.298,13.521,25.757,40.984,12.217,61.195 c-27.006,40.632-81.775,51.549-122.338,24.507C166.561,302.39,155.593,247.602,182.634,207.038\"\n }), /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M349.92,149.189l16.035,24.102c1.347,2.025,0.802,4.759-1.219,6.112l-4.066,2.723 c-2.029,1.358-4.775,0.812-6.129-1.22l-16.055-24.096c-1.351-2.027-0.803-4.766,1.223-6.119l4.086-2.728 C345.825,146.608,348.568,147.158,349.92,149.189z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M374.66,186.35l16.087,24.087c1.358,2.034,0.804,4.786-1.237,6.134l-4.084,2.699 c-2.026,1.34-4.754,0.789-6.103-1.23l-16.078-24.062c-1.354-2.026-0.81-4.767,1.217-6.122l4.075-2.724 C370.563,183.777,373.305,184.322,374.66,186.35z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M367.089,137.731l40.829,61.273c1.352,2.028,0.803,4.768-1.225,6.12l-4.102,2.734 c-2.028,1.352-4.769,0.804-6.121-1.224l-40.843-61.269c-1.353-2.029-0.803-4.771,1.227-6.123l4.115-2.739 C362.998,135.156,365.737,135.703,367.089,137.731z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M384.211,126.291l16.07,24.149c1.354,2.034,0.798,4.78-1.241,6.127l-4.087,2.7 c-2.028,1.34-4.757,0.789-6.105-1.234l-16.082-24.117c-1.353-2.028-0.804-4.769,1.224-6.122l4.099-2.732 C380.117,123.71,382.859,124.259,384.211,126.291z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M408.967,163.531l16.045,24.099c1.35,2.026,0.803,4.762-1.22,6.115l-4.075,2.724 c-2.029,1.356-4.775,0.809-6.127-1.223l-16.045-24.099c-1.349-2.026-0.803-4.762,1.22-6.115l4.075-2.724 C404.87,160.951,407.614,161.497,408.967,163.531z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M132.721,293.982l40.824,61.207c1.352,2.027,0.806,4.767-1.222,6.12l-4.088,2.73 c-2.028,1.354-4.769,0.807-6.123-1.222l-40.824-61.207c-1.353-2.027-0.806-4.767,1.222-6.12l4.089-2.73 C128.626,291.406,131.368,291.953,132.721,293.982z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M115.582,305.43l16.028,24.041c1.351,2.026,0.806,4.761-1.217,6.116l-4.066,2.722 c-2.027,1.357-4.771,0.812-6.126-1.217l-16.047-24.035c-1.354-2.027-0.808-4.768,1.22-6.122l4.086-2.728 C111.487,302.854,114.229,303.401,115.582,305.43z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M140.351,342.604l16.046,24.102c1.35,2.026,0.803,4.763-1.222,6.115l-4.078,2.727 c-2.029,1.356-4.772,0.809-6.126-1.222l-16.056-24.097c-1.351-2.027-0.804-4.766,1.222-6.118l4.088-2.73 C136.255,340.024,138.998,340.573,140.351,342.604z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M98.442,316.875l40.798,61.21c1.351,2.026,0.804,4.764-1.219,6.118l-4.077,2.726 c-2.028,1.356-4.771,0.809-6.125-1.22l-40.822-61.202c-1.353-2.028-0.804-4.769,1.224-6.122l4.102-2.734 C94.349,314.299,97.09,314.847,98.442,316.875z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M121.294,210.441l40.818-61.257c1.353-2.03,4.095-2.578,6.124-1.224l4.087,2.729 c2.027,1.353,2.573,4.093,1.222,6.12l-40.834,61.223c-1.35,2.023-4.081,2.573-6.108,1.231l-4.071-2.695 C120.494,215.22,119.94,212.473,121.294,210.441z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M104.147,199.008l40.825-61.269c1.353-2.03,4.097-2.578,6.126-1.222l4.077,2.726 c2.024,1.353,2.57,4.09,1.22,6.116l-40.814,61.272c-1.353,2.03-4.095,2.579-6.124,1.224l-4.088-2.729 C103.343,203.774,102.796,201.035,104.147,199.008z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M86.99,187.624l40.829-61.33c1.353-2.031,4.098-2.58,6.127-1.224l4.077,2.726 c2.023,1.353,2.57,4.087,1.222,6.114l-40.804,61.339c-1.351,2.03-4.094,2.581-6.123,1.228l-4.1-2.734 C86.189,192.391,85.641,189.652,86.99,187.624z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M338.493,355.188l16.047-24.035c1.355-2.029,4.099-2.574,6.126-1.217l4.066,2.722 c2.023,1.354,2.567,4.09,1.216,6.116l-16.028,24.04c-1.353,2.029-4.095,2.577-6.123,1.223l-4.086-2.728 C337.685,359.956,337.139,357.216,338.493,355.188z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M363.243,318.141l16.073-24.154c1.351-2.03,4.094-2.58,6.123-1.227l4.096,2.73 c2.029,1.353,2.577,4.096,1.223,6.124l-16.107,24.116c-1.351,2.022-4.082,2.571-6.109,1.227l-4.062-2.692 C362.445,322.915,361.891,320.172,363.243,318.141z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M355.626,366.698l16.057-24.098c1.352-2.029,4.093-2.578,6.122-1.225l4.104,2.737 c2.027,1.352,2.575,4.09,1.225,6.119l-16.047,24.1c-1.351,2.029-4.09,2.579-6.12,1.228l-4.115-2.739 C354.824,371.469,354.274,368.727,355.626,366.698z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M380.403,329.463l16.066-24.042c1.354-2.025,4.092-2.571,6.119-1.22l4.102,2.734 c2.03,1.353,2.577,4.096,1.221,6.125l-16.066,24.043c-1.353,2.025-4.092,2.571-6.118,1.22l-4.103-2.734 C379.594,334.235,379.047,331.492,380.403,329.463z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M372.771,378.081l16.075-24.056c1.35-2.019,4.077-2.569,6.103-1.23l4.086,2.7 c2.04,1.348,2.595,4.097,1.239,6.131l-16.063,24.088c-1.352,2.028-4.093,2.575-6.121,1.224l-4.098-2.732 C371.962,382.852,371.415,380.109,372.771,378.081z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#464655\"\n },\n d: \"M397.554,340.969l16.035-24.085c1.353-2.031,4.098-2.58,6.127-1.223l4.072,2.722 c2.025,1.354,2.57,4.093,1.218,6.119l-16.049,24.053c-1.349,2.024-4.083,2.573-6.11,1.229l-4.06-2.69 C396.754,345.745,396.201,343,397.554,340.969z\"\n })), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgKorea);\nexport default __webpack_public_path__ + \"static/media/korea.439c2b81.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgJapan(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n style: {\n fill: \"#F5F5F5\"\n },\n d: \"M473.655,88.275H38.345C17.167,88.275,0,105.442,0,126.62V385.38 c0,21.177,17.167,38.345,38.345,38.345h435.31c21.177,0,38.345-17.167,38.345-38.345V126.62 C512,105.442,494.833,88.275,473.655,88.275z\"\n }), /*#__PURE__*/React.createElement(\"circle\", {\n style: {\n fill: \"#FF4B55\"\n },\n cx: 256,\n cy: 255.999,\n r: 97.1\n }), _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgJapan);\nexport default __webpack_public_path__ + \"static/media/japan.b877c339.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 203,\n y: 357,\n width: 1760,\n height: 1760\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip1o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 621,\n y: 775,\n width: 924,\n height: 925\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip2o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 621,\n y: 775,\n width: 924,\n height: 925\n})), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip3o\"\n}, /*#__PURE__*/React.createElement(\"rect\", {\n x: 621,\n y: 775,\n width: 924,\n height: 925\n})));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0o)\",\n transform: \"translate(-203 -357)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1831.19 660.445 334.811 660.445C262.012 660.445 203 719.457 203 792.256L203 1681.74C203 1754.54 262.012 1813.55 334.811 1813.55L1831.19 1813.55C1903.99 1813.55 1963 1754.54 1963 1681.74L1963 792.256C1963 719.457 1903.99 660.445 1831.19 660.445Z\",\n fill: \"#F5F5F5\"\n}), /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip1o)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip2o)\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip3o)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M495.227 552.161C492.182 548.488 487.648 546.37 482.877 546.37L288.47 546.37C283.699 546.37 279.164 548.488 276.12 552.161 273.06 555.834 271.803 560.667 272.667 565.358 295.768 690.495 340.132 771.347 385.673 771.347 431.214 771.347 475.579 690.495 498.679 565.359 499.542 560.667 498.287 555.834 495.227 552.161Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M753.017 268.289C750.898 261.634 744.716 257.115 737.716 257.115L556.76 257.115C552.225 257.115 547.894 259.029 544.849 262.402 541.79 265.777 540.315 270.28 540.77 274.8 544.489 311.71 546.373 349.028 546.373 385.672 546.373 422.315 544.489 459.634 540.77 496.544 540.315 501.063 541.79 505.568 544.849 508.941 547.894 512.316 552.225 514.229 556.76 514.229L737.718 514.229C744.717 514.229 750.9 509.71 753.018 503.055 765.179 464.97 771.347 425.487 771.347 385.673 771.347 345.86 765.179 306.377 753.017 268.289Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M532.247 211.575C533.55 219.311 540.252 224.977 548.098 224.977L710.302 224.977C715.966 224.977 721.224 221.979 724.127 217.115 727.015 212.233 727.125 206.192 724.411 201.218 676.168 112.817 593.294 45.4793 497 16.4785 490.801 14.5637 483.975 16.6819 479.848 21.783 475.752 26.8992 475.156 33.9769 478.342 39.6882 501.755 81.6513 520.398 141.081 532.247 211.575Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M492.214 257.116 279.133 257.116C270.925 257.116 264.036 263.299 263.157 271.46 259.156 308.558 257.116 346.99 257.116 385.675 257.116 424.36 259.156 462.791 263.157 499.89 264.036 508.051 270.925 514.234 279.133 514.234L492.214 514.234C500.422 514.234 507.311 508.051 508.189 499.89 512.191 462.791 514.231 424.36 514.231 385.675 514.231 346.99 512.191 308.558 508.189 271.46 507.311 263.299 500.422 257.116 492.214 257.116Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.0464 224.976 223.251 224.976C231.097 224.976 237.798 219.311 239.101 211.573 250.95 141.08 269.593 81.6498 293.006 39.6867 296.193 33.9739 295.596 26.8962 291.5 21.7815 287.388 16.6969 280.592 14.5471 274.348 16.477 178.055 45.4793 95.1785 112.817 46.9377 201.218 44.2229 206.192 44.3328 212.235 47.2209 217.115 50.124 221.979 55.3803 224.976 61.0464 224.976Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M226.499 508.943C229.559 505.568 231.033 501.065 230.578 496.545 226.859 459.635 224.976 422.317 224.976 385.673 224.976 349.03 226.859 311.711 230.578 274.801 231.033 270.282 229.559 265.777 226.499 262.404 223.454 259.029 219.123 257.116 214.588 257.116L33.6304 257.116C26.631 257.116 20.4482 261.636 18.33 268.29 6.16776 306.377 0 345.86 0 385.673 0 425.487 6.16776 464.97 18.33 503.058 20.4482 509.713 26.631 514.232 33.6304 514.232L214.588 514.232C219.123 514.231 223.454 512.317 226.499 508.943Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M239.099 559.773C237.796 552.037 231.095 546.371 223.249 546.371L61.0464 546.371C55.3818 546.371 50.124 549.369 47.2209 554.234 44.3328 559.115 44.2229 565.156 46.9377 570.131 95.1785 658.53 178.053 725.869 274.346 754.87 275.868 755.341 277.423 755.56 278.976 755.56 283.762 755.56 288.392 753.41 291.5 749.565 295.596 744.449 296.193 737.371 293.006 731.66 269.592 689.695 250.948 630.266 239.099 559.773Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M710.3 546.371 548.098 546.371C540.252 546.371 533.55 552.036 532.247 559.773 520.398 630.267 501.755 689.697 478.342 731.66 475.156 737.373 475.752 744.451 479.848 749.565 482.956 753.41 487.585 755.56 492.372 755.56 493.91 755.56 495.48 755.34 497.002 754.87 593.295 725.869 676.17 658.53 724.411 570.131 727.125 565.156 727.015 559.113 724.127 554.234 721.223 549.368 715.966 546.371 710.3 546.371Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M276.12 219.186C279.164 222.859 283.699 224.977 288.47 224.977L482.877 224.977C487.648 224.977 492.182 222.859 495.227 219.186 498.287 215.513 499.543 210.68 498.68 205.989 475.579 80.8513 431.214 0 385.673 0 340.132 0 295.768 80.8513 272.668 205.987 271.805 210.68 273.06 215.513 276.12 219.186Z\",\n fill: \"#7F7F7F\",\n transform: \"matrix(1 0 0 1.00108 697.327 851.408)\"\n})))));\n\nfunction SvgOther(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1760,\n height: 1760,\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n overflow: \"hidden\",\n viewBox: \"0 0 1760 1760\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgOther);\nexport default __webpack_public_path__ + \"static/media/other.b220b71b.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport {Country, CountryType} from \"../../../../common/classes/properties\";\r\n\r\nimport {ReactComponent as KoreaFlag} from \"./korea.svg\";\r\nimport {ReactComponent as JapanFlag} from \"./japan.svg\";\r\nimport {ReactComponent as OtherFlag} from \"./other.svg\";\r\n\r\ninterface FlagProps {\r\n country: CountryType\r\n}\r\n\r\nfunction Flag({country}: FlagProps) {\r\n const style = {height: \"2rem\", width: \"2rem\"}\r\n switch (country) {\r\n case Country.KOREA:\r\n return \r\n \r\n
\r\n : \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n {room.desc ? room.desc : \"방 설명이 없습니다.\"}\r\n
\r\n \r\n \r\n {rooms.map(room => (\r\n \r\n \r\n ))}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(RoomGrid);\r\n","import {useEffect, useState} from \"react\";\r\nimport {remToPx} from \"./unitConversion\";\r\n\r\ntype props = {\r\n itemWidth: number // in rem unit\r\n gridWidth: number //in percentage unit\r\n}\r\n\r\nexport function useResponsiveCols({itemWidth, gridWidth}: props) {\r\n const [columns, setColumns] = useState\r\n
\r\n SYNCROOM KOREA WEBSITE
\r\n WEB DEVELOPMENT : 늅늅이 | WEB DESIGN : 파나
\r\n © 2021. 늅늅이, 파나 all rights reserved.
\r\n CONTACT US : kr.syncroom@gmail.com
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Footer;\r\n","// entry point : src\\\r\n//\r\n\r\nimport React, {useState} from \"react\";\r\nimport \"./BetaNotiModal.css\";\r\n\r\nconst TEST_VERSION = document.URL === \"https://syncroomkr.github.io/\"\r\n ? \"ALPHA\"\r\n : \"BETA\";\r\n\r\nfunction BetaNotiModal() {\r\n const [open, setOpen] = useState\r\n SYNCROOM KOREA WEBSITE
\r\n WEB DEVELOPMENT : 늅늅이 | WEB DESIGN : 파나
\r\n © 2021. 늅늅이, 파나 all rights reserved.
\r\n CONTACT US : kr.syncroom@gmail.com
\r\n
\r\n
\r\n ();\r\n useEffect(() => {\r\n const getRooms = () => {\r\n dispatch(getRoomsThunk());\r\n timer.current = setTimeout(getRooms, 5000);\r\n };\r\n getRooms();\r\n return () => {\r\n const handle = timer.current as unknown as number;\r\n clearTimeout(handle);\r\n };\r\n }, [dispatch]);\r\n\r\n const visibleData = useMemo(() => rooms.filter(\r\n roomFilter(search, country, inst, status)\r\n ), [rooms, search, country, inst, status]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n\r\n {/*temp*/}\r\n ) => {\r\n const {\r\n currentTarget: { value }\r\n } = e;\r\n setValue(value);\r\n };\r\n\r\n return {input: {value, onChange}, setValue};\r\n}\r\n\r\nexport default useInput;","import React from \"react\";\r\nimport \"./Join.scss\";\r\nimport {Link} from \"react-router-dom\"\r\n\r\nimport {decodeShareLink} from \"../../common/util/shareLink\";\r\nimport {joinRoom} from \"../../common/util/joinRoom\";\r\n\r\nimport {ReactComponent as SyncroomLogo} from \"../../resource/img/logo/syncroom.svg\";\r\nimport {ReactComponent as Lock} from \"../../resource/img/icon/lock.svg\";\r\nimport {ReactComponent as Return} from \"../../resource/img/icon/return.svg\";\r\n\r\nimport useInput from \"../../common/hooks/useInput\";\r\n\r\ninterface JoinProps {\r\n location: JoinInfoProps;\r\n}\r\ninterface JoinInfoProps {\r\n search: string;\r\n}\r\n\r\nfunction Join({location: {search}}: JoinProps) {\r\n return (\r\n \r\n \r\n {children}\r\n
\r\n ) : null\r\n );\r\n}\r\n\r\nexport default React.memo(ModalRoute);\r\n","import React, {useCallback} from \"react\";\r\nimport \"./PasswordModal.scss\";\r\n\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {closeModal} from \"../../../modules/modal\";\r\nimport {joinRoom} from \"../../../common/util/joinRoom\";\r\nimport useInput from \"../../../common/hooks/useInput\";\r\n\r\nimport {ReactComponent as Lock} from \"../../../resource/img/icon/lock.svg\";\r\n\r\nfunction PasswordModal() {\r\n const {roomName, temp} = useSelector((state: RootState) => state.modal);\r\n const dispatch = useDispatch();\r\n const {input: password} = useInput('');\r\n\r\n const onClick = useCallback(() => {\r\n joinRoom(roomName, password.value, temp);\r\n dispatch(closeModal());\r\n }, [dispatch, password.value, roomName, temp]);\r\n\r\n const onKeyPress = useCallback((e) => {\r\n if (e.key === 'Enter') onClick()\r\n }, [onClick]);\r\n\r\n return (\r\n setOpen(false)}/>\r\n
\r\n : <>\r\n );\r\n}\r\n\r\nexport default BetaNotiModal;\r\n","import React, {useEffect, useMemo, useRef} from 'react';\r\n\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../modules\";\r\n\r\nimport Header from \"../../components/browser/Header/\";\r\nimport RoomGrid from \"../../components/browser/RoomGrid\";\r\nimport Footer from \"../../components/browser/Footer\";\r\n\r\nimport {getRoomsThunk} from \"../../modules/syncroom\";\r\n\r\nimport {roomFilter} from \"../../common/util/roomFilter\";\r\n\r\n// temp\r\nimport BetaNotiModal from \"../../components/temp/BetaNotiModal\";\r\n\r\nfunction Home() {\r\n const rooms = useSelector((state: RootState) => state.syncroom.rooms);\r\n const {search, country, inst, status} = useSelector(\r\n (state: RootState) => state.filter);\r\n\r\n const dispatch = useDispatch();\r\n const timer = useRef\r\n
\r\n
\r\n SYNCROOM KOREA {TEST_VERSION} TEST에 오신 것을 환영합니다!
\r\n Syncroom Korea는 한국 사용자들이 더 편하게 싱크룸 방 입장 페이지를 이용할 수 있도록 만들어진 웹사이트입니다.\r\n \r\n
* {TEST_VERSION} 버전이라 구현되지 않은 기능 및 일부 버그가 존재합니다!!
\r\n \r\n
\r\n 미구현 기능 / 발견된 버그
\r\n - \r\n
- 알림 기능은 아직 구현되지 않음 \r\n
- 설정 사이드바에 기능들이 추가되지 않음 \r\n
- IOS Safari 14.0 이하의 버전에서 레아아웃 깨짐 발생 \r\n
\r\n
\r\n\r\n 업데이트 사항 (2021.09.04)
\r\n - \r\n
- \"즐겨찾기 멤버\" 기능 업데이트! \r\n
\r\n 버그 제보 또는 기능 제안은 \r\n kr.syncroom@gmail.com\r\n 으로 부탁드립니다.\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction JoinInfo({search}: JoinInfoProps) {\r\n const {input: inputPassword} = useInput('');\r\n const Install: JSX.Element = (\r\n \r\n \r\n
\r\n \r\n 싱크룸이 설치되어 있지 않다면 설치하기\r\n
\r\n );\r\n\r\n try {\r\n const {roomName, password} = decodeShareLink(search.slice(1));\r\n console.log({roomName, password});\r\n if (password !== undefined) {\r\n joinRoom(roomName, password, false);\r\n return (\r\n <>\r\n \r\n {roomName} 방 참가 중…\r\n
\r\n \r\n \r\n
\r\n {Install}\r\n \r\n )\r\n } else {\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {\r\n if (e.key === 'Enter') joinRoom(roomName, inputPassword.value, false)\r\n }}\r\n />\r\n joinRoom(roomName, inputPassword.value, false)}\r\n >\r\n 참가하기\r\n \r\n
\r\n {Install}\r\n \r\n );\r\n }\r\n } catch (e) {\r\n return (\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 Join;\r\n","import React from \"react\";\r\n\r\nfunction NotFound() {\r\n return <>\r\n}\r\n\r\nexport default NotFound;\r\n","import React, {useEffect, useState} from \"react\";\r\n\r\nimport {ModalClassType} from \"../../../modules/modal/modalClass\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {closeModal} from \"../../../modules/modal\";\r\n\r\ninterface ModalRouteProps {\r\n route: ModalClassType,\r\n children: JSX.Element\r\n}\r\n\r\nfunction ModalRoute({route, children}: ModalRouteProps) {\r\n const {modalClass} = useSelector((state: RootState) => state.modal);\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeModal());\r\n\r\n const show: boolean = (route === modalClass);\r\n const [render, setRender] = useState(show);\r\n\r\n useEffect(() => {\r\n if (show) setRender(true);\r\n }, [show]);\r\n\r\n const onAnimationEnd = () => {\r\n if (!show) setRender(false);\r\n };\r\n\r\n return (\r\n render ? (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(PasswordModal);","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"XMLID_105_\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"XMLID_106_\",\n d: \"M149.245,191.671l-42.425,42.426c0,0,0,0.001-0.001,0.001c0,0,0,0.001-0.001,0.001 c-17.544,17.545-46.092,17.546-63.638,0c-8.5-8.5-13.18-19.801-13.18-31.82c0-12.018,4.68-23.317,13.177-31.817 c0.001-0.001,0.002-0.002,0.003-0.003l42.425-42.426c5.857-5.858,5.857-15.356-0.001-21.213c-5.857-5.857-15.355-5.857-21.213,0 l-42.425,42.426c-0.003,0.003-0.006,0.007-0.009,0.01C7.798,163.42,0,182.251,0,202.279c0,20.033,7.801,38.867,21.967,53.033 C36.589,269.933,55.794,277.244,75,277.244c19.206,0,38.412-7.311,53.032-21.932c0,0,0-0.001,0-0.001 c0.001,0,0.001-0.001,0.001-0.001l42.425-42.426c5.857-5.857,5.857-15.355-0.001-21.213 C164.601,185.814,155.104,185.814,149.245,191.671z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"XMLID_107_\",\n d: \"M277.279,75c0-20.033-7.802-38.867-21.968-53.033c-29.243-29.242-76.824-29.241-106.065,0 c-0.001,0.002-0.003,0.003-0.004,0.005l-42.424,42.423c-5.858,5.857-5.858,15.356,0,21.213c2.93,2.93,6.768,4.394,10.607,4.394 c3.838,0,7.678-1.465,10.606-4.394l42.424-42.423c0.001-0.002,0.003-0.003,0.005-0.005c17.544-17.544,46.092-17.545,63.638,0 c8.499,8.5,13.181,19.801,13.181,31.82c0,12.018-4.68,23.317-13.178,31.817c-0.001,0.001-0.002,0.002-0.003,0.003l-42.425,42.426 c-5.857,5.857-5.857,15.355,0.001,21.213c2.929,2.929,6.768,4.394,10.606,4.394c3.839,0,7.678-1.465,10.607-4.394l42.425-42.426 c0.003-0.003,0.006-0.007,0.009-0.01C269.48,113.859,277.279,95.028,277.279,75z\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"XMLID_108_\",\n d: \"M85.607,191.671c2.929,2.929,6.768,4.394,10.606,4.394c3.839,0,7.678-1.465,10.607-4.394l84.852-84.852 c5.858-5.857,5.858-15.355,0-21.213c-5.857-5.857-15.355-5.857-21.213,0l-84.852,84.851 C79.749,176.316,79.749,185.814,85.607,191.671z\"\n}));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgLink(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n width: \"1.3rem\",\n height: \"1.3rem\",\n viewBox: \"0 0 277.279 277.279\",\n style: {\n enableBackground: \"new 0 0 277.279 277.279\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLink);\nexport default __webpack_public_path__ + \"static/media/link.0a36ed26.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useState} from \"react\";\r\nimport \"./ShareModal.scss\";\r\n\r\nimport {useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport useInput from \"../../../common/hooks/useInput\";\r\n\r\nimport {Status} from \"../../../common/classes/properties\";\r\n\r\nimport {encodeShareLink} from \"../../../common/util/shareLink\";\r\n\r\nimport {CopyToClipboard} from \"react-copy-to-clipboard\";\r\n\r\nimport {ReactComponent as Link} from \"../../../resource/img/icon/link.svg\";\r\n\r\n\r\nfunction ShareModal() {\r\n const {roomName, status} = useSelector((state: RootState) => state.modal);\r\n\r\n const {input: password} = useInput('');\r\n const isPrivate = status === Status.PRIVATE;\r\n const [checked, setChecked] = useState(true);\r\n const checkedClass = checked ? 'checked' : 'unchecked';\r\n const onClick = () => setChecked(!checked);\r\n\r\n const shareLink: string = encodeShareLink(\r\n {\r\n roomName: roomName,\r\n password: checked ? password.value : undefined\r\n }\r\n );\r\n const handleFocus = (event: React.ChangeEvent\r\n \r\n {roomName}\r\n
\r\n \r\n \r\n \r\n {temp ? '임시 참여' : '참여하기'}\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(ShareModal);\r\n","import React from \"react\";\r\nimport \"./style.scss\"\r\n\r\nimport {ModalClass} from \"../../../modules/modal/modalClass\";\r\n\r\nimport ModalRoute from \"./ModalRoute\";\r\nimport PasswordModal from \"./PasswordModal\";\r\nimport ShareModal from \"./ShareModal\";\r\n\r\nfunction Modal() {\r\n return (\r\n \r\n \r\n {roomName}\r\n
\r\n \r\n \r\n setCopied(true)}\r\n disabled={(isPrivate && checked && (password.value.length === 0))}\r\n >\r\n 복사\r\n \r\n \r\n\r\n
\r\n \r\n \r\n 클립보드에 복사되었습니다\r\n
\r\n {status === Status.PRIVATE\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\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(Modal);\r\n","import React, {useMemo} from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport {SidebarClassType} from \"../../../modules/sidebar/sidebarClass\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\n\r\ninterface SidebarRouteProps {\r\n route: SidebarClassType;\r\n children: JSX.Element;\r\n}\r\n\r\nfunction SidebarRoute({route, children}: SidebarRouteProps) {\r\n const {sidebarClass} = useSelector((state: RootState) => state.sidebar);\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeSidebar());\r\n\r\n const isOpen: boolean = useMemo(() => route === sidebarClass, [route, sidebarClass]);\r\n\r\n return (\r\n \r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nexport default SidebarRoute;\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M87.952,41.17l-36.386,0.11V5.61c0-3.108-2.502-5.61-5.61-5.61c-3.107,0-5.61,2.502-5.61,5.61l0.11,35.561H5.61 c-3.108,0-5.61,2.502-5.61,5.61c0,3.107,2.502,5.609,5.61,5.609h34.791v35.562c0,3.106,2.502,5.61,5.61,5.61 c3.108,0,5.61-2.504,5.61-5.61V52.391h36.331c3.108,0,5.61-2.504,5.61-5.61C93.562,43.672,91.032,41.17,87.952,41.17z\"\n}));\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref5 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref6 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref7 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref8 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref9 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref10 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref11 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref12 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref13 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref14 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref15 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref16 = /*#__PURE__*/React.createElement(\"g\", null);\n\nvar _ref17 = /*#__PURE__*/React.createElement(\"g\", null);\n\nfunction SvgPlus(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n width: \"93.562px\",\n height: \"93.562px\",\n viewBox: \"0 0 93.562 93.562\",\n style: {\n enableBackground: \"new 0 0 93.562 93.562\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPlus);\nexport default __webpack_public_path__ + \"static/media/plus.47d179f1.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useCallback, useRef} from \"react\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport useInput from \"../../../common/hooks/useInput\";\r\nimport {addUser} from \"../../../modules/user\";\r\n\r\nimport {ReactComponent as Plus} from \"../../../resource/img/icon/plus.svg\";\r\nimport {ReactComponent as Return} from \"../../../resource/img/icon/return.svg\";\r\n\r\ninterface ManageProps {\r\n isActive: boolean;\r\n handleActive: (state: boolean) => void;\r\n isAdd: boolean;\r\n handleAdd: (state: boolean) => void;\r\n}\r\n\r\nfunction Manage({isActive, handleActive, isAdd, handleAdd}: ManageProps) {\r\n const dispatch = useDispatch();\r\n const inputRef = useRef\r\n 즐겨찾기 멤버\r\n\r\n {\r\n handleActive(!isActive);\r\n handleAdd(false);\r\n }}\r\n >\r\n {isActive ? '돌아가기': '관리'}\r\n \r\n\r\n handleAdd(false)}\r\n >\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nexport default React.memo(Manage);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#f44336\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n d: \"m21.339844 329.398438c-5.460938 0-10.925782-2.089844-15.082032-6.25-8.34375-8.339844-8.34375-21.824219 0-30.164063l286.589844-286.59375c8.339844-8.339844 21.824219-8.339844 30.164063 0 8.34375 8.339844 8.34375 21.824219 0 30.164063l-286.589844 286.59375c-4.183594 4.179687-9.621094 6.25-15.082031 6.25zm0 0\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n d: \"m307.929688 329.398438c-5.460938 0-10.921876-2.089844-15.082032-6.25l-286.589844-286.59375c-8.34375-8.339844-8.34375-21.824219 0-30.164063 8.339844-8.339844 21.820313-8.339844 30.164063 0l286.589844 286.59375c8.34375 8.339844 8.34375 21.824219 0 30.164063-4.160157 4.179687-9.621094 6.25-15.082031 6.25zm0 0\"\n}));\n\nfunction SvgX(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"329pt\",\n viewBox: \"0 0 329.26933 329\",\n width: \"329pt\",\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgX);\nexport default __webpack_public_path__ + \"static/media/x.ec5dc9a8.svg\";\nexport { ForwardRef as ReactComponent };","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m37.379 12.552c-.799-.761-2.066-.731-2.827.069-.762.8-.73 2.066.069 2.828l15.342 14.551h-39.963c-1.104 0-2 .896-2 2s.896 2 2 2h39.899l-15.278 14.552c-.8.762-.831 2.028-.069 2.828.393.412.92.62 1.448.62.496 0 .992-.183 1.379-.552l17.449-16.62c.756-.755 1.172-1.759 1.172-2.828s-.416-2.073-1.207-2.862z\"\n});\n\nfunction SvgRightArrow(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer\",\n enableBackground: \"new 0 0 64 64\",\n height: 512,\n viewBox: \"0 0 64 64\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgRightArrow);\nexport default __webpack_public_path__ + \"static/media/right-arrow.44ad92ca.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useCallback} from \"react\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\nimport {deleteUser} from \"../../../modules/user\";\r\n\r\nimport {ReactComponent as Delete} from \"../../../resource/img/icon/x.svg\";\r\nimport {ReactComponent as Arrow} from \"../../../resource/img/icon/right-arrow.svg\";\r\n\r\ninterface OnlineUserProps {\r\n userName: string;\r\n roomId: number;\r\n isActive: boolean;\r\n}\r\n\r\n\r\nfunction OnlineUser({userName, roomId, isActive}: OnlineUserProps) {\r\n const dispatch = useDispatch();\r\n\r\n const findUserRoom = useCallback(() => {\r\n if (!isActive) {\r\n dispatch(closeSidebar());\r\n moveTo(roomId);\r\n }\r\n }, [roomId, dispatch, isActive]);\r\n\r\n const deleteSelf = useCallback(() => {\r\n dispatch(deleteUser(userName));\r\n }, [dispatch, userName]);\r\n\r\n\r\n return (\r\n \r\n \r\n {userName}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nconst moveTo = (roomId: number) => {\r\n const keyFrames = (color: string) => [\r\n {boxShadow: \"0 0 0.8rem rgba(127, 127, 127, 0.1)\"},\r\n {boxShadow: `0 0 0.8rem ${color}`, offset: 0.1},\r\n {boxShadow: `0 0 0.8rem ${color}`, offset: 0.8},\r\n {boxShadow: \"0 0 0.8rem rgba(127, 127, 127, 0.1)\"},\r\n ];\r\n\r\n const roomTile = document.getElementById(roomId.toString());\r\n\r\n if (roomTile) {\r\n roomTile.scrollIntoView({behavior: \"smooth\", block: \"center\"});\r\n roomTile.animate(keyFrames(\"rgba(20, 20, 20, 1)\"), 2000);\r\n } else {\r\n const filterElements = document.querySelectorAll(\".Toolbar > .selected\");\r\n\r\n filterElements.forEach(element => {\r\n element?.animate(keyFrames(\"rgba(255, 75, 85, 0.9)\"), 1200);\r\n })\r\n }\r\n}\r\n\r\nexport default React.memo(OnlineUser);\r\n","import React, {useCallback} from \"react\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {deleteUser} from \"../../../modules/user\";\r\n\r\nimport {ReactComponent as Delete} from \"../../../resource/img/icon/x.svg\";\r\n\r\ninterface OfflineUserProps {\r\n userName: string;\r\n isActive: boolean;\r\n}\r\n\r\nfunction OfflineUser({userName, isActive}: OfflineUserProps) {\r\n const dispatch = useDispatch();\r\n\r\n const deleteSelf = useCallback(() => {\r\n dispatch(deleteUser(userName));\r\n }, [dispatch, userName]);\r\n\r\n return (\r\n \r\n \r\n {userName}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(OfflineUser);\r\n","import React, {useEffect, useMemo, useState} from \"react\";\r\nimport classNames from \"classnames\";\r\nimport \"./style.scss\";\r\n\r\nimport {TransitionGroup, CSSTransition} from \"react-transition-group\";\r\n\r\nimport SimpleBar from \"simplebar-react\";\r\nimport \"simplebar/dist/simplebar.min.css\";\r\n\r\nimport {useSelector} from \"react-redux\";\r\nimport {RootState} from \"../../../modules\";\r\nimport {SidebarClass} from \"../../../modules/sidebar/sidebarClass\";\r\n\r\nimport Manage from \"./Manage\";\r\nimport OnlineUser from \"./OnlineUser\";\r\nimport OfflineUser from \"./OfflineUser\";\r\n\r\n\r\nfunction UserList() {\r\n const {userList} = useSelector((state: RootState) => state.user);\r\n const {users} = useSelector((state: RootState) => state.syncroom)\r\n const {sidebarClass} = useSelector((state: RootState) => state.sidebar)\r\n\r\n const [isActive, setActive] = useState\r\n \r\n \r\n {onlineUsers.map((userName) => (\r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n {offlineUsers.map((userName) => (\r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\ninterface handleUserReturn {\r\n onlineUsers: string[];\r\n offlineUsers: string[];\r\n}\r\n\r\nconst handleUsers = (\r\n userList: string[],\r\n users: {[name: string]: number}\r\n): handleUserReturn => {\r\n const onlineUsers: string[] = [];\r\n const offlineUsers: string[] = [];\r\n\r\n userList.forEach((user) => {\r\n if (users.hasOwnProperty(user)) {\r\n onlineUsers.push(user);\r\n } else {\r\n offlineUsers.push(user);\r\n }\r\n })\r\n return {onlineUsers, offlineUsers};\r\n}\r\n\r\nexport default React.memo(UserList);\r\n","function _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\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"m54 30h-39.899l15.278-14.552c.8-.762.831-2.028.069-2.828-.761-.799-2.027-.831-2.828-.069l-17.448 16.62c-.755.756-1.172 1.76-1.172 2.829 0 1.068.417 2.073 1.207 2.862l17.414 16.586c.387.369.883.552 1.379.552.528 0 1.056-.208 1.449-.621.762-.8.731-2.065-.069-2.827l-15.342-14.552h39.962c1.104 0 2-.896 2-2s-.896-2-2-2z\"\n});\n\nfunction SvgLeftArrow(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer\",\n enableBackground: \"new 0 0 64 64\",\n height: 512,\n viewBox: \"0 0 64 64\",\n width: 512,\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, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLeftArrow);\nexport default __webpack_public_path__ + \"static/media/left-arrow.2d863411.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport \"./MenuSidebar.scss\";\r\n\r\nimport UserList from \"../UserList\";\r\n\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\nimport {useDispatch} from \"react-redux\";\r\n\r\n\r\nimport {ReactComponent as Logo} from \"../../../resource/img/logo/title.svg\";\r\nimport {ReactComponent as Arrow} from \"../../../resource/img/icon/left-arrow.svg\";\r\n\r\n\r\nfunction MenuSidebar() {\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeSidebar());\r\n\r\n return (\r\n \r\n 온라인 ― {onlineUsers.length}\r\n
\r\n\r\n \r\n 오프라인 ― {offlineUsers.length}\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\nconst linkTo = (url: string) => () => {\r\n window.open(url, '_blank')?.focus();\r\n};\r\n\r\nexport default MenuSidebar;\r\n\r\n","import React from \"react\";\r\nimport \"./SettingsSidebar.scss\";\r\n\r\nimport {useDispatch} from \"react-redux\";\r\nimport {closeSidebar} from \"../../../modules/sidebar\";\r\n\r\nimport {ReactComponent as Settings} from \"../../../resource/img/icon/settings.svg\";\r\nimport {ReactComponent as Arrow} from \"../../../resource/img/icon/right-arrow.svg\";\r\n\r\n\r\nfunction SettingsSidebar() {\r\n const dispatch = useDispatch();\r\n const close = () => dispatch(closeSidebar());\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n SYNCROOM 한글 패치 다운로드\r\n \r\n \r\n Original Website\r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SettingsSidebar;","import React from \"react\";\r\nimport \"./style.scss\";\r\n\r\nimport {SidebarClass} from \"../../../modules/sidebar/sidebarClass\";\r\n\r\nimport SidebarRoute from \"./SidebarRoute\";\r\nimport MenuSidebar from \"./MenuSidebar\";\r\nimport SettingsSidebar from \"./SettingsSidebar\";\r\n\r\nfunction Sidebar() {\r\n return (\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 Sidebar;\r\n","import React from \"react\";\r\nimport {BrowserRouter as Router, Route, Switch, Redirect} from \"react-router-dom\";\r\n\r\nimport Home from \"../containers/browser/Home\";\r\nimport Join from \"../containers/browser/Join\";\r\nimport NotFound from \"../containers/browser/NotFound\";\r\n\r\nimport Modal from \"../components/browser/Modal\";\r\nimport Sidebar from \"../components/browser/Sidebar\";\r\n\r\nfunction BrowserRoutes() {\r\n return (\r\n <>\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Home;","import React from \"react\";\r\n\r\nfunction NotFound() {\r\n return <>\r\n}\r\n\r\nexport default NotFound;\r\n","import React from \"react\";\r\nimport {BrowserRouter as Router, Route, Switch, Redirect} from \"react-router-dom\";\r\n\r\nimport Home from \"../containers/mobile/Home\";\r\nimport NotFound from \"../containers/mobile/NotFound\";\r\n\r\nfunction MobileRoutes() {\r\n return (\r\n 모바일 버전은 아직 지원하지 않습니다
ㅠㅠ
\r\n ㅠㅠ
\r\n
\r\n \r\n
\r\n