{
    "componentChunkName": "component---src-templates-detail-page-js",
    "path": "/LDSM/components/slider-ex-en",
    "result": {"pageContext":{"slug":"/LDSM/components/slider-ex-en","next":null,"previous":{"id":387,"has_right_menu":true,"order":3,"locale":"en","slug":"/LDSM/components/switch-ex-en","scope":"external","title_text":"Switch","description_text":"<p>Control interface for turning certain options on/off. Users can understand the status of an option by looking at the switch.</p>","last_updated":"2020-10-31","show_dev_status":null,"resources_by_platform":[],"document":null,"download_card":[],"dynamic":[{"foldable_items":null,"code_tabs":null,"strapi_component":"page-content.page-content","component_type":null,"component_id":null,"content":"<h2>Anatomy</h2>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_anatomy_2c3580c994.png\" alt=\"\" width=\"1600\" height=\"460\" /></figure>\n<h4 class=\"list-title\">1. Background area</h4>\n<p class=\"list-title\">Indicate the on/off status of the switch.<br />The highlight color indicates \"On\" while the dimmed color indicates \"Off.\"</p>\n<h4 class=\"list-title\">2. Icon / Number area</h4>\n<p class=\"list-title\">When the circle is on the left, it indicates \"Off.\" When it is on the right, it indicates \"On.\"<br />You must provide the \"Default Option\" for users.</p>","data_json":null,"icons":null,"resources":null,"grid_interview_items":null,"do_dont_items":null,"icon":null,"download_file":null,"link":null,"title_text":null,"description_text":null,"title":null},{"foldable_items":null,"code_tabs":null,"strapi_component":"common-resource.do-dont-wrapper","component_type":null,"component_id":null,"content":null,"data_json":null,"icons":null,"resources":null,"grid_interview_items":null,"do_dont_items":[{"title":null,"do_dont_text":"<p>Switch is generally used to turn on or off the list type settings.</p>","status":"do","do_dont_image":{"localFile":{"publicURL":"/static/a2fdb868d4f01760581c3f97ff78c14f/switch_1_b76fbd68cf.png","childImageSharp":{"fluid":{"src":"/static/a2fdb868d4f01760581c3f97ff78c14f/19ad9/switch_1_b76fbd68cf.png"}}},"mime":"image/png"}},{"title":null,"do_dont_text":"<p>You cannot change the default configuration of the switch elements (color, location) at your discretion.</p>","status":"dont","do_dont_image":{"localFile":{"publicURL":"/static/50f819c9afb27ce2c9d53362f28c5826/switch_2_dea6f75ac2.png","childImageSharp":{"fluid":{"src":"/static/50f819c9afb27ce2c9d53362f28c5826/19ad9/switch_2_dea6f75ac2.png"}}},"mime":"image/png"}}],"icon":null,"download_file":null,"link":null,"title_text":null,"description_text":null,"title":null},{"foldable_items":null,"code_tabs":null,"strapi_component":"page-content.page-content","component_type":null,"component_id":null,"content":"<h2>States</h2>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<thead>\n<tr style=\"height: 18px;\">\n<th style=\"width: 24.6311%; height: 18px; text-align: left;\">&nbsp;</th>\n<th style=\"width: 24.6311%; height: 18px; text-align: center;\">Off</th>\n<th style=\"width: 24.6311%; height: 18px; text-align: center;\">On</th>\n<th style=\"width: 24.6311%; height: 18px; text-align: center;\">Description</th>\n</tr>\n</thead>\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 24.6311%; height: 20px; text-align: left;\">Active</th>\n<td style=\"width: 24.6311%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_states_1_2x_1f8c6b901d.png\" alt=\"\" width=\"180\" height=\"91\" /></td>\n<td style=\"width: 24.6311%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_states_2_2x_c412f6944f.png\" alt=\"\" width=\"180\" height=\"91\" /></td>\n<td style=\"width: 24.6375%; height: 20px; text-align: center;\">Switch enabled.</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 24.6311%; height: 20px; text-align: left;\">Pressed</th>\n<td style=\"width: 24.6311%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_states_3_2x_26a2d1cc74.png\" alt=\"\" width=\"180\" height=\"91\" /></td>\n<td style=\"width: 24.6311%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_states_4_2x_4c660493ce.png\" alt=\"\" width=\"180\" height=\"91\" /></td>\n<td style=\"width: 24.6375%; height: 20px; text-align: center;\">User tapping the switch.</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 24.6311%; height: 20px; text-align: left;\">Inactive(Disabled(</th>\n<td style=\"width: 24.6311%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_states_5_2x_f5318962e9.png\" alt=\"\" width=\"180\" height=\"91\" /></td>\n<td style=\"width: 24.6311%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_states_6_2x_d658371c92.png\" alt=\"\" width=\"180\" height=\"91\" /></td>\n<td style=\"width: 24.6375%; height: 20px; text-align: center;\">Switch disabled.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<h2>Usage</h2>\n<p>In general, this is used in the following manner:</p>\n<h3>Settings</h3>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_3_b7931aa149.png\" alt=\"\" width=\"900\" height=\"570\" /></figure>\n<p>Turn the settings on or off.</p>\n<h2>Placement</h2>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/switch_1_2x_ae1053f428.png\" alt=\"\" width=\"900\" height=\"469\" /></figure>\n<h3>Request design QA</h3>\n<p>As for the list, it is placed on the far right side of the list content with a margin of 16 pts. As the margin is not included in the component, design QA is required.</p>","data_json":null,"icons":null,"resources":null,"grid_interview_items":null,"do_dont_items":null,"icon":null,"download_file":null,"link":null,"title_text":null,"description_text":null,"title":null},{"foldable_items":null,"code_tabs":null,"strapi_component":"common-resource.do-dont-wrapper","component_type":null,"component_id":null,"content":null,"data_json":null,"icons":null,"resources":null,"grid_interview_items":null,"do_dont_items":[{"title":null,"do_dont_text":"<p>Switch cannot be placed on the left.</p>","status":"dont","do_dont_image":{"localFile":{"publicURL":"/static/6e92c3de005992019fe294a32e88c4d6/switch_4_4f751c1c75.png","childImageSharp":{"fluid":{"src":"/static/6e92c3de005992019fe294a32e88c4d6/19ad9/switch_4_4f751c1c75.png"}}},"mime":"image/png"}}],"icon":null,"download_file":null,"link":null,"title_text":null,"description_text":null,"title":null}]},"data":{"id":390,"has_right_menu":true,"order":4,"locale":"en","slug":"/LDSM/components/slider-ex-en","scope":"external","title_text":"Slider","description_text":"<p>Used for places where users must select a value for a specific range. Adjust the slider until you find the desired value, because changes are applied instantly.</p>","last_updated":"2021-03-31","show_dev_status":null,"resources_by_platform":[],"document":null,"download_card":[],"dynamic":[{"foldable_items":null,"code_tabs":null,"strapi_component":"page-content.page-content","component_type":null,"component_id":null,"content":"<h2>Anatomy</h2>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_anatomy_c20329c599.png\" alt=\"\" width=\"1600\" height=\"634\" /></figure>\n<h4 class=\"list-title\">1. Background area</h4>\n<p class=\"list-title\">Indicates the value of the range that can be moved by a user.<br />You can provide a number or an icon indicating the selected value.</p>\n<h4 class=\"list-title\">2. Track</h4>\n<p class=\"list-title\">Displays the range that can be selected by a user.<br />It displays the smallest value on the left and the largest value on the right.</p>\n<h4 class=\"list-title\">3. Thumb</h4>\n<p>This is an indicator that users can select to adjust the value.</p>\n<h2>Types</h2>\n<p>Based on the usability of the slider, the component type will be different.</p>","data_json":null,"icons":null,"resources":null,"grid_interview_items":null,"do_dont_items":null,"icon":null,"download_file":null,"link":null,"title_text":null,"description_text":null,"title":null},{"foldable_items":null,"code_tabs":null,"strapi_component":"common-resource.connector","component_type":"type_simulator","component_id":"type_slider","content":null,"data_json":null,"icons":null,"resources":null,"grid_interview_items":null,"do_dont_items":null,"icon":null,"download_file":null,"link":null,"title_text":null,"description_text":null,"title":null},{"foldable_items":null,"code_tabs":null,"strapi_component":"page-content.page-content","component_type":null,"component_id":null,"content":"<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Continuous</th>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/slider_types_1_2x_d00f1b39c8.png\" alt=\"\" width=\"314\" height=\"96\" /></td>\n<td style=\"width: 40%;\">* This is a type for users to directly select a value within a specific range.<br />* A different color will be filled on the left side of the track.</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Discrete</th>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/slider_types_2_2x_08299fae2e.png\" alt=\"\" width=\"314\" height=\"96\" /></td>\n<td style=\"width: 40%;\">* This is a type where the defined value is selected if a specific point is defined and a user drags closer to this point.<br />* The user is alerted with a vibration after moving to a specific point.<br />* The track will not be filled with a different color.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<h2>States</h2>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Enabled</th>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/slider_types_1_2x_83f9515f1c.png\" alt=\"\" width=\"314\" height=\"96\" /></td>\n<td style=\"width: 40%;\">Used for an enabled slider.</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Disabled</th>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/slider_types_3_2x_48db86ed36.png\" alt=\"\" width=\"314\" height=\"96\" /></td>\n<td style=\"width: 40%;\">This is an unavailable state.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<h2>Interaction</h2>\n<h3>Drag &amp; Drop</h3>\n<p><video controls=\"controls\" width=\"1600\" height=\"640\">\n<source src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/Slider_Continuous_Drag_447920888c.mp4\" type=\"video/mp4\" /></video></p>\n<p><video controls=\"controls\" width=\"1600\" height=\"640\">\n<source src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/Slider_Discrete_Drag_1e09b28964.mp4\" type=\"video/mp4\" /></video></p>\n<ul>\n<li>You can set the slider value using Drag &amp; Drop.</li>\n<li>The value is determined with the coordinates of the last drop.</li>\n</ul>\n<h3>Tab &amp; Jump</h3>\n<p><video controls=\"controls\" width=\"1600\" height=\"640\">\n<source src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/Slider_Continuous_Tap_83cf3fa38a.mp4\" type=\"video/mp4\" /></video></p>\n<p><video controls=\"controls\" width=\"1600\" height=\"640\">\n<source src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/Slider_Discrete_Tap_78b2e3210a.mp4\" type=\"video/mp4\" /></video></p>\n<ul>\n<li>You can set the slider value using Tap &amp; Jump.</li>\n<li>The value is determined using the coordinates of the first tap.</li>\n</ul>\n<h2>Usage</h2>\n<h3>Settings</h3>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_usage_01_bce14bb1a3.png\" alt=\"\" width=\"1600\" height=\"596\" /></figure>\n<p>Used when one must select one among the values of many ranges, such as volume, font, size, brightness, etc.</p>\n<h3>Camera</h3>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/slider_1_2x_432a17dd80.png\" alt=\"\" width=\"900\" height=\"799\" /></figure>\n<p>Used for adjusting the settings, such as application of image filter in a camera. (Vertical Usage)</p>","data_json":null,"icons":null,"resources":null,"grid_interview_items":null,"do_dont_items":null,"icon":null,"download_file":null,"link":null,"title_text":null,"description_text":null,"title":null}]},"category":"/LDSM/components/common-component/controls","locale":"en","standaloneComponents":{"colorPalettes":[{"node":{"description":"<p>The colors used in the LINE app&rsquo;s main UI components can directly affect the brand experience. Choose from the colors in the primary color palette below. You can select and use a new set of primary colors for the brand in each family service.</p>\n<p>However, LINE Green, the representative color of the brand, has designated color values for each OS that reflect the differences in the display environment. Make sure to use the correct color values for each OS when using LINE Green. For web services, use LINE Green for iOS.</p>","locale":"en","color_categories":[{"name":"LINE Green","colors":[{"code":"#06C755","name":"Green for iOS","usage":""},{"code":"#4CC764","name":"Green for Android","usage":""}]},{"name":"LINE Gray","colors":[{"code":"#FFFFFF","name":"White","usage":null},{"code":"#FCFCFC","name":"Gray 100","usage":null},{"code":"#F5F5F5","name":"Gray 150","usage":null},{"code":"#EFEFEF","name":"Gray 200","usage":null},{"code":"#E8E8E8","name":"Gray 250","usage":null},{"code":"#DFDFDF","name":"Gray 300","usage":null},{"code":"#C8C8C8","name":"Gray 350","usage":null},{"code":"#B7B7B7","name":"Gray 400","usage":null},{"code":"#949494","name":"Gray 500","usage":null},{"code":"#777777","name":"Gray 600","usage":null},{"code":"#616161","name":"Gray 650","usage":null},{"code":"#555555","name":"Gray 700","usage":null},{"code":"#3F3F3F","name":"Gray 750","usage":null},{"code":"#383838","name":"Gray 770","usage":null},{"code":"#2A2A2A","name":"Gray 800","usage":null},{"code":"#1F1F1F","name":"Gray 850","usage":null},{"code":"#1A1A1A","name":"Gray 870","usage":null},{"code":"#111111","name":"Gray 900","usage":null},{"code":"#000000","name":"Black","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":"Button Bg, Tooltip big"},{"code":"#4D73FF","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null}]},{"name":"LINE Red","colors":[{"code":"#FF334B","name":"Red 600","usage":"For iOS"}]}],"title":"Primary Color Palette","component_id":"primary_en","type":"primary"}},{"node":{"description":"<p>Choose from the colors in the LINE Colors in all UI elements in the LINE app. You cannot adjust the transparency for all colors other than the transparent mono colors. You can use LINE Colors that are not included in the primary colors in additional UI elements that do not directly affect the brand experience of the LINE app. For example, use those colors in the UI and banner images in a Timeline Story where you can use various tones.</p>\n<p>In family services, you can choose brand colors even if they are not included in the LINE Colors. Create a new set of the primary colors from the LINE Colors and brand colors or inherit and use the primary colors of the LINE app.</p>","locale":"en","color_categories":[{"name":"LINE Lime","colors":[{"code":"#9DE693","name":"Lime 100","usage":null},{"code":"#8FDF81","name":"Lime 200","usage":null},{"code":"#79D279","name":"Lime 300","usage":null},{"code":"#6DE67B","name":"Lime 400","usage":null},{"code":"#5BDD6A","name":"Lime 500","usage":null},{"code":"#58DB67","name":"Lime 510","usage":null},{"code":"#4CC353","name":"Lime 580","usage":null},{"code":"#06C755","name":"Lime 600","usage":null},{"code":"#3D9E43","name":"Lime 700","usage":null},{"code":"#438643","name":"Lime 750","usage":null},{"code":"#1E6E1E","name":"Lime 800","usage":null},{"code":"#1F4D1F","name":"Lime 900","usage":null}]},{"name":"LINE Light Green","colors":[{"code":"#93EDBF","name":"Light Green 300","usage":null},{"code":"#64E8A4","name":"Light Green 400","usage":null},{"code":"#35DB80","name":"Light Green 500","usage":null},{"code":"#15BD66","name":"Light Green 600","usage":null},{"code":"#18A352","name":"Light Green 700","usage":null},{"code":"#187A41","name":"Light Green 800","usage":null},{"code":"#16592D","name":"Light Green 900","usage":null},{"code":"#2A9C5B","name":"Light Green 600p","usage":null},{"code":"#4BB875","name":"Light Green 500p","usage":null},{"code":"#85C79B","name":"Light Green 400p","usage":null},{"code":"#BAD9C5","name":"Light Green 300p","usage":null}]},{"name":"LINE Teal","colors":[{"code":"#8EEDD9","name":"Teal 300","usage":null},{"code":"#5CE5C8","name":"Teal 400","usage":null},{"code":"#20D6BE","name":"Teal 500","usage":null},{"code":"#19BFA1","name":"Teal 600","usage":null},{"code":"#14A37B","name":"Teal 700","usage":null},{"code":"#137856","name":"Teal 800","usage":null},{"code":"#145E4E","name":"Teal 900","usage":null},{"code":"#24967C","name":"Teal 600p","usage":null},{"code":"#46B897","name":"Teal 500p","usage":null},{"code":"#7CC9B0","name":"Teal 400p","usage":null},{"code":"#BAD9CF","name":"Teal 300p","usage":null}]},{"name":"LINE Cyan","colors":[{"code":"#8CEDED","name":"Cyan 300","usage":null},{"code":"#5BE3DE","name":"Cyan 400","usage":null},{"code":"#26D1D1","name":"Cyan 500","usage":null},{"code":"#1CB8B8","name":"Cyan 600","usage":null},{"code":"#10A1A1","name":"Cyan 700","usage":null},{"code":"#107575","name":"Cyan 800","usage":null},{"code":"#155C5C","name":"Cyan 900","usage":null},{"code":"#1F9399","name":"Cyan 600p","usage":null},{"code":"#41B6B9","name":"Cyan 500p","usage":null},{"code":"#7DCDCF","name":"Cyan 400p","usage":null},{"code":"#BDD9D9","name":"Cyan 300p","usage":null}]},{"name":"LINE Light Blue","colors":[{"code":"#90EAFC","name":"Light Blue 300","usage":null},{"code":"#60DEF7","name":"Light Blue 400","usage":null},{"code":"#11CDF2","name":"Light Blue 500","usage":null},{"code":"#00B8E5","name":"Light Blue 600","usage":null},{"code":"#0093C4","name":"Light Blue 700","usage":null},{"code":"#066A91","name":"Light Blue 800","usage":null},{"code":"#084F6B","name":"Light Blue 900","usage":null},{"code":"#268CAD","name":"Light Blue 600p","usage":null},{"code":"#3FAFC9","name":"Light Blue 500p","usage":null},{"code":"#7FC6D6","name":"Light Blue 400p","usage":null},{"code":"#C1D8DE","name":"Light Blue 300p","usage":null}]},{"name":"LINE Sky Blue","colors":[{"code":"#ABDCFF","name":"Sky Blue 300","usage":null},{"code":"#78CBFF","name":"Sky Blue 400","usage":null},{"code":"#40B6FF","name":"Sky Blue 500","usage":null},{"code":"#1A9CFF","name":"Sky Blue 600","usage":null},{"code":"#0279D4","name":"Sky Blue 700","usage":null},{"code":"#095796","name":"Sky Blue 800","usage":null},{"code":"#1C476B","name":"Sky Blue 900","usage":null},{"code":"#3F84C4","name":"Sky Blue 600p","usage":null},{"code":"#5BA2DB","name":"Sky Blue 500p","usage":null},{"code":"#8FBEE3","name":"Sky Blue 400p","usage":null},{"code":"#C5D6E3","name":"Sky Blue 300p","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#C2D2FF","name":"Blue 300","usage":null},{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":null},{"code":"#4D73FF","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null},{"code":"#2D4796","name":"Blue 800","usage":null},{"code":"#32457A","name":"Blue 900","usage":null},{"code":"#4E73CC","name":"Blue 600p","usage":null},{"code":"#658EE1","name":"Blue 500p","usage":null},{"code":"#9FB6EC","name":"Blue 400p","usage":null},{"code":"#CCD3E5","name":"Blue 300p","usage":null}]},{"name":"LINE Indigo","colors":[{"code":"#CACAFC","name":"Indigo 300","usage":null},{"code":"#A2A2FC","name":"Indigo 400","usage":null},{"code":"#7979F7","name":"Indigo 500","usage":null},{"code":"#5F5FED","name":"Indigo 600","usage":null},{"code":"#4545D1","name":"Indigo 700","usage":null},{"code":"#3D389C","name":"Indigo 800","usage":null},{"code":"#383878","name":"Indigo 900","usage":null},{"code":"#5F5FBA","name":"Indigo 600p","usage":null},{"code":"#7979D9","name":"Indigo 500p","usage":null},{"code":"#A6A6ED","name":"Indigo 400p","usage":null},{"code":"#CFCFE5","name":"Indigo 300p","usage":null}]},{"name":"LINE Deep Purple","colors":[{"code":"#D4C4F5","name":"Deep Purple 300","usage":null},{"code":"#BD9FF5","name":"Deep Purple 400","usage":null},{"code":"#A17DF5","name":"Deep Purple 500","usage":null},{"code":"#8556E3","name":"Deep Purple 600","usage":null},{"code":"#6B3CC9","name":"Deep Purple 700","usage":null},{"code":"#532F99","name":"Deep Purple 800","usage":null},{"code":"#47346B","name":"Deep Purple 900","usage":null},{"code":"#7956B0","name":"Deep Purple 600p","usage":null},{"code":"#9473D6","name":"Deep Purple 500p","usage":null},{"code":"#B59FE8","name":"Deep Purple 400p","usage":null},{"code":"#D3CCE5","name":"Deep Purple 300p","usage":null}]},{"name":"LINE Purple","colors":[{"code":"#EDC8F7","name":"Purple 300","usage":null},{"code":"#DD9CF7","name":"Purple 400","usage":null},{"code":"#CE7AF0","name":"Purple 500","usage":null},{"code":"#C355D9","name":"Purple 600","usage":null},{"code":"#AF36C7","name":"Purple 700","usage":null},{"code":"#762D85","name":"Purple 800","usage":null},{"code":"#562E5E","name":"Purple 900","usage":null},{"code":"#81529E","name":"Purple 600p","usage":null},{"code":"#A771C9","name":"Purple 500p","usage":null},{"code":"#C89BE0","name":"Purple 400p","usage":null},{"code":"#DBCCE3","name":"Purple 300p","usage":null}]},{"name":"LINE Magenta","colors":[{"code":"#FCCAE7","name":"Magenta 300","usage":null},{"code":"#FF9CCD","name":"Magenta 400","usage":null},{"code":"#FF70B0","name":"Magenta 500","usage":null},{"code":"#F74397","name":"Magenta 600","usage":null},{"code":"#DE2C7F","name":"Magenta 700","usage":null},{"code":"#BF0659","name":"Magenta 800","usage":null},{"code":"#8A0E46","name":"Magenta 900","usage":null},{"code":"#C74A82","name":"Magenta 600p","usage":null},{"code":"#E569A0","name":"Magenta 500p","usage":null},{"code":"#ED91BC","name":"Magenta 400p","usage":null},{"code":"#EBCCDD","name":"Magenta 300p","usage":null}]},{"name":"LINE Red","colors":[{"code":"#FCC5CB","name":"Red 300","usage":null},{"code":"#FF96A3","name":"Red 400","usage":null},{"code":"#FF697A","name":"Red 500","usage":null},{"code":"#FF334B","name":"Red 600","usage":null},{"code":"#E5172F","name":"Red 700","usage":null},{"code":"#C9162B","name":"Red 800","usage":null},{"code":"#85101E","name":"Red 900","usage":null},{"code":"#D44652","name":"Red 600p","usage":null},{"code":"#EB6570","name":"Red 500p","usage":null},{"code":"#F68A94","name":"Red 400p","usage":null},{"code":"#F2CED2","name":"Red 400p","usage":null}]},{"name":"LINE Orange","colors":[{"code":"#FFCFBF","name":"Orange 300","usage":null},{"code":"#FFA182","name":"Orange 400","usage":null},{"code":"#FF875C","name":"Orange 500","usage":null},{"code":"#FF6F36","name":"Orange 600","usage":null},{"code":"#FF5E1F","name":"Orange 700","usage":null},{"code":"#F24500","name":"Orange 800","usage":null},{"code":"#C43100","name":"Orange 900","usage":null},{"code":"#E35F42","name":"Orange 600p","usage":null},{"code":"#F5765D","name":"Orange 500p","usage":null},{"code":"#FA9E7F","name":"Orange 400p","usage":null},{"code":"#FAD3C5","name":"Orange 300p","usage":null}]},{"name":"LINE Amber","colors":[{"code":"#FFF9CC","name":"Amber 300","usage":null},{"code":"#FFEB94","name":"Amber 400","usage":null},{"code":"#FFD86B","name":"Amber 500","usage":null},{"code":"#FFC53D","name":"Amber 600","usage":null},{"code":"#FCB321","name":"Amber 700","usage":null},{"code":"#FA9E1E","name":"Amber 800","usage":null},{"code":"#F77911","name":"Amber 900","usage":null},{"code":"#F7821B","name":"Amber 600p","usage":null},{"code":"#FFB55D","name":"Amber 500p","usage":null},{"code":"#FFDD80","name":"Amber 400p","usage":null},{"code":"#FFE8C2","name":"Amber 300p","usage":null}]},{"name":"LINE Yellow","colors":[{"code":"#FDFFE5","name":"Yellow 300","usage":null},{"code":"#FBFFBF","name":"Yellow 400","usage":null},{"code":"#FDFF78","name":"Yellow 500","usage":null},{"code":"#FFFC33","name":"Yellow 600","usage":null},{"code":"#FFF200","name":"Yellow 700","usage":null},{"code":"#FFE500","name":"Yellow 800","usage":null},{"code":"#FFD900","name":"Yellow 900","usage":null},{"code":"#FFDF6B","name":"Yellow 600p","usage":null},{"code":"#FFEA80","name":"Yellow 500p","usage":null},{"code":"#FFF8AB","name":"Yellow 400p","usage":null},{"code":"#FCFAD2","name":"Yellow 300p","usage":null}]},{"name":"LINE Navy","colors":[{"code":"#C8CFDC","name":"Navy 400","usage":null},{"code":"#98A0B3","name":"Navy 500","usage":null},{"code":"#707991","name":"Navy 600","usage":null},{"code":"#464F69","name":"Navy 700","usage":null},{"code":"#323B54","name":"Navy 800","usage":null},{"code":"#262F4A","name":"Navy 850","usage":null},{"code":"#202A43","name":"Navy 900","usage":null}]}],"title":"LINE Colors","component_id":"rainbow_en","type":"rainbow"}},{"node":{"description":"<p>LINEアプリの主要UIを構成する要素は、LINEのブランド体験に直接的な影響を与えるので、以下に定義された色を使用します。Family Serviceは、ブランドに合わせてPrimary Colorsを新しく構成して使用できます。</p>\n<p>ただし、LINEブランドを代表する色であるLINE Greenは、各OSのディスプレイ環境を考慮して色値を区分して指定しています。そのため、LINE Greenを使用するときは、OSによって色値を使い分けてください。WebサービスはiOSカラーを基準に使用します。</p>","locale":"ja","color_categories":[{"name":"LINE Green","colors":[{"code":"#06C755","name":"Green for iOS","usage":""},{"code":"#4CC764","name":"Green for Android","usage":""}]},{"name":"LINE Gray","colors":[{"code":"#FFFFFF","name":"White","usage":null},{"code":"#FCFCFC","name":"Gray 100","usage":null},{"code":"#F5F5F5","name":"Gray 150","usage":null},{"code":"#EFEFEF","name":"Gray 200","usage":null},{"code":"#E8E8E8","name":"Gray 250","usage":null},{"code":"#DFDFDF","name":"Gray 300","usage":null},{"code":"#C8C8C8","name":"Gray 350","usage":null},{"code":"#B7B7B7","name":"Gray 400","usage":null},{"code":"#949494","name":"Gray 500","usage":null},{"code":"#777777","name":"Gray 600","usage":null},{"code":"#616161","name":"Gray 650","usage":null},{"code":"#555555","name":"Gray 700","usage":null},{"code":"#3F3F3F","name":"Gray 750","usage":null},{"code":"#383838","name":"Gray 770","usage":null},{"code":"#2A2A2A","name":"Gray 800","usage":null},{"code":"#1F1F1F","name":"Gray 850","usage":null},{"code":"#1A1A1A","name":"Gray 870","usage":null},{"code":"#111111","name":"Gray 900","usage":null},{"code":"#000000","name":"Black","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":"Button Bg, Tooltip big"},{"code":"#4D73FF","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null}]},{"name":"LINE Red","colors":[{"code":"#FF334B","name":"Red 600","usage":"For iOS"}]}],"title":"Primary Color Palette","component_id":"primary_ja","type":"primary"}},{"node":{"description":"<p>LINE 앱의 주요 UI 구성요소는 LINE 브랜드 경험에 직접적인 영향을 주므로 아래 정의된 컬러 내에서 사용합니다. Family Service는 브랜드에 맞춰 Primary Colors를 새로 구성하여 사용할 수 있습니다.</p>\n<p>단, LINE 브랜드를 대표하는 LINE Green은 OS별 디스플레이 환경 차이를 감안하여 컬러값을 구분하여 지정하였습니다. 따라서 LINE Green 사용 시에는 각 OS에 맞는 컬러값을 구분하여 사용합니다. Web 서비스는 iOS 컬러를 기준으로 사용합니다.</p>","locale":"ko","color_categories":[{"name":"LINE Green","colors":[{"code":"#06C755","name":"Green for iOS","usage":""},{"code":"#4CC764","name":"Green for Android","usage":""}]},{"name":"LINE Gray","colors":[{"code":"#FFFFFF","name":"White","usage":null},{"code":"#FCFCFC","name":"Gray 100","usage":null},{"code":"#F5F5F5","name":"Gray 150","usage":null},{"code":"#EFEFEF","name":"Gray 200","usage":null},{"code":"#E8E8E8","name":"Gray 250","usage":null},{"code":"#DFDFDF","name":"Gray 300","usage":null},{"code":"#C8C8C8","name":"Gray 350","usage":null},{"code":"#B7B7B7","name":"Gray 400","usage":null},{"code":"#949494","name":"Gray 500","usage":null},{"code":"#777777","name":"Gray 600","usage":null},{"code":"#616161","name":"Gray 650","usage":null},{"code":"#555555","name":"Gray 700","usage":null},{"code":"#3F3F3F","name":"Gray 750","usage":null},{"code":"#383838","name":"Gray 770","usage":null},{"code":"#2A2A2A","name":"Gray 800","usage":null},{"code":"#1F1F1F","name":"Gray 850","usage":null},{"code":"#1A1A1A","name":"Gray 870","usage":null},{"code":"#111111","name":"Gray 900","usage":null},{"code":"#000000","name":"Black","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":"Button Bg, Tooltip big"},{"code":"#4D73FF","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null}]},{"name":"LINE Red","colors":[{"code":"#FF334B","name":"Red 600","usage":"For iOS"}]}],"title":"Primary Colors","component_id":"primary_ko","type":"primary"}},{"node":{"description":"<p>LINEアプリでUI要素の色はLINE Colorsから使用します。許可されたTransparent Mono以外のすべてのカラーは、透明度の調整ができません。Primary Color以外のLINE Colorsは、LINEアプリのブランド体験に直接的な影響を与えない付加的なUI要素に使用します。たとえば、さまざまなトーンが使用され得るタイムラインのストーリーのUI、バナー画像などに使用できます。</p>\n<p>Family Serviceでは、LINE Colorsにはないブランドカラーの使用が可能です。LINE Colorsとブランドカラーを利用してPrimary Colorを構成して使用したり、LINEアプリのPrimary Colorsを使用します。</p>","locale":"ja","color_categories":[{"name":"LINE Lime","colors":[{"code":"#9DE693","name":"Lime 100","usage":null},{"code":"#8FDF81","name":"Lime 200","usage":null},{"code":"#79D279","name":"Lime 300","usage":null},{"code":"#6DE67B","name":"Lime 400","usage":null},{"code":"#5BDD6A","name":"Lime 500","usage":null},{"code":"#58DB67","name":"Lime 510","usage":null},{"code":"#4CC353","name":"Lime 580","usage":null},{"code":"#06C755","name":"Lime 600","usage":null},{"code":"#3D9E43","name":"Lime 700","usage":null},{"code":"#438643","name":"Lime 750","usage":null},{"code":"#1E6E1E","name":"Lime 800","usage":null},{"code":"#1F4D1F","name":"Lime 900","usage":null}]},{"name":"LINE Light Green","colors":[{"code":"#93EDBF","name":"Light Green 300","usage":null},{"code":"#64E8A4","name":"Light Green 400","usage":null},{"code":"#35DB80","name":"Light Green 500","usage":null},{"code":"#15BD66","name":"Light Green 600","usage":null},{"code":"#18A352","name":"Light Green 700","usage":null},{"code":"#187A41","name":"Light Green 800","usage":null},{"code":"#16592D","name":"Light Green 900","usage":null},{"code":"#2A9C5B","name":"Light Green 600p","usage":null},{"code":"#4BB875","name":"Light Green 500p","usage":null},{"code":"#85C79B","name":"Light Green 400p","usage":null},{"code":"#BAD9C5","name":"Light Green 300p","usage":null}]},{"name":"LINE Teal","colors":[{"code":"#8EEDD9","name":"Teal 300","usage":null},{"code":"#5CE5C8","name":"Teal 400","usage":null},{"code":"#20D6BE","name":"Teal 500","usage":null},{"code":"#19BFA1","name":"Teal 600","usage":null},{"code":"#14A37B","name":"Teal 700","usage":null},{"code":"#137856","name":"Teal 800","usage":null},{"code":"#145E4E","name":"Teal 900","usage":null},{"code":"#24967C","name":"Teal 600p","usage":null},{"code":"#46B897","name":"Teal 500p","usage":null},{"code":"#7CC9B0","name":"Teal 400p","usage":null},{"code":"#BAD9CF","name":"Teal 300p","usage":null}]},{"name":"LINE Cyan","colors":[{"code":"#8CEDED","name":"Cyan 300","usage":null},{"code":"#5BE3DE","name":"Cyan 400","usage":null},{"code":"#26D1D1","name":"Cyan 500","usage":null},{"code":"#1CB8B8","name":"Cyan 600","usage":null},{"code":"#10A1A1","name":"Cyan 700","usage":null},{"code":"#107575","name":"Cyan 800","usage":null},{"code":"#155C5C","name":"Cyan 900","usage":null},{"code":"#1F9399","name":"Cyan 600p","usage":null},{"code":"#41B6B9","name":"Cyan 500p","usage":null},{"code":"#7DCDCF","name":"Cyan 400p","usage":null},{"code":"#BDD9D9","name":"Cyan 300p","usage":null}]},{"name":"LINE Light Blue","colors":[{"code":"#90EAFC","name":"Light Blue 300","usage":null},{"code":"#60DEF7","name":"Light Blue 400","usage":null},{"code":"#11CDF2","name":"Light Blue 500","usage":null},{"code":"#00B8E5","name":"Light Blue 600","usage":null},{"code":"#0093C4","name":"Light Blue 700","usage":null},{"code":"#066A91","name":"Light Blue 800","usage":null},{"code":"#084F6B","name":"Light Blue 900","usage":null},{"code":"#268CAD","name":"Light Blue 600p","usage":null},{"code":"#3FAFC9","name":"Light Blue 500p","usage":null},{"code":"#7FC6D6","name":"Light Blue 400p","usage":null},{"code":"#C1D8DE","name":"Light Blue 300p","usage":null}]},{"name":"LINE Sky Blue","colors":[{"code":"#ABDCFF","name":"Sky Blue 300","usage":null},{"code":"#78CBFF","name":"Sky Blue 400","usage":null},{"code":"#40B6FF","name":"Sky Blue 500","usage":null},{"code":"#1A9CFF","name":"Sky Blue 600","usage":null},{"code":"#0279D4","name":"Sky Blue 700","usage":null},{"code":"#095796","name":"Sky Blue 800","usage":null},{"code":"#1C476B","name":"Sky Blue 900","usage":null},{"code":"#3F84C4","name":"Sky Blue 600p","usage":null},{"code":"#5BA2DB","name":"Sky Blue 500p","usage":null},{"code":"#8FBEE3","name":"Sky Blue 400p","usage":null},{"code":"#C5D6E3","name":"Sky Blue 300p","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#C2D2FF","name":"Blue 300","usage":null},{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":null},{"code":"#4D73FF","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null},{"code":"#2D4796","name":"Blue 800","usage":null},{"code":"#32457A","name":"Blue 900","usage":null},{"code":"#4E73CC","name":"Blue 600p","usage":null},{"code":"#658EE1","name":"Blue 500p","usage":null},{"code":"#9FB6EC","name":"Blue 400p","usage":null},{"code":"#CCD3E5","name":"Blue 300p","usage":null}]},{"name":"LINE Indigo","colors":[{"code":"#CACAFC","name":"Indigo 300","usage":null},{"code":"#A2A2FC","name":"Indigo 400","usage":null},{"code":"#7979F7","name":"Indigo 500","usage":null},{"code":"#5F5FED","name":"Indigo 600","usage":null},{"code":"#4545D1","name":"Indigo 700","usage":null},{"code":"#3D389C","name":"Indigo 800","usage":null},{"code":"#383878","name":"Indigo 900","usage":null},{"code":"#5F5FBA","name":"Indigo 600p","usage":null},{"code":"#7979D9","name":"Indigo 500p","usage":null},{"code":"#A6A6ED","name":"Indigo 400p","usage":null},{"code":"#CFCFE5","name":"Indigo 300p","usage":null}]},{"name":"LINE Deep Purple","colors":[{"code":"#D4C4F5","name":"Deep Purple 300","usage":null},{"code":"#BD9FF5","name":"Deep Purple 400","usage":null},{"code":"#A17DF5","name":"Deep Purple 500","usage":null},{"code":"#8556E3","name":"Deep Purple 600","usage":null},{"code":"#6B3CC9","name":"Deep Purple 700","usage":null},{"code":"#532F99","name":"Deep Purple 800","usage":null},{"code":"#47346B","name":"Deep Purple 900","usage":null},{"code":"#7956B0","name":"Deep Purple 600p","usage":null},{"code":"#9473D6","name":"Deep Purple 500p","usage":null},{"code":"#B59FE8","name":"Deep Purple 400p","usage":null},{"code":"#D3CCE5","name":"Deep Purple 300p","usage":null}]},{"name":"LINE Purple","colors":[{"code":"#EDC8F7","name":"Purple 300","usage":null},{"code":"#DD9CF7","name":"Purple 400","usage":null},{"code":"#CE7AF0","name":"Purple 500","usage":null},{"code":"#C355D9","name":"Purple 600","usage":null},{"code":"#AF36C7","name":"Purple 700","usage":null},{"code":"#762D85","name":"Purple 800","usage":null},{"code":"#562E5E","name":"Purple 900","usage":null},{"code":"#81529E","name":"Purple 600p","usage":null},{"code":"#A771C9","name":"Purple 500p","usage":null},{"code":"#C89BE0","name":"Purple 400p","usage":null},{"code":"#DBCCE3","name":"Purple 300p","usage":null}]},{"name":"LINE Magenta","colors":[{"code":"#FCCAE7","name":"Magenta 300","usage":null},{"code":"#FF9CCD","name":"Magenta 400","usage":null},{"code":"#FF70B0","name":"Magenta 500","usage":null},{"code":"#F74397","name":"Magenta 600","usage":null},{"code":"#DE2C7F","name":"Magenta 700","usage":null},{"code":"#BF0659","name":"Magenta 800","usage":null},{"code":"#8A0E46","name":"Magenta 900","usage":null},{"code":"#C74A82","name":"Magenta 600p","usage":null},{"code":"#E569A0","name":"Magenta 500p","usage":null},{"code":"#ED91BC","name":"Magenta 400p","usage":null},{"code":"#EBCCDD","name":"Magenta 300p","usage":null}]},{"name":"LINE Red","colors":[{"code":"#FCC5CB","name":"Red 300","usage":null},{"code":"#FF96A3","name":"Red 400","usage":null},{"code":"#FF697A","name":"Red 500","usage":null},{"code":"#FF334B","name":"Red 600","usage":null},{"code":"#E5172F","name":"Red 700","usage":null},{"code":"#C9162B","name":"Red 800","usage":null},{"code":"#85101E","name":"Red 900","usage":null},{"code":"#D44652","name":"Red 600p","usage":null},{"code":"#EB6570","name":"Red 500p","usage":null},{"code":"#F68A94","name":"Red 400p","usage":null},{"code":"#F2CED2","name":"Red 400p","usage":null}]},{"name":"LINE Orange","colors":[{"code":"#FFCFBF","name":"Orange 300","usage":null},{"code":"#FFA182","name":"Orange 400","usage":null},{"code":"#FF875C","name":"Orange 500","usage":null},{"code":"#FF6F36","name":"Orange 600","usage":null},{"code":"#FF5E1F","name":"Orange 700","usage":null},{"code":"#F24500","name":"Orange 800","usage":null},{"code":"#C43100","name":"Orange 900","usage":null},{"code":"#E35F42","name":"Orange 600p","usage":null},{"code":"#F5765D","name":"Orange 500p","usage":null},{"code":"#FA9E7F","name":"Orange 400p","usage":null},{"code":"#FAD3C5","name":"Orange 300p","usage":null}]},{"name":"LINE Amber","colors":[{"code":"#FFF9CC","name":"Amber 300","usage":null},{"code":"#FFEB94","name":"Amber 400","usage":null},{"code":"#FFD86B","name":"Amber 500","usage":null},{"code":"#FFC53D","name":"Amber 600","usage":null},{"code":"#FCB321","name":"Amber 700","usage":null},{"code":"#FA9E1E","name":"Amber 800","usage":null},{"code":"#F77911","name":"Amber 900","usage":null},{"code":"#F7821B","name":"Amber 600p","usage":null},{"code":"#FFB55D","name":"Amber 500p","usage":null},{"code":"#FFDD80","name":"Amber 400p","usage":null},{"code":"#FFE8C2","name":"Amber 300p","usage":null}]},{"name":"LINE Yellow","colors":[{"code":"#FDFFE5","name":"Yellow 300","usage":null},{"code":"#FBFFBF","name":"Yellow 400","usage":null},{"code":"#FDFF78","name":"Yellow 500","usage":null},{"code":"#FFFC33","name":"Yellow 600","usage":null},{"code":"#FFF200","name":"Yellow 700","usage":null},{"code":"#FFE500","name":"Yellow 800","usage":null},{"code":"#FFD900","name":"Yellow 900","usage":null},{"code":"#FFDF6B","name":"Yellow 600p","usage":null},{"code":"#FFEA80","name":"Yellow 500p","usage":null},{"code":"#FFF8AB","name":"Yellow 400p","usage":null},{"code":"#FCFAD2","name":"Yellow 300p","usage":null}]},{"name":"LINE Navy","colors":[{"code":"#C8CFDC","name":"Navy 400","usage":null},{"code":"#98A0B3","name":"Navy 500","usage":null},{"code":"#707991","name":"Navy 600","usage":null},{"code":"#464F69","name":"Navy 700","usage":null},{"code":"#323B54","name":"Navy 800","usage":null},{"code":"#262F4A","name":"Navy 850","usage":null},{"code":"#202A43","name":"Navy 900","usage":null}]}],"title":"LINE Color Palette","component_id":"rainbow_ja","type":"rainbow"}},{"node":{"description":"<p>LINE 앱에서 UI 요소 색상은 LINE Colors 범위에서 사용해야합니다. 허용된 Transparent Mono 외에 모든 컬러는 투명도를 조정할 수 없습니다.&nbsp;Primary Color 외의 다른 LINE Colors는 LINE App 브랜드 경험에 직접적으로 영향을 주지 않는 부가적인 UI요소에 사용합니다. 예를 들어 다양한 톤이 사용될 수 있는 타임라인 스토리의 UI, 배너 이미지 등에 사용할 수 있습니다.</p>\n<p>Family Service에서는 LINE Colors에 없는 브랜드 컬러 사용이 가능합니다. LINE Colors와 브랜드 컬러를 이용하여 Primary Color를 구성하여 사용하거나 LINE 앱의 Primary Colors를 계승하여 사용합니다.</p>","locale":"ko","color_categories":[{"name":"LINE Lime","colors":[{"code":"#9DE693","name":"Lime 100","usage":null},{"code":"#8FDF81","name":"Lime 200","usage":null},{"code":"#79D279","name":"Lime 300","usage":null},{"code":"#6DE67B","name":"Lime 400","usage":null},{"code":"#5BDD6A","name":"Lime 500","usage":null},{"code":"#58DB67","name":"Lime 510","usage":null},{"code":"#4CC353","name":"Lime 580","usage":null},{"code":"#06C755","name":"Lime 600","usage":null},{"code":"#3D9E43","name":"Lime 700","usage":null},{"code":"#438643","name":"Lime 750","usage":null},{"code":"#1E6E1E","name":"Lime 800","usage":null},{"code":"#1F4D1F","name":"Lime 900","usage":null}]},{"name":"LINE Light Green","colors":[{"code":"#93EDBF","name":"Light Green 300","usage":null},{"code":"#64E8A4","name":"Light Green 400","usage":null},{"code":"#35DB80","name":"Light Green 500","usage":null},{"code":"#15BD66","name":"Light Green 600","usage":null},{"code":"#18A352","name":"Light Green 700","usage":null},{"code":"#187A41","name":"Light Green 800","usage":null},{"code":"#16592D","name":"Light Green 900","usage":null},{"code":"#2A9C5B","name":"Light Green 600p","usage":null},{"code":"#4BB875","name":"Light Green 500p","usage":null},{"code":"#85C79B","name":"Light Green 400p","usage":null},{"code":"#BAD9C5","name":"Light Green 300p","usage":null}]},{"name":"LINE Teal","colors":[{"code":"#8EEDD9","name":"Teal 300","usage":null},{"code":"#5CE5C8","name":"Teal 400","usage":null},{"code":"#20D6BE","name":"Teal 500","usage":null},{"code":"#19BFA1","name":"Teal 600","usage":null},{"code":"#14A37B","name":"Teal 700","usage":null},{"code":"#137856","name":"Teal 800","usage":null},{"code":"#145E4E","name":"Teal 900","usage":null},{"code":"#24967C","name":"Teal 600p","usage":null},{"code":"#46B897","name":"Teal 500p","usage":null},{"code":"#7CC9B0","name":"Teal 400p","usage":null},{"code":"#BAD9CF","name":"Teal 300p","usage":null}]},{"name":"LINE Cyan","colors":[{"code":"#8CEDED","name":"Cyan 300","usage":null},{"code":"#5BE3DE","name":"Cyan 400","usage":null},{"code":"#26D1D1","name":"Cyan 500","usage":null},{"code":"#1CB8B8","name":"Cyan 600","usage":null},{"code":"#10A1A1","name":"Cyan 700","usage":null},{"code":"#107575","name":"Cyan 800","usage":null},{"code":"#155C5C","name":"Cyan 900","usage":null},{"code":"#1F9399","name":"Cyan 600p","usage":null},{"code":"#41B6B9","name":"Cyan 500p","usage":null},{"code":"#7DCDCF","name":"Cyan 400p","usage":null},{"code":"#BDD9D9","name":"Cyan 300p","usage":null}]},{"name":"LINE Light Blue","colors":[{"code":"#90EAFC","name":"Light Blue 300","usage":null},{"code":"#60DEF7","name":"Light Blue 400","usage":null},{"code":"#11CDF2","name":"Light Blue 500","usage":null},{"code":"#00B8E5","name":"Light Blue 600","usage":null},{"code":"#0093C4","name":"Light Blue 700","usage":null},{"code":"#066A91","name":"Light Blue 800","usage":null},{"code":"#084F6B","name":"Light Blue 900","usage":null},{"code":"#268CAD","name":"Light Blue 600p","usage":null},{"code":"#3FAFC9","name":"Light Blue 500p","usage":null},{"code":"#7FC6D6","name":"Light Blue 400p","usage":null},{"code":"#C1D8DE","name":"Light Blue 300p","usage":null}]},{"name":"LINE Sky Blue","colors":[{"code":"#ABDCFF","name":"Sky Blue 300","usage":null},{"code":"#78CBFF","name":"Sky Blue 400","usage":null},{"code":"#40B6FF","name":"Sky Blue 500","usage":null},{"code":"#1A9CFF","name":"Sky Blue 600","usage":null},{"code":"#0279D4","name":"Sky Blue 700","usage":null},{"code":"#095796","name":"Sky Blue 800","usage":null},{"code":"#1C476B","name":"Sky Blue 900","usage":null},{"code":"#3F84C4","name":"Sky Blue 600p","usage":null},{"code":"#5BA2DB","name":"Sky Blue 500p","usage":null},{"code":"#8FBEE3","name":"Sky Blue 400p","usage":null},{"code":"#C5D6E3","name":"Sky Blue 300p","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#C2D2FF","name":"Blue 300","usage":null},{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":null},{"code":"#4D73FF","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null},{"code":"#2D4796","name":"Blue 800","usage":null},{"code":"#32457A","name":"Blue 900","usage":null},{"code":"#4E73CC","name":"Blue 600p","usage":null},{"code":"#658EE1","name":"Blue 500p","usage":null},{"code":"#9FB6EC","name":"Blue 400p","usage":null},{"code":"#CCD3E5","name":"Blue 300p","usage":null}]},{"name":"LINE Indigo","colors":[{"code":"#CACAFC","name":"Indigo 300","usage":null},{"code":"#A2A2FC","name":"Indigo 400","usage":null},{"code":"#7979F7","name":"Indigo 500","usage":null},{"code":"#5F5FED","name":"Indigo 600","usage":null},{"code":"#4545D1","name":"Indigo 700","usage":null},{"code":"#3D389C","name":"Indigo 800","usage":null},{"code":"#383878","name":"Indigo 900","usage":null},{"code":"#5F5FBA","name":"Indigo 600p","usage":null},{"code":"#7979D9","name":"Indigo 500p","usage":null},{"code":"#A6A6ED","name":"Indigo 400p","usage":null},{"code":"#CFCFE5","name":"Indigo 300p","usage":null}]},{"name":"LINE Deep Purple","colors":[{"code":"#D4C4F5","name":"Deep Purple 300","usage":null},{"code":"#BD9FF5","name":"Deep Purple 400","usage":null},{"code":"#A17DF5","name":"Deep Purple 500","usage":null},{"code":"#8556E3","name":"Deep Purple 600","usage":null},{"code":"#6B3CC9","name":"Deep Purple 700","usage":null},{"code":"#532F99","name":"Deep Purple 800","usage":null},{"code":"#47346B","name":"Deep Purple 900","usage":null},{"code":"#7956B0","name":"Deep Purple 600p","usage":null},{"code":"#9473D6","name":"Deep Purple 500p","usage":null},{"code":"#B59FE8","name":"Deep Purple 400p","usage":null},{"code":"#D3CCE5","name":"Deep Purple 300p","usage":null}]},{"name":"LINE Purple","colors":[{"code":"#EDC8F7","name":"Purple 300","usage":null},{"code":"#DD9CF7","name":"Purple 400","usage":null},{"code":"#CE7AF0","name":"Purple 500","usage":null},{"code":"#C355D9","name":"Purple 600","usage":null},{"code":"#AF36C7","name":"Purple 700","usage":null},{"code":"#762D85","name":"Purple 800","usage":null},{"code":"#562E5E","name":"Purple 900","usage":null},{"code":"#81529E","name":"Purple 600p","usage":null},{"code":"#A771C9","name":"Purple 500p","usage":null},{"code":"#C89BE0","name":"Purple 400p","usage":null},{"code":"#DBCCE3","name":"Purple 300p","usage":null}]},{"name":"LINE Magenta","colors":[{"code":"#FCCAE7","name":"Magenta 300","usage":null},{"code":"#FF9CCD","name":"Magenta 400","usage":null},{"code":"#FF70B0","name":"Magenta 500","usage":null},{"code":"#F74397","name":"Magenta 600","usage":null},{"code":"#DE2C7F","name":"Magenta 700","usage":null},{"code":"#BF0659","name":"Magenta 800","usage":null},{"code":"#8A0E46","name":"Magenta 900","usage":null},{"code":"#C74A82","name":"Magenta 600p","usage":null},{"code":"#E569A0","name":"Magenta 500p","usage":null},{"code":"#ED91BC","name":"Magenta 400p","usage":null},{"code":"#EBCCDD","name":"Magenta 300p","usage":null}]},{"name":"LINE Red","colors":[{"code":"#FCC5CB","name":"Red 300","usage":null},{"code":"#FF96A3","name":"Red 400","usage":null},{"code":"#FF697A","name":"Red 500","usage":null},{"code":"#FF334B","name":"Red 600","usage":null},{"code":"#E5172F","name":"Red 700","usage":null},{"code":"#C9162B","name":"Red 800","usage":null},{"code":"#85101E","name":"Red 900","usage":null},{"code":"#D44652","name":"Red 600p","usage":null},{"code":"#EB6570","name":"Red 500p","usage":null},{"code":"#F68A94","name":"Red 400p","usage":null},{"code":"#F2CED2","name":"Red 400p","usage":null}]},{"name":"LINE Orange","colors":[{"code":"#FFCFBF","name":"Orange 300","usage":null},{"code":"#FFA182","name":"Orange 400","usage":null},{"code":"#FF875C","name":"Orange 500","usage":null},{"code":"#FF6F36","name":"Orange 600","usage":null},{"code":"#FF5E1F","name":"Orange 700","usage":null},{"code":"#F24500","name":"Orange 800","usage":null},{"code":"#C43100","name":"Orange 900","usage":null},{"code":"#E35F42","name":"Orange 600p","usage":null},{"code":"#F5765D","name":"Orange 500p","usage":null},{"code":"#FA9E7F","name":"Orange 400p","usage":null},{"code":"#FAD3C5","name":"Orange 300p","usage":null}]},{"name":"LINE Amber","colors":[{"code":"#FFF9CC","name":"Amber 300","usage":null},{"code":"#FFEB94","name":"Amber 400","usage":null},{"code":"#FFD86B","name":"Amber 500","usage":null},{"code":"#FFC53D","name":"Amber 600","usage":null},{"code":"#FCB321","name":"Amber 700","usage":null},{"code":"#FA9E1E","name":"Amber 800","usage":null},{"code":"#F77911","name":"Amber 900","usage":null},{"code":"#F7821B","name":"Amber 600p","usage":null},{"code":"#FFB55D","name":"Amber 500p","usage":null},{"code":"#FFDD80","name":"Amber 400p","usage":null},{"code":"#FFE8C2","name":"Amber 300p","usage":null}]},{"name":"LINE Yellow","colors":[{"code":"#FDFFE5","name":"Yellow 300","usage":null},{"code":"#FBFFBF","name":"Yellow 400","usage":null},{"code":"#FDFF78","name":"Yellow 500","usage":null},{"code":"#FFFC33","name":"Yellow 600","usage":null},{"code":"#FFF200","name":"Yellow 700","usage":null},{"code":"#FFE500","name":"Yellow 800","usage":null},{"code":"#FFD900","name":"Yellow 900","usage":null},{"code":"#FFDF6B","name":"Yellow 600p","usage":null},{"code":"#FFEA80","name":"Yellow 500p","usage":null},{"code":"#FFF8AB","name":"Yellow 400p","usage":null},{"code":"#FCFAD2","name":"Yellow 300p","usage":null}]},{"name":"LINE Navy","colors":[{"code":"#C8CFDC","name":"Navy 400","usage":null},{"code":"#98A0B3","name":"Navy 500","usage":null},{"code":"#707991","name":"Navy 600","usage":null},{"code":"#464F69","name":"Navy 700","usage":null},{"code":"#323B54","name":"Navy 800","usage":null},{"code":"#262F4A","name":"Navy 850","usage":null},{"code":"#202A43","name":"Navy 900","usage":null}]}],"title":"LINE Colors","component_id":"rainbow_ko","type":"rainbow"}},{"node":{"description":"<p>LINE Apps use the color palette defined below for their main UI components. Note that LINE Green, which represents LINE&rsquo;s brand, was defined for respective OS in consideration of differences in the display environment.</p>\n<p>By default, use text above number 500 with a contrast ratio of 3.0: 1 or more to gain Accessibility. Number 400 which is below that, should be used restrictively to the text with least importance if there is a lot of text combinations.</p>","locale":"en","color_categories":[{"name":"LINE Green","colors":[{"code":"#06C755","name":"Green for iOS","usage":""},{"code":"#4CC764","name":"Green for Android","usage":null}]},{"name":"LINE Gray","colors":[{"code":"#FFFFFF","name":"White","usage":null},{"code":"#FCFCFC","name":"Gray 100","usage":null},{"code":"#F5F5F5","name":"Gray 150","usage":null},{"code":"#EFEFEF","name":"Gray 200","usage":null},{"code":"#E8E8E8","name":"Gray 250","usage":null},{"code":"#DFDFDF","name":"Gray 300","usage":null},{"code":"#C8C8C8","name":"Gray 350","usage":null},{"code":"#B7B7B7","name":"Gray 400","usage":null},{"code":"#949494","name":"Gray 500","usage":null},{"code":"#777777","name":"Gray 600","usage":null},{"code":"#616161","name":"Gray 650","usage":null},{"code":"#555555","name":"Gray 700","usage":null},{"code":"#3F3F3F","name":"Gray 750","usage":null},{"code":"#383838","name":"Gray 770","usage":null},{"code":"#2A2A2A","name":"Gray 800","usage":null},{"code":"#1F1F1F","name":"Gray 850","usage":null},{"code":"#1A1A1A","name":"Gray 870","usage":null},{"code":"#111111","name":"Gray 900","usage":null},{"code":"#000000","name":"Black","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":"Button Bg, Tooltip big"},{"code":"#4270ED","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null}]},{"name":"LINE Navy","colors":[{"code":"#C8CFDC","name":"Navy 400","usage":null},{"code":"#98A0B3","name":"Navy 500","usage":null},{"code":"#707991","name":"Navy 600","usage":null},{"code":"#464F69","name":"Navy 700","usage":null},{"code":"#323B54","name":"Navy 800","usage":"Search Bar"},{"code":"#262F4A","name":"Navy 850","usage":"AOS header"},{"code":"#202A43","name":"Navy 900","usage":"iOS Navigation bar"}]},{"name":"LINE Red","colors":[{"code":"#FF334B","name":"Red 400","usage":"For iOS"}]}],"title":"Primary Color Palette","component_id":"primary_en_ex","type":"primary"}},{"node":{"description":"<p>LINEアプリの主要UIを構成する要素は、LINEのブランド体験に直接的な影響を与えるので、以下に定義された色を使用します。 ただし、LINEのブランドを代表する色であるLINE Greenは、各OSのディスプレイ環境を考慮して色値を区分して指定しています。 そのため、LINE Greenを使用するときは、OSによって色値を使い分けてください。</p>\n<p>テキストはアクセシビリティを確保するためにコントラスト比（Contrast Ratio）が3.0:1以上である500番以上の色を使用します。 テキストの組み合わせが多い場合に限り、重要度が一番低いテキストに400番を使用します。</p>","locale":"ja","color_categories":[{"name":"LINE Green","colors":[{"code":"#06C755","name":"Green for iOS","usage":""},{"code":"#4CC764","name":"Green for Android","usage":null}]},{"name":"LINE Gray","colors":[{"code":"#FFFFFF","name":"White","usage":null},{"code":"#FCFCFC","name":"Gray 100","usage":null},{"code":"#F5F5F5","name":"Gray 150","usage":null},{"code":"#EFEFEF","name":"Gray 200","usage":null},{"code":"#E8E8E8","name":"Gray 250","usage":null},{"code":"#DFDFDF","name":"Gray 300","usage":null},{"code":"#C8C8C8","name":"Gray 350","usage":null},{"code":"#B7B7B7","name":"Gray 400","usage":null},{"code":"#949494","name":"Gray 500","usage":null},{"code":"#777777","name":"Gray 600","usage":null},{"code":"#616161","name":"Gray 650","usage":null},{"code":"#555555","name":"Gray 700","usage":null},{"code":"#3F3F3F","name":"Gray 750","usage":null},{"code":"#383838","name":"Gray 770","usage":null},{"code":"#2A2A2A","name":"Gray 800","usage":null},{"code":"#1F1F1F","name":"Gray 850","usage":null},{"code":"#1A1A1A","name":"Gray 870","usage":null},{"code":"#111111","name":"Gray 900","usage":null},{"code":"#000000","name":"Black","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":"Button Bg, Tooltip big"},{"code":"#4270ED","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null}]},{"name":"LINE Navy","colors":[{"code":"#C8CFDC","name":"Navy 400","usage":null},{"code":"#98A0B3","name":"Navy 500","usage":null},{"code":"#707991","name":"Navy 600","usage":null},{"code":"#464F69","name":"Navy 700","usage":null},{"code":"#323B54","name":"Navy 800","usage":"Search Bar"},{"code":"#262F4A","name":"Navy 850","usage":"AOS header"},{"code":"#202A43","name":"Navy 900","usage":"iOS Navigation bar"}]},{"name":"LINE Red","colors":[{"code":"#FF334B","name":"Red 400","usage":"For iOS"}]}],"title":"Primary Color Palette","component_id":"primary_ja_ex","type":"primary"}},{"node":{"description":"<p>LINE 앱의 주요 UI 구성요소는 LINE 브랜드 경험에 직접적인 영향을 주므로 아래 정의된 컬러 내에서 사용합니다. 단, LINE 브랜드를 대표하는 LINE Green은 OS별 디스플레이 환경 차이를 감안하여 컬러값을 구분하여 지정하였습니다. 따라서 LINE Green 사용 시에는 각 OS에 맞는 컬러값을 구분하여 사용합니다.</p>\n<p>기본적으로 텍스트는&nbsp;Accessibility 확보를 위해 Contrast Ratio가 3.0:1 이상인 500번 이상의 컬러를 사용합니다. 그 아래인 400번은 텍스트 조합이 많은 경우 가장 최하위 중요도를 가진 텍스트에 제한적으로 사용해야 합니다.</p>","locale":"ko","color_categories":[{"name":"LINE Green","colors":[{"code":"#06C755","name":"Green for iOS","usage":""},{"code":"#4CC764","name":"Green for Android","usage":null}]},{"name":"LINE Gray","colors":[{"code":"#FFFFFF","name":"White","usage":null},{"code":"#FCFCFC","name":"Gray 100","usage":null},{"code":"#F5F5F5","name":"Gray 150","usage":null},{"code":"#EFEFEF","name":"Gray 200","usage":null},{"code":"#E8E8E8","name":"Gray 250","usage":null},{"code":"#DFDFDF","name":"Gray 300","usage":null},{"code":"#C8C8C8","name":"Gray 350","usage":null},{"code":"#B7B7B7","name":"Gray 400","usage":null},{"code":"#949494","name":"Gray 500","usage":null},{"code":"#777777","name":"Gray 600","usage":null},{"code":"#616161","name":"Gray 650","usage":null},{"code":"#555555","name":"Gray 700","usage":null},{"code":"#3F3F3F","name":"Gray 750","usage":null},{"code":"#383838","name":"Gray 770","usage":null},{"code":"#2A2A2A","name":"Gray 800","usage":null},{"code":"#1F1F1F","name":"Gray 850","usage":null},{"code":"#1A1A1A","name":"Gray 870","usage":null},{"code":"#111111","name":"Gray 900","usage":null},{"code":"#000000","name":"Black","usage":null}]},{"name":"LINE Blue","colors":[{"code":"#96B2FF","name":"Blue 400","usage":null},{"code":"#638DFF","name":"Blue 500","usage":"Button Bg, Tooltip big"},{"code":"#4270ED","name":"Blue 600","usage":null},{"code":"#2F59CC","name":"Blue 700","usage":null}]},{"name":"LINE Navy","colors":[{"code":"#C8CFDC","name":"Navy 400","usage":null},{"code":"#98A0B3","name":"Navy 500","usage":null},{"code":"#707991","name":"Navy 600","usage":null},{"code":"#464F69","name":"Navy 700","usage":null},{"code":"#323B54","name":"Navy 800","usage":"Search Bar"},{"code":"#262F4A","name":"Navy 850","usage":"AOS header"},{"code":"#202A43","name":"Navy 900","usage":"iOS Navigation bar"}]},{"name":"LINE Red","colors":[{"code":"#FF334B","name":"Red 400","usage":"For iOS"}]}],"title":"Primary Color Palette","component_id":"primary_ko_ex","type":"primary"}}],"typeSimulators":[{"node":{"component_id":"1-do-not-delete","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/e317e15861494fc460f9fdeec427beee/voice_broad_x_ko_5fe27b62ec.png","childImageSharp":{"fluid":{"src":"/static/e317e15861494fc460f9fdeec427beee/2626b/voice_broad_x_ko_5fe27b62ec.png"}}}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/f2bd7aa7816542333ca727d9ad095ce7/voice_broad_o_ko_2e829c4de3.png","childImageSharp":{"fluid":{"src":"/static/f2bd7aa7816542333ca727d9ad095ce7/2626b/voice_broad_o_ko_2e829c4de3.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4933efa031df8257eff74c2ca09e1c2b/resources_5337090377.svg","childImageSharp":null}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/49152ef0c458511c3c34eacdb276fca9/Screen_Shot_2021_05_12_at_14_12_52_f5f1ac509d.png","childImageSharp":{"fluid":{"src":"/static/49152ef0c458511c3c34eacdb276fca9/54539/Screen_Shot_2021_05_12_at_14_12_52_f5f1ac509d.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/49152ef0c458511c3c34eacdb276fca9/Screen_Shot_2021_05_12_at_14_12_52_1_7230476d29.png","childImageSharp":{"fluid":{"src":"/static/49152ef0c458511c3c34eacdb276fca9/54539/Screen_Shot_2021_05_12_at_14_12_52_1_7230476d29.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/076d078e0193e258c12c685dc8514e00/voice_news_x_43bb313e9b.png","childImageSharp":{"fluid":{"src":"/static/076d078e0193e258c12c685dc8514e00/2626b/voice_news_x_43bb313e9b.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2965062f182502d4ec03eb3d9f7e441e/voice_theme_o_83f287e981.png","childImageSharp":{"fluid":{"src":"/static/2965062f182502d4ec03eb3d9f7e441e/2626b/voice_theme_o_83f287e981.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1e574f2cc596ae3dcc98186cfd11f421/voice_o_ja_1_d5643ecf23.png","childImageSharp":{"fluid":{"src":"/static/1e574f2cc596ae3dcc98186cfd11f421/2626b/voice_o_ja_1_d5643ecf23.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3d954655f8084faf33f187de7b2aa596/voice_theme_x_ab2bfc6f13.png","childImageSharp":{"fluid":{"src":"/static/3d954655f8084faf33f187de7b2aa596/2626b/voice_theme_x_ab2bfc6f13.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/02793ce903187b6e432018a198ff58c0/2021_03_11_3_18_53_1eedabdc1d.png","childImageSharp":{"fluid":{"src":"/static/02793ce903187b6e432018a198ff58c0/b1958/2021_03_11_3_18_53_1eedabdc1d.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/10e38221bee584cacb6e64dd022d0f4f/voice_x_ja_1_94fa20d0f7.png","childImageSharp":{"fluid":{"src":"/static/10e38221bee584cacb6e64dd022d0f4f/2626b/voice_x_ja_1_94fa20d0f7.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8d822acbffa2323e22c9e4287b5b9bf2/g_img_1_2x_deef4276cb.png","childImageSharp":{"fluid":{"src":"/static/8d822acbffa2323e22c9e4287b5b9bf2/73f08/g_img_1_2x_deef4276cb.png"}}}},"title":"Pressed","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","State"],"tabData":[{"title":"Primary Green","atomIndexes":[0,1,2]},{"title":"Destructive Red","atomIndexes":[3,4,5]},{"title":"Secondary Mono","atomIndexes":[6,7,8]},{"title":"Retreative Light","atomIndexes":[9,10,11]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/0f18e8d1c975a08dc28b0aaca0fd4c92/g_img_2_2x_d18f3b1639.png","childImageSharp":{"fluid":{"src":"/static/0f18e8d1c975a08dc28b0aaca0fd4c92/73f08/g_img_2_2x_d18f3b1639.png"}}}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/5b7ab0edb72237fa8df4755511d2d467/g_img_3_2x_1d60951fdf.png","childImageSharp":{"fluid":{"src":"/static/5b7ab0edb72237fa8df4755511d2d467/73f08/g_img_3_2x_1d60951fdf.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2c48e9e6ee97e7980f854d745b61aa2e/g_img_4_2x_269e7216b2.png","childImageSharp":{"fluid":{"src":"/static/2c48e9e6ee97e7980f854d745b61aa2e/73f08/g_img_4_2x_269e7216b2.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/179b4f31e106cc6433c53cdf28014d48/g_img_6_2x_4157d7fd12.png","childImageSharp":{"fluid":{"src":"/static/179b4f31e106cc6433c53cdf28014d48/73f08/g_img_6_2x_4157d7fd12.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ed7acd59d97f63bc46d1c0f7f3df15f5/g_img_5_2x_c14672930b.png","childImageSharp":{"fluid":{"src":"/static/ed7acd59d97f63bc46d1c0f7f3df15f5/73f08/g_img_5_2x_c14672930b.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2942432f6d1c366b3a4fb4d7d9d83fd2/g_img_7_2x_7a9cd186f7.png","childImageSharp":{"fluid":{"src":"/static/2942432f6d1c366b3a4fb4d7d9d83fd2/73f08/g_img_7_2x_7a9cd186f7.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5218219715643391cd30e712d7f89f6d/g_img_8_2x_d7481d87a7.png","childImageSharp":{"fluid":{"src":"/static/5218219715643391cd30e712d7f89f6d/73f08/g_img_8_2x_d7481d87a7.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b27f9e3d4432723293c1723b42ccfee2/g_img_9_2x_806dc1219d.png","childImageSharp":{"fluid":{"src":"/static/b27f9e3d4432723293c1723b42ccfee2/73f08/g_img_9_2x_806dc1219d.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d1ef2deb314c9c853c0d9f32ea99f1a7/g_img_10_2x_5305cc8225.png","childImageSharp":{"fluid":{"src":"/static/d1ef2deb314c9c853c0d9f32ea99f1a7/73f08/g_img_10_2x_5305cc8225.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c77627effcaf9cde0bfc30303a3b04e3/g_img_2_2x_6e7acc263d.png","childImageSharp":{"fluid":{"src":"/static/c77627effcaf9cde0bfc30303a3b04e3/73f08/g_img_2_2x_6e7acc263d.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5a9af97f186f12ce6deb6ced1902f1bb/g_img_1_2x_b13ebf9d55.png","childImageSharp":{"fluid":{"src":"/static/5a9af97f186f12ce6deb6ced1902f1bb/73f08/g_img_1_2x_b13ebf9d55.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d768708dc82da2fd2c1206dbaece720d/g_img_3_2x_f998098549.png","childImageSharp":{"fluid":{"src":"/static/d768708dc82da2fd2c1206dbaece720d/73f08/g_img_3_2x_f998098549.png"}}}},"title":"Pressed","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","State"],"tabData":[{"title":"Primary Green","atomIndexes":[0,1,2]},{"title":"Destructive Red","atomIndexes":[3,4,5]},{"title":"Secondary Mono","atomIndexes":[6,7,8]},{"title":"Retreative Light","atomIndexes":[9,10,11]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/a938230c70d4b2915c4ae6756f9da8c9/g_img_4_2x_e4c9481c41.png","childImageSharp":{"fluid":{"src":"/static/a938230c70d4b2915c4ae6756f9da8c9/73f08/g_img_4_2x_e4c9481c41.png"}}}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/a938230c70d4b2915c4ae6756f9da8c9/g_img_4_2x_ac7f127948.png","childImageSharp":{"fluid":{"src":"/static/a938230c70d4b2915c4ae6756f9da8c9/73f08/g_img_4_2x_ac7f127948.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a938230c70d4b2915c4ae6756f9da8c9/g_img_4_2x_a55b5b297b.png","childImageSharp":{"fluid":{"src":"/static/a938230c70d4b2915c4ae6756f9da8c9/73f08/g_img_4_2x_a55b5b297b.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a938230c70d4b2915c4ae6756f9da8c9/g_img_4_2x_9ddd81d01c.png","childImageSharp":{"fluid":{"src":"/static/a938230c70d4b2915c4ae6756f9da8c9/73f08/g_img_4_2x_9ddd81d01c.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a938230c70d4b2915c4ae6756f9da8c9/g_img_4_2x_9f18c334cf.png","childImageSharp":{"fluid":{"src":"/static/a938230c70d4b2915c4ae6756f9da8c9/73f08/g_img_4_2x_9f18c334cf.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5a9af97f186f12ce6deb6ced1902f1bb/g_img_1_2x_d146dab968.png","childImageSharp":{"fluid":{"src":"/static/5a9af97f186f12ce6deb6ced1902f1bb/73f08/g_img_1_2x_d146dab968.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d768708dc82da2fd2c1206dbaece720d/g_img_3_2x_35cb130098.png","childImageSharp":{"fluid":{"src":"/static/d768708dc82da2fd2c1206dbaece720d/73f08/g_img_3_2x_35cb130098.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c77627effcaf9cde0bfc30303a3b04e3/g_img_2_2x_ccac796454.png","childImageSharp":{"fluid":{"src":"/static/c77627effcaf9cde0bfc30303a3b04e3/73f08/g_img_2_2x_ccac796454.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a938230c70d4b2915c4ae6756f9da8c9/g_img_4_2x_cda414d518.png","childImageSharp":{"fluid":{"src":"/static/a938230c70d4b2915c4ae6756f9da8c9/73f08/g_img_4_2x_cda414d518.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a254550640a86d33e4f98e678bb6542e/g_img_1_2x_4e25f84e7d.png","childImageSharp":{"fluid":{"src":"/static/a254550640a86d33e4f98e678bb6542e/73f08/g_img_1_2x_4e25f84e7d.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/15665cb65157562e251271a0b5d2608f/g_img_6_2x_980cc8bc87.png","childImageSharp":{"fluid":{"src":"/static/15665cb65157562e251271a0b5d2608f/73f08/g_img_6_2x_980cc8bc87.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d169e86df504205fa15a8461e453fa7e/g_img_2_2x_7adb47c5bc.png","childImageSharp":{"fluid":{"src":"/static/d169e86df504205fa15a8461e453fa7e/73f08/g_img_2_2x_7adb47c5bc.png"}}}},"title":"Pressed","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","State"],"tabData":[{"title":"Primary Green","atomIndexes":[0,1,2]},{"title":"Destructive Red","atomIndexes":[3,4,5]},{"title":"Secondary Mono","atomIndexes":[6,7,8]},{"title":"Retreative Light","atomIndexes":[9,10,11]}]}}]}},{"node":{"component_id":"LAN_Banner_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/2a6664cf8a0ac2fb5935f88b717c54ed/Normal_Text_image_2x_043e500e94.png","childImageSharp":{"fluid":{"src":"/static/2a6664cf8a0ac2fb5935f88b717c54ed/00b15/Normal_Text_image_2x_043e500e94.png"}}}},"title":"Text + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1a5a17ba47a21ca9c596361c52c8cd65/img_type_lan_nor_text_6f1639cde9.png","childImageSharp":{"fluid":{"src":"/static/1a5a17ba47a21ca9c596361c52c8cd65/44d34/img_type_lan_nor_text_6f1639cde9.png"}}}},"title":"Text Only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4b44da6a5c8d90d8846f3bef551a989b/img_type_lan_expanded_textimg_type_btn_1_cb48650ce4.png","childImageSharp":{"fluid":{"src":"/static/4b44da6a5c8d90d8846f3bef551a989b/44d34/img_type_lan_expanded_textimg_type_btn_1_cb48650ce4.png"}}}},"title":"Text + Image + 1Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3c5351b1cac94935d3983991aadbda63/img_type_lan_expanded_textimg_type_btn_2_9cca16f253.png","childImageSharp":{"fluid":{"src":"/static/3c5351b1cac94935d3983991aadbda63/44d34/img_type_lan_expanded_textimg_type_btn_2_9cca16f253.png"}}}},"title":"Text + Image + 2Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b8c5221e72eef47c500c95ce51d7aee0/img_type_lan_expanded_text_btn_1_e152eae0ca.png","childImageSharp":{"fluid":{"src":"/static/b8c5221e72eef47c500c95ce51d7aee0/44d34/img_type_lan_expanded_text_btn_1_e152eae0ca.png"}}}},"title":"Text + 1Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/eae03eed7b0f80feb2c75241cf2d7142/img_type_lan_expanded_text_btn_2_a1c33a3acf.png","childImageSharp":{"fluid":{"src":"/static/eae03eed7b0f80feb2c75241cf2d7142/44d34/img_type_lan_expanded_text_btn_2_a1c33a3acf.png"}}}},"title":"Text + 2Button","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type","Content Area"],"tabData":[{"title":"Normal Type","atomIndexes":[0,1]},{"title":"Expanded Type","atomIndexes":[2,3,4,5]}]}}]}},{"node":{"component_id":"Capsule_Button","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/de8b48b1b8dc64ae2c030f975c1ff4c5/img_type_green_active_light_fda3b094c9.png","childImageSharp":{"fluid":{"src":"/static/de8b48b1b8dc64ae2c030f975c1ff4c5/cff51/img_type_green_active_light_fda3b094c9.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f5d1497ca7d6a98a934c87deb9dd5e6/img_type_green_pressed_light_a8959d66e9.png","childImageSharp":{"fluid":{"src":"/static/0f5d1497ca7d6a98a934c87deb9dd5e6/cff51/img_type_green_pressed_light_a8959d66e9.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ede7b3f94d45f7000110cd9ba506e77e/img_type_mono_active_light_b37e6aac4d.png","childImageSharp":{"fluid":{"src":"/static/ede7b3f94d45f7000110cd9ba506e77e/b9f01/img_type_mono_active_light_b37e6aac4d.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fefabdad48a2418b1994f98cf342518a/img_type_mono_pressed_light_47ee70ffee.png","childImageSharp":{"fluid":{"src":"/static/fefabdad48a2418b1994f98cf342518a/b9f01/img_type_mono_pressed_light_47ee70ffee.png"}}}},"title":"Pressed","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","States"],"tabData":[{"title":"Green","atomIndexes":[0,1]},{"title":"Mono","atomIndexes":[2,3]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/de8b48b1b8dc64ae2c030f975c1ff4c5/img_type_green_active_dark_aaa7abec32.png","childImageSharp":{"fluid":{"src":"/static/de8b48b1b8dc64ae2c030f975c1ff4c5/cff51/img_type_green_active_dark_aaa7abec32.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f5d1497ca7d6a98a934c87deb9dd5e6/img_type_green_pressed_dark_646351bfda.png","childImageSharp":{"fluid":{"src":"/static/0f5d1497ca7d6a98a934c87deb9dd5e6/cff51/img_type_green_pressed_dark_646351bfda.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/28e9933df24dbaade752670fa2ba1933/img_type_mono_active_dark_d820a29fe4.png","childImageSharp":{"fluid":{"src":"/static/28e9933df24dbaade752670fa2ba1933/b9f01/img_type_mono_active_dark_d820a29fe4.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ad272ed81bba04d10a6ac09f4609c3f9/img_type_mono_pressed_dark_dd7d73a1ac.png","childImageSharp":{"fluid":{"src":"/static/ad272ed81bba04d10a6ac09f4609c3f9/b9f01/img_type_mono_pressed_dark_dd7d73a1ac.png"}}}},"title":"Pressed","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","States"],"tabData":[{"title":"Green","atomIndexes":[0,1]},{"title":"Mono","atomIndexes":[2,3]}]}}]}},{"node":{"component_id":"Icon_Button_Icon_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/9136a7953bfa158101aa0ef17c82a7b3/light_solid_icon_text_0d3d8b8aa5.png","childImageSharp":{"fluid":{"src":"/static/9136a7953bfa158101aa0ef17c82a7b3/cd601/light_solid_icon_text_0d3d8b8aa5.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f80c19da7d3429f0a340342521f31c4c/light_solid_icon_2fae86a05d.png","childImageSharp":{"fluid":{"src":"/static/f80c19da7d3429f0a340342521f31c4c/0ef8d/light_solid_icon_2fae86a05d.png"}}}},"title":"Icon Only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/58d37034d18f23cb49ebfabadae738a9/light_stroke_icon_text_46d4476d58.png","childImageSharp":{"fluid":{"src":"/static/58d37034d18f23cb49ebfabadae738a9/c6e7a/light_stroke_icon_text_46d4476d58.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/933795d0555e4d59cb178515bc71f770/light_stroke_icon_27e965e22b.png","childImageSharp":{"fluid":{"src":"/static/933795d0555e4d59cb178515bc71f770/335bc/light_stroke_icon_27e965e22b.png"}}}},"title":"Icon Only","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Text"],"tabData":[{"title":"Solid","atomIndexes":[0,1]},{"title":"Stroke","atomIndexes":[2,3]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/ce9b2103fcd98dc01c93bcea12c98645/dark_solid_icon_text_71566ab2da.png","childImageSharp":{"fluid":{"src":"/static/ce9b2103fcd98dc01c93bcea12c98645/cd601/dark_solid_icon_text_71566ab2da.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f80c19da7d3429f0a340342521f31c4c/dark_solid_icon_1022eee134.png","childImageSharp":{"fluid":{"src":"/static/f80c19da7d3429f0a340342521f31c4c/0ef8d/dark_solid_icon_1022eee134.png"}}}},"title":"Icon Only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ab5647462af204fe03a77c90f790ba46/dark_stroke_icon_text_80170ee58a.png","childImageSharp":{"fluid":{"src":"/static/ab5647462af204fe03a77c90f790ba46/cd601/dark_stroke_icon_text_80170ee58a.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f9b0d0ea62ecd276405fe967fe12863/dark_stroke_icon_f8b97ddaf3.png","childImageSharp":{"fluid":{"src":"/static/0f9b0d0ea62ecd276405fe967fe12863/335bc/dark_stroke_icon_f8b97ddaf3.png"}}}},"title":"Icon Only","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","Text"],"tabData":[{"title":"Solid","atomIndexes":[0,1]},{"title":"Stroke","atomIndexes":[2,3]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/ce9b2103fcd98dc01c93bcea12c98645/overlay_solid_icon_text_3ff844baeb.png","childImageSharp":{"fluid":{"src":"/static/ce9b2103fcd98dc01c93bcea12c98645/cd601/overlay_solid_icon_text_3ff844baeb.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f80c19da7d3429f0a340342521f31c4c/overlay_solid_icon_12914e057b.png","childImageSharp":{"fluid":{"src":"/static/f80c19da7d3429f0a340342521f31c4c/0ef8d/overlay_solid_icon_12914e057b.png"}}}},"title":"Icon Only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9c5ea2e6301b74126df1da9d56985c7a/overlay_stroke_icon_text_6e6dfca823.png","childImageSharp":{"fluid":{"src":"/static/9c5ea2e6301b74126df1da9d56985c7a/4eb27/overlay_stroke_icon_text_6e6dfca823.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f9b0d0ea62ecd276405fe967fe12863/overlay_stroke_icon_9e65ded8b1.png","childImageSharp":{"fluid":{"src":"/static/0f9b0d0ea62ecd276405fe967fe12863/335bc/overlay_stroke_icon_9e65ded8b1.png"}}}},"title":"Icon Only","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","Text"],"tabData":[{"title":"Solid","atomIndexes":[0,1]},{"title":"Stroke","atomIndexes":[2,3]}]}}]}},{"node":{"component_id":"IB_SA_TT","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/4fd86afb85665fad9c7df30199e5b5bd/singleactiontype_light_24152a0dcd.png","childImageSharp":{"fluid":{"src":"/static/4fd86afb85665fad9c7df30199e5b5bd/c6e7a/singleactiontype_light_24152a0dcd.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7a0321859445e02ea7701714a0b7d299/toggletype_default_light_2f671e1cfc.png","childImageSharp":{"fluid":{"src":"/static/7a0321859445e02ea7701714a0b7d299/2aba1/toggletype_default_light_2f671e1cfc.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/30034ff31d380ec35f4ece8896c13307/toggletype_on_light_fd999b677b.png","childImageSharp":{"fluid":{"src":"/static/30034ff31d380ec35f4ece8896c13307/2aba1/toggletype_on_light_fd999b677b.png"}}}},"title":"On","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","State"],"tabData":[{"title":"Single Action","atomIndexes":[0]},{"title":"Toggle","atomIndexes":[1,2]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/5e406f647db5566bc6c6bfcf84a2b1d6/singleactiontype_dark_7af52a2d74.png","childImageSharp":{"fluid":{"src":"/static/5e406f647db5566bc6c6bfcf84a2b1d6/cd601/singleactiontype_dark_7af52a2d74.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/555e3a42824956d4ae71239878f65566/toggletype_default_dark_e0e8deafe9.png","childImageSharp":{"fluid":{"src":"/static/555e3a42824956d4ae71239878f65566/71bb3/toggletype_default_dark_e0e8deafe9.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3643a41010ff22ac4dab239365571af9/toggletype_on_dark_b022370152.png","childImageSharp":{"fluid":{"src":"/static/3643a41010ff22ac4dab239365571af9/4e201/toggletype_on_dark_b022370152.png"}}}},"title":"On","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","State"],"tabData":[{"title":"Single Action","atomIndexes":[0]},{"title":"Toggle","atomIndexes":[1,2]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/5e406f647db5566bc6c6bfcf84a2b1d6/singleactiontype_overlay_614c770dfd.png","childImageSharp":{"fluid":{"src":"/static/5e406f647db5566bc6c6bfcf84a2b1d6/cd601/singleactiontype_overlay_614c770dfd.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/555e3a42824956d4ae71239878f65566/toggletype_default_overlay_be5b4e2515.png","childImageSharp":{"fluid":{"src":"/static/555e3a42824956d4ae71239878f65566/71bb3/toggletype_default_overlay_be5b4e2515.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3643a41010ff22ac4dab239365571af9/toggletype_on_overlay_33c83d0282.png","childImageSharp":{"fluid":{"src":"/static/3643a41010ff22ac4dab239365571af9/4e201/toggletype_on_overlay_33c83d0282.png"}}}},"title":"On","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","State"],"tabData":[{"title":"Single Action","atomIndexes":[0]},{"title":"Toggle","atomIndexes":[1,2]}]}}]}},{"node":{"component_id":"TextButton","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/05d843642d6e4acf7883bc95057ba69f/green_light_1e66c2b9ad.png","childImageSharp":{"fluid":{"src":"/static/05d843642d6e4acf7883bc95057ba69f/a39fc/green_light_1e66c2b9ad.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/547036bbc07a0049cb075689cb3de5d4/grey_inactive_light_3b0eaaba5b.png","childImageSharp":{"fluid":{"src":"/static/547036bbc07a0049cb075689cb3de5d4/a39fc/grey_inactive_light_3b0eaaba5b.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cfef46818ec6325f31b5a21ef8051772/green_press_light_07e30cfa52.png","childImageSharp":{"fluid":{"src":"/static/cfef46818ec6325f31b5a21ef8051772/a39fc/green_press_light_07e30cfa52.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/40ddbeb463f45e8a3b4eaa9d3354fc9d/red_light_51d1bc7e6c.png","childImageSharp":{"fluid":{"src":"/static/40ddbeb463f45e8a3b4eaa9d3354fc9d/a39fc/red_light_51d1bc7e6c.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f46ef8704e46f60fe951287f11a0f9c8/red_inactive_light_6031e89a63.png","childImageSharp":{"fluid":{"src":"/static/f46ef8704e46f60fe951287f11a0f9c8/a39fc/red_inactive_light_6031e89a63.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/278c2b4abee8666f6dccceea757f1196/red_press_light_7e5ed79fe4.png","childImageSharp":{"fluid":{"src":"/static/278c2b4abee8666f6dccceea757f1196/a39fc/red_press_light_7e5ed79fe4.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3508e7f9982c01eb6a65b151e068b70b/black_press_light_43e7060647.png","childImageSharp":{"fluid":{"src":"/static/3508e7f9982c01eb6a65b151e068b70b/a39fc/black_press_light_43e7060647.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f46ef8704e46f60fe951287f11a0f9c8/black_inactive_light_38a7fd7d79.png","childImageSharp":{"fluid":{"src":"/static/f46ef8704e46f60fe951287f11a0f9c8/a39fc/black_inactive_light_38a7fd7d79.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3508e7f9982c01eb6a65b151e068b70b/black_press_light_43e7060647.png","childImageSharp":{"fluid":{"src":"/static/3508e7f9982c01eb6a65b151e068b70b/a39fc/black_press_light_43e7060647.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e4a5e8216172431120a3db2b53d997dc/grey_light_5618fe00ec.png","childImageSharp":{"fluid":{"src":"/static/e4a5e8216172431120a3db2b53d997dc/a39fc/grey_light_5618fe00ec.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/547036bbc07a0049cb075689cb3de5d4/grey_inactive_light_86716e892f.png","childImageSharp":{"fluid":{"src":"/static/547036bbc07a0049cb075689cb3de5d4/a39fc/grey_inactive_light_86716e892f.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f53facaf60ed077ea99904c3082ede13/grey_press_light_d36f823dd0.png","childImageSharp":{"fluid":{"src":"/static/f53facaf60ed077ea99904c3082ede13/a39fc/grey_press_light_d36f823dd0.png"}}}},"title":"Pressed","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","States"],"tabData":[{"title":"Primary Green","atomIndexes":[0,1,2]},{"title":"Destructive Red","atomIndexes":[3,4,5]},{"title":"Secondary Mono","atomIndexes":[6,7,8]},{"title":"Retreative Light","atomIndexes":[9,10,11]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/05d843642d6e4acf7883bc95057ba69f/green_dark_aec669d2e5.png","childImageSharp":{"fluid":{"src":"/static/05d843642d6e4acf7883bc95057ba69f/a39fc/green_dark_aec669d2e5.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0df350a14b9686c8a566aaf65f5b4055/grey_inactive_dark_b7433d3b73.png","childImageSharp":{"fluid":{"src":"/static/0df350a14b9686c8a566aaf65f5b4055/a39fc/grey_inactive_dark_b7433d3b73.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cfef46818ec6325f31b5a21ef8051772/green_press_dark_19980ef1e6.png","childImageSharp":{"fluid":{"src":"/static/cfef46818ec6325f31b5a21ef8051772/a39fc/green_press_dark_19980ef1e6.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/40ddbeb463f45e8a3b4eaa9d3354fc9d/red_dark_df3e1b97e8.png","childImageSharp":{"fluid":{"src":"/static/40ddbeb463f45e8a3b4eaa9d3354fc9d/a39fc/red_dark_df3e1b97e8.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aa134227aadd760ab323ed63e25cfc24/red_inactive_dark_4fdbc8df1c.png","childImageSharp":{"fluid":{"src":"/static/aa134227aadd760ab323ed63e25cfc24/a39fc/red_inactive_dark_4fdbc8df1c.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/278c2b4abee8666f6dccceea757f1196/red_press_dark_6b791a7fa8.png","childImageSharp":{"fluid":{"src":"/static/278c2b4abee8666f6dccceea757f1196/a39fc/red_press_dark_6b791a7fa8.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e2e536b466879a5abef5eba68306c324/black_dark_5c6e63b1d0.png","childImageSharp":{"fluid":{"src":"/static/e2e536b466879a5abef5eba68306c324/a39fc/black_dark_5c6e63b1d0.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aa134227aadd760ab323ed63e25cfc24/black_inactive_dark_87abbb19f3.png","childImageSharp":{"fluid":{"src":"/static/aa134227aadd760ab323ed63e25cfc24/a39fc/black_inactive_dark_87abbb19f3.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3401f331326b32b985db39330faa90fd/black_press_dark_cd075805b4.png","childImageSharp":{"fluid":{"src":"/static/3401f331326b32b985db39330faa90fd/a39fc/black_press_dark_cd075805b4.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/728890d296603ab0d1e136e06caca14c/grey_dark_8c1d6a9df6.png","childImageSharp":{"fluid":{"src":"/static/728890d296603ab0d1e136e06caca14c/a39fc/grey_dark_8c1d6a9df6.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0df350a14b9686c8a566aaf65f5b4055/grey_inactive_dark_12f9616ae1.png","childImageSharp":{"fluid":{"src":"/static/0df350a14b9686c8a566aaf65f5b4055/a39fc/grey_inactive_dark_12f9616ae1.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a73d785095e08252d5ac184f256142dd/grey_press_dark_2684da29fd.png","childImageSharp":{"fluid":{"src":"/static/a73d785095e08252d5ac184f256142dd/a39fc/grey_press_dark_2684da29fd.png"}}}},"title":"Pressed","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","States"],"tabData":[{"title":"Primary Green","atomIndexes":[0,1,2]},{"title":"Destructive Red","atomIndexes":[3,4,5]},{"title":"Secondary Mono","atomIndexes":[6,7,8]},{"title":"Retreative Light","atomIndexes":[9,10,11]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/05d843642d6e4acf7883bc95057ba69f/green_dark_18ecb9e8c6.png","childImageSharp":{"fluid":{"src":"/static/05d843642d6e4acf7883bc95057ba69f/a39fc/green_dark_18ecb9e8c6.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0df350a14b9686c8a566aaf65f5b4055/grey_inactive_dark_9591e6ae2a.png","childImageSharp":{"fluid":{"src":"/static/0df350a14b9686c8a566aaf65f5b4055/a39fc/grey_inactive_dark_9591e6ae2a.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cfef46818ec6325f31b5a21ef8051772/green_press_dark_e0f4c11cff.png","childImageSharp":{"fluid":{"src":"/static/cfef46818ec6325f31b5a21ef8051772/a39fc/green_press_dark_e0f4c11cff.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/40ddbeb463f45e8a3b4eaa9d3354fc9d/red_dark_d2c6e860bd.png","childImageSharp":{"fluid":{"src":"/static/40ddbeb463f45e8a3b4eaa9d3354fc9d/a39fc/red_dark_d2c6e860bd.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aa134227aadd760ab323ed63e25cfc24/red_inactive_dark_4f2b636710.png","childImageSharp":{"fluid":{"src":"/static/aa134227aadd760ab323ed63e25cfc24/a39fc/red_inactive_dark_4f2b636710.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/278c2b4abee8666f6dccceea757f1196/red_press_dark_2b551076aa.png","childImageSharp":{"fluid":{"src":"/static/278c2b4abee8666f6dccceea757f1196/a39fc/red_press_dark_2b551076aa.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e2e536b466879a5abef5eba68306c324/black_dark_67f4bd1168.png","childImageSharp":{"fluid":{"src":"/static/e2e536b466879a5abef5eba68306c324/a39fc/black_dark_67f4bd1168.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aa134227aadd760ab323ed63e25cfc24/black_inactive_dark_9cdf54df59.png","childImageSharp":{"fluid":{"src":"/static/aa134227aadd760ab323ed63e25cfc24/a39fc/black_inactive_dark_9cdf54df59.png"}}}},"title":"Inacitve","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3401f331326b32b985db39330faa90fd/black_press_dark_0a2f5cb02a.png","childImageSharp":{"fluid":{"src":"/static/3401f331326b32b985db39330faa90fd/a39fc/black_press_dark_0a2f5cb02a.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/728890d296603ab0d1e136e06caca14c/grey_dark_c32d28fb43.png","childImageSharp":{"fluid":{"src":"/static/728890d296603ab0d1e136e06caca14c/a39fc/grey_dark_c32d28fb43.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0df350a14b9686c8a566aaf65f5b4055/grey_inactive_dark_2ddf06cb11.png","childImageSharp":{"fluid":{"src":"/static/0df350a14b9686c8a566aaf65f5b4055/a39fc/grey_inactive_dark_2ddf06cb11.png"}}}},"title":"Inacitve","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a73d785095e08252d5ac184f256142dd/grey_press_dark_af318cf879.png","childImageSharp":{"fluid":{"src":"/static/a73d785095e08252d5ac184f256142dd/a39fc/grey_press_dark_af318cf879.png"}}}},"title":"Pressed","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","States"],"tabData":[{"title":"Primary Green","atomIndexes":[0,1,2]},{"title":"Destructive Red","atomIndexes":[3,4,5]},{"title":"Secondary Mono","atomIndexes":[6,7,8]},{"title":"Retreative Light","atomIndexes":[9,10,11]}]}}]}},{"node":{"component_id":"type_chips","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/6dbf607687de799cb5d69b8fa0faf5f4/chip_Action_Solid_L_Image_2x_a16d83d680.png","childImageSharp":{"fluid":{"src":"/static/6dbf607687de799cb5d69b8fa0faf5f4/fa23c/chip_Action_Solid_L_Image_2x_a16d83d680.png"}}}},"title":"Solid Large + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/92b4125cf6e25fc9a65bf3dbf2ebb58f/img_type_action_solid_light_5f0d5d9d0d.png","childImageSharp":{"fluid":{"src":"/static/92b4125cf6e25fc9a65bf3dbf2ebb58f/44d34/img_type_action_solid_light_5f0d5d9d0d.png"}}}},"title":"Solid Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c20c56682ed0e0ccc4802d5fe8a5a34c/img_type_action_solidsmall_light_8b7fa6f876.png","childImageSharp":{"fluid":{"src":"/static/c20c56682ed0e0ccc4802d5fe8a5a34c/44d34/img_type_action_solidsmall_light_8b7fa6f876.png"}}}},"title":"Solid Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8f09c4e11841bffe6338a365bb2f6ad2/chip_Action_Outlined_L_Image_light_2x_b68901287c.png","childImageSharp":{"fluid":{"src":"/static/8f09c4e11841bffe6338a365bb2f6ad2/b0a4a/chip_Action_Outlined_L_Image_light_2x_b68901287c.png"}}}},"title":"Outlined Large + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e125bd03e4fda5eef2936fa3d8269f9b/img_type_action_outlined_light_597261891f.png","childImageSharp":{"fluid":{"src":"/static/e125bd03e4fda5eef2936fa3d8269f9b/44d34/img_type_action_outlined_light_597261891f.png"}}}},"title":"Outlined Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9503c7f1884151db1fca1aed15729428/img_type_action_outlinedsmall_light_16b71b6849.png","childImageSharp":{"fluid":{"src":"/static/9503c7f1884151db1fca1aed15729428/44d34/img_type_action_outlinedsmall_light_16b71b6849.png"}}}},"title":"Outlined Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/17b26f7815f1a1d141af6e808572e77d/imt_type_filter_flexibleimage_light_19008286b2.png","childImageSharp":{"fluid":{"src":"/static/17b26f7815f1a1d141af6e808572e77d/319bd/imt_type_filter_flexibleimage_light_19008286b2.png"}}}},"title":"Flexible + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/354e6525b4415281686dd3ad452bb687/imt_type_filter_flexibleicon_light_c21120f0ae.png","childImageSharp":{"fluid":{"src":"/static/354e6525b4415281686dd3ad452bb687/44d34/imt_type_filter_flexibleicon_light_c21120f0ae.png"}}}},"title":"Flexible + Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fb5f04462f7de9809cdb49e408b9b15c/imt_type_filter_fixedimage_light_58b84c8974.png","childImageSharp":{"fluid":{"src":"/static/fb5f04462f7de9809cdb49e408b9b15c/44d34/imt_type_filter_fixedimage_light_58b84c8974.png"}}}},"title":"Fixed + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/17a54f2671e79b982774af944ae5d245/imt_type_filter_fixedicon_light_5209cbe963.png","childImageSharp":{"fluid":{"src":"/static/17a54f2671e79b982774af944ae5d245/44d34/imt_type_filter_fixedicon_light_5209cbe963.png"}}}},"title":"Fixed + Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/30b7972c72d69fc1b08fe6f2a232bb88/g_imt_type_choice_flexible_light_30342f2fa3.png","childImageSharp":{"fluid":{"src":"/static/30b7972c72d69fc1b08fe6f2a232bb88/59afd/g_imt_type_choice_flexible_light_30342f2fa3.png"}}}},"title":"Flexible","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Subtype"],"tabData":[{"title":"Action","atomIndexes":[0,1,2,3,4,5]},{"title":"Filter","atomIndexes":[6,7,8,9]},{"title":"Choice","atomIndexes":[10]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/6dbf607687de799cb5d69b8fa0faf5f4/chip_Action_Solid_L_Image_2x_8add5b7792.png","childImageSharp":{"fluid":{"src":"/static/6dbf607687de799cb5d69b8fa0faf5f4/fa23c/chip_Action_Solid_L_Image_2x_8add5b7792.png"}}}},"title":"Solid Large + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/92b4125cf6e25fc9a65bf3dbf2ebb58f/img_type_action_solid_dark_8055638bf4.png","childImageSharp":{"fluid":{"src":"/static/92b4125cf6e25fc9a65bf3dbf2ebb58f/44d34/img_type_action_solid_dark_8055638bf4.png"}}}},"title":"Solid Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c20c56682ed0e0ccc4802d5fe8a5a34c/img_type_action_solidsmall_dark_8249210f1c.png","childImageSharp":{"fluid":{"src":"/static/c20c56682ed0e0ccc4802d5fe8a5a34c/44d34/img_type_action_solidsmall_dark_8249210f1c.png"}}}},"title":"Solid Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3862474c2eb670be3917e21fbf33d34f/chip_Action_Outlined_L_Image_dark_2x_5f64dc1f79.png","childImageSharp":{"fluid":{"src":"/static/3862474c2eb670be3917e21fbf33d34f/b0a4a/chip_Action_Outlined_L_Image_dark_2x_5f64dc1f79.png"}}}},"title":"Outlined Large + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/83303e3277428c66db72a97deeb25925/img_type_action_outlined_dark_e51556a487.png","childImageSharp":{"fluid":{"src":"/static/83303e3277428c66db72a97deeb25925/44d34/img_type_action_outlined_dark_e51556a487.png"}}}},"title":"Outlined Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/55d5ac98548fd83a26318cf43a5744d8/img_type_action_outlinedsmall_dark_481d8e7799.png","childImageSharp":{"fluid":{"src":"/static/55d5ac98548fd83a26318cf43a5744d8/44d34/img_type_action_outlinedsmall_dark_481d8e7799.png"}}}},"title":"Outlined Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/da20ca57f8daa9ccd3a6207dbe53bcf0/imt_type_filter_flexibleimage_dark_fbba5c0c01.png","childImageSharp":{"fluid":{"src":"/static/da20ca57f8daa9ccd3a6207dbe53bcf0/44d34/imt_type_filter_flexibleimage_dark_fbba5c0c01.png"}}}},"title":"Flexible + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/61a1ae6c235a86ce91c6ef026d99fa6a/imt_type_filter_flexibleicon_dark_2c23cdf86a.png","childImageSharp":{"fluid":{"src":"/static/61a1ae6c235a86ce91c6ef026d99fa6a/44d34/imt_type_filter_flexibleicon_dark_2c23cdf86a.png"}}}},"title":"Flexible + Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b7fe636d44f319681248437e5112d71f/imt_type_filter_fixedimage_dark_2067437ee5.png","childImageSharp":{"fluid":{"src":"/static/b7fe636d44f319681248437e5112d71f/44d34/imt_type_filter_fixedimage_dark_2067437ee5.png"}}}},"title":"Fixed + Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aa3243962748a543ef143e1b78c5af14/imt_type_filter_fixedicon_dark_83d4932b1f.png","childImageSharp":{"fluid":{"src":"/static/aa3243962748a543ef143e1b78c5af14/44d34/imt_type_filter_fixedicon_dark_83d4932b1f.png"}}}},"title":"Fixed + Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a8b3447d9d5fb29e55a3247e32ce6d20/g_imt_type_choice_flexible_dark_433a6f9cc1.png","childImageSharp":{"fluid":{"src":"/static/a8b3447d9d5fb29e55a3247e32ce6d20/59afd/g_imt_type_choice_flexible_dark_433a6f9cc1.png"}}}},"title":"Flexible","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","Subtype"],"tabData":[{"title":"Action","atomIndexes":[0,1,2,3,4,5]},{"title":"Filter","atomIndexes":[6,7,8,9]},{"title":"Choice","atomIndexes":[10]}]}}]}},{"node":{"component_id":"type_slider","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/1d3a5d4599632a7a865c4a088d5bcbce/img_type_continuous_basic_light_d25678b5dc.png","childImageSharp":{"fluid":{"src":"/static/1d3a5d4599632a7a865c4a088d5bcbce/44d34/img_type_continuous_basic_light_d25678b5dc.png"}}}},"title":"Basic","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e664dc95c75e7fa16bc694e7bd7922eb/img_type_continuous_icon_light_b753814b69.png","childImageSharp":{"fluid":{"src":"/static/e664dc95c75e7fa16bc694e7bd7922eb/44d34/img_type_continuous_icon_light_b753814b69.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/57529dff6a8f1b3227cbd66390cbb2b3/img_type_continuous_number_light_63d15c38ab.png","childImageSharp":{"fluid":{"src":"/static/57529dff6a8f1b3227cbd66390cbb2b3/44d34/img_type_continuous_number_light_63d15c38ab.png"}}}},"title":"Number(Text)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9eefc55904f2e1d4802cbdfcbddb3640/img_type_discrete_basic_light_c4b35aeaa1.png","childImageSharp":{"fluid":{"src":"/static/9eefc55904f2e1d4802cbdfcbddb3640/44d34/img_type_discrete_basic_light_c4b35aeaa1.png"}}}},"title":"Basic","is_wide":null},{"image":{"localFile":{"publicURL":"/static/905cb6e0ddfd43c192fa30a54ad0b79a/img_type_discrete_icon_light_2d387cbcd4.png","childImageSharp":{"fluid":{"src":"/static/905cb6e0ddfd43c192fa30a54ad0b79a/44d34/img_type_discrete_icon_light_2d387cbcd4.png"}}}},"title":"Icon","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Option Area"],"tabData":[{"title":"Continuous","atomIndexes":[0,1,2]},{"title":"Discrete","atomIndexes":[3,4]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d439f1fa7207fddabd90aba07f6a8b45/img_type_continuous_basic_dark_214012ca15.png","childImageSharp":{"fluid":{"src":"/static/d439f1fa7207fddabd90aba07f6a8b45/44d34/img_type_continuous_basic_dark_214012ca15.png"}}}},"title":"Basic","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e93eed3863a4a977c6755352100567bd/img_type_continuous_icon_dark_b41718bec6.png","childImageSharp":{"fluid":{"src":"/static/e93eed3863a4a977c6755352100567bd/44d34/img_type_continuous_icon_dark_b41718bec6.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b4e54922916c6b0e00017bc4c3050c1e/img_type_continuous_number_dark_224e162641.png","childImageSharp":{"fluid":{"src":"/static/b4e54922916c6b0e00017bc4c3050c1e/44d34/img_type_continuous_number_dark_224e162641.png"}}}},"title":"Number(Text)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/667629b32d264d3f2d89ba81510d8953/img_type_discrete_basic_dark_7ec555c25a.png","childImageSharp":{"fluid":{"src":"/static/667629b32d264d3f2d89ba81510d8953/44d34/img_type_discrete_basic_dark_7ec555c25a.png"}}}},"title":"Basic","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7194727926afcba80785f3c2bd46d3e1/img_type_discrete_icon_dark_bbf7d6c01a.png","childImageSharp":{"fluid":{"src":"/static/7194727926afcba80785f3c2bd46d3e1/44d34/img_type_discrete_icon_dark_bbf7d6c01a.png"}}}},"title":"Icon","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","Option Area"],"tabData":[{"title":"Continuous","atomIndexes":[0,1,2]},{"title":"Discrete","atomIndexes":[3,4]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/0c5a417db3c469965e10c2fb8db254ff/img_type_continuous_basic_overlay_b9ed299967.png","childImageSharp":{"fluid":{"src":"/static/0c5a417db3c469965e10c2fb8db254ff/44d34/img_type_continuous_basic_overlay_b9ed299967.png"}}}},"title":"Basic","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7c2ccaed813c9e38c8c8bad2c4903938/img_type_continuous_icon_overlay_6605cda103.png","childImageSharp":{"fluid":{"src":"/static/7c2ccaed813c9e38c8c8bad2c4903938/44d34/img_type_continuous_icon_overlay_6605cda103.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bca7355eb630e8f767fc6d9f32ad4bcb/img_type_continuous_number_overlay_218928a567.png","childImageSharp":{"fluid":{"src":"/static/bca7355eb630e8f767fc6d9f32ad4bcb/44d34/img_type_continuous_number_overlay_218928a567.png"}}}},"title":"Number(Text)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0c5a417db3c469965e10c2fb8db254ff/img_type_continuous_basic_overlay_b9ed299967.png","childImageSharp":{"fluid":{"src":"/static/0c5a417db3c469965e10c2fb8db254ff/44d34/img_type_continuous_basic_overlay_b9ed299967.png"}}}},"title":"Basic","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bca7355eb630e8f767fc6d9f32ad4bcb/img_type_continuous_number_overlay_218928a567.png","childImageSharp":{"fluid":{"src":"/static/bca7355eb630e8f767fc6d9f32ad4bcb/44d34/img_type_continuous_number_overlay_218928a567.png"}}}},"title":"Icon","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","Option Area"],"tabData":[{"title":"Continuous","atomIndexes":[0,1,2]},{"title":"Discrete","atomIndexes":[3,4]}]}}]}},{"node":{"component_id":"type_toast","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/53ad7c5d077b9d7d17ee1c1640d8c074/img_type_center_textshort_a9d7210083.png","childImageSharp":{"fluid":{"src":"/static/53ad7c5d077b9d7d17ee1c1640d8c074/8e1c0/img_type_center_textshort_a9d7210083.png"}}}},"title":"Text Short","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c41cf48f5a20594102ba08b4c1f94786/img_type_center_textlong_1d7795e599.png","childImageSharp":{"fluid":{"src":"/static/c41cf48f5a20594102ba08b4c1f94786/8e1c0/img_type_center_textlong_1d7795e599.png"}}}},"title":"Text Long","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d51a4ca71ced283f6818ca5c880c275b/img_type_center_icontext_b8ba6471dd.png","childImageSharp":{"fluid":{"src":"/static/d51a4ca71ced283f6818ca5c880c275b/8e1c0/img_type_center_icontext_b8ba6471dd.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/285a5026df58d5dbb7c19c640799c7b1/img_type_center_spinner_ff00147bf3.png","childImageSharp":{"fluid":{"src":"/static/285a5026df58d5dbb7c19c640799c7b1/8e1c0/img_type_center_spinner_ff00147bf3.png"}}}},"title":"Spinner","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e3864d437dc7e236341baeb9471f2955/img_type_center_spinnertext_9d4e2e764a.png","childImageSharp":{"fluid":{"src":"/static/e3864d437dc7e236341baeb9471f2955/8e1c0/img_type_center_spinnertext_9d4e2e764a.png"}}}},"title":"Spinner + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2a754c1f5a909a37f5250451ccce5a45/img_type_bottom_textshort_914c6852d2.png","childImageSharp":{"fluid":{"src":"/static/2a754c1f5a909a37f5250451ccce5a45/8e1c0/img_type_bottom_textshort_914c6852d2.png"}}}},"title":"Text Short","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4a129273befaf8450371202edd5045f5/img_type_bottom_textlong_ce8006729f.png","childImageSharp":{"fluid":{"src":"/static/4a129273befaf8450371202edd5045f5/8e1c0/img_type_bottom_textlong_ce8006729f.png"}}}},"title":"Text Long","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d7b29d51d0e6278e8cd6c27184fc317a/img_type_bottom_icontextshort_55f9eafd9a.png","childImageSharp":{"fluid":{"src":"/static/d7b29d51d0e6278e8cd6c27184fc317a/8e1c0/img_type_bottom_icontextshort_55f9eafd9a.png"}}}},"title":"Icon + Text Short","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a7403413bf7b407edec635b2eb08661e/img_type_bottom_icontextlong_be46782d22.png","childImageSharp":{"fluid":{"src":"/static/a7403413bf7b407edec635b2eb08661e/8e1c0/img_type_bottom_icontextlong_be46782d22.png"}}}},"title":"Icon + Text Long","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type","Column"],"tabData":[{"title":"Center","atomIndexes":[0,1,2,3,4]},{"title":"Bottom","atomIndexes":[5,6,7,8]}]}}]}},{"node":{"component_id":"type_tooltip","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/4b51292ba428db5493eee0304113f6a6/img_type_text_none_a865cb7829.png","childImageSharp":{"fluid":{"src":"/static/4b51292ba428db5493eee0304113f6a6/d4026/img_type_text_none_a865cb7829.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8aa8dff2a897135fd2aedb60d03942d3/img_type_text_xbtn_6dbcc59fdf.png","childImageSharp":{"fluid":{"src":"/static/8aa8dff2a897135fd2aedb60d03942d3/d4026/img_type_text_xbtn_6dbcc59fdf.png"}}}},"title":"X Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b0f2c424110be93679d5d1ceee150fb3/img_type_text_link_none_e22504e492.png","childImageSharp":{"fluid":{"src":"/static/b0f2c424110be93679d5d1ceee150fb3/d4026/img_type_text_link_none_e22504e492.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e92116f3912a72272c3a12aa648405ec/img_type_text_link_xbtn_d28332807d.png","childImageSharp":{"fluid":{"src":"/static/e92116f3912a72272c3a12aa648405ec/cbf50/img_type_text_link_xbtn_d28332807d.png"}}}},"title":"X Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fb000afdbbf5374ecd17ddb238b99df3/img_type_text_icon_none_1781bee518.png","childImageSharp":{"fluid":{"src":"/static/fb000afdbbf5374ecd17ddb238b99df3/d4026/img_type_text_icon_none_1781bee518.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f47000f0a89e2403a6ffd6da5ffbd983/img_type_text_icon_xbtn_48d9511a4c.png","childImageSharp":{"fluid":{"src":"/static/f47000f0a89e2403a6ffd6da5ffbd983/d4026/img_type_text_icon_xbtn_48d9511a4c.png"}}}},"title":"X Button","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type","Clolse Button"],"tabData":[{"title":"Default (Text Only)","atomIndexes":[0,1]},{"title":"Text + Link Button","atomIndexes":[2,3]},{"title":"Text + Icon","atomIndexes":[4,5]}]}}]}},{"node":{"component_id":"type_inputs","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/3e1d3d5e8d7d7676064a11e02b8c351c/img_type_large_text_light_a307795830.png","childImageSharp":{"fluid":{"src":"/static/3e1d3d5e8d7d7676064a11e02b8c351c/319bd/img_type_large_text_light_a307795830.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8caea7c46452296fe7ee6ed8d048a75d/img_type_large_text_helper_light_1ca7ceeac6.png","childImageSharp":{"fluid":{"src":"/static/8caea7c46452296fe7ee6ed8d048a75d/52711/img_type_large_text_helper_light_1ca7ceeac6.png"}}}},"title":"Text + Helper text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aadcbe4a4c0b0ad5cb32bd66bb71293a/img_type_small_text_light_f89c84b6f3.png","childImageSharp":{"fluid":{"src":"/static/aadcbe4a4c0b0ad5cb32bd66bb71293a/44d34/img_type_small_text_light_f89c84b6f3.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f360f08c317c87477108bd5aedf5a415/img_type_small_text_helper_light_a63b7ab77d.png","childImageSharp":{"fluid":{"src":"/static/f360f08c317c87477108bd5aedf5a415/44d34/img_type_small_text_helper_light_a63b7ab77d.png"}}}},"title":"Text + Helper text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/00067f99813abeb2f33194e61637fe5c/img_type_password_text_light_d9056d1279.png","childImageSharp":{"fluid":{"src":"/static/00067f99813abeb2f33194e61637fe5c/44d34/img_type_password_text_light_d9056d1279.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b893aaffdf39637d6e78a1f7424c32b1/img_type_password_text_helper_light_c13a796274.png","childImageSharp":{"fluid":{"src":"/static/b893aaffdf39637d6e78a1f7424c32b1/44d34/img_type_password_text_helper_light_c13a796274.png"}}}},"title":"Text + Helper text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/89380c3f72713283b640db2a5214d30e/img_type_code_text_light_27151f1936.png","childImageSharp":{"fluid":{"src":"/static/89380c3f72713283b640db2a5214d30e/40213/img_type_code_text_light_27151f1936.png"}}}},"title":"Defualt","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Label area"],"tabData":[{"title":"Large Text","atomIndexes":[0,1]},{"title":"Small Text","atomIndexes":[2,3]},{"title":"Password","atomIndexes":[4,5]},{"title":"Code","atomIndexes":[6]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/ef468299051336e621bccedd28de2c57/img_type_large_text_dark_fe7624e1ff.png","childImageSharp":{"fluid":{"src":"/static/ef468299051336e621bccedd28de2c57/319bd/img_type_large_text_dark_fe7624e1ff.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/915eedd034efb9273afe58e1a4345ae8/img_type_large_text_helper_dark_5549cbb9f6.png","childImageSharp":{"fluid":{"src":"/static/915eedd034efb9273afe58e1a4345ae8/52711/img_type_large_text_helper_dark_5549cbb9f6.png"}}}},"title":"Text + Helper text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b54a8f8c6d23c5362e046b1e25dc97d7/img_type_small_text_dark_b2b2bf7264.png","childImageSharp":{"fluid":{"src":"/static/b54a8f8c6d23c5362e046b1e25dc97d7/319bd/img_type_small_text_dark_b2b2bf7264.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e636dab04ace5c33ca5b42a6703167e4/img_type_small_text_helper_dark_3d0bace6a3.png","childImageSharp":{"fluid":{"src":"/static/e636dab04ace5c33ca5b42a6703167e4/319bd/img_type_small_text_helper_dark_3d0bace6a3.png"}}}},"title":"Text + Helper text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0d1e557d24990025094695f6f5d4480a/img_type_password_text_dark_ab25429ac0.png","childImageSharp":{"fluid":{"src":"/static/0d1e557d24990025094695f6f5d4480a/319bd/img_type_password_text_dark_ab25429ac0.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2b88b88606b85648e486b0de016d4706/img_type_password_text_helper_dark_d3fe05cd80.png","childImageSharp":{"fluid":{"src":"/static/2b88b88606b85648e486b0de016d4706/319bd/img_type_password_text_helper_dark_d3fe05cd80.png"}}}},"title":"Text + Helper text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0946cfe62698e77aa7627b9e304c244f/img_type_code_text_dark_2b18928a24.png","childImageSharp":{"fluid":{"src":"/static/0946cfe62698e77aa7627b9e304c244f/44d34/img_type_code_text_dark_2b18928a24.png"}}}},"title":"Defualt","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Label area"],"tabData":[{"title":"Large Text","atomIndexes":[0,1]},{"title":"Small Text","atomIndexes":[2,3]},{"title":"Password","atomIndexes":[4,5]},{"title":"Code","atomIndexes":[6]}]}}]}},{"node":{"component_id":"type_listHeader","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/efbf20b7f40feb81c8284b50967f88a4/img_type_text_none_light_e31ae437a4.png","childImageSharp":{"fluid":{"src":"/static/efbf20b7f40feb81c8284b50967f88a4/44d34/img_type_text_none_light_e31ae437a4.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/00f9b561593d1b06cbe5f37e3cd865cc/img_type_text_text_light_e023c62406.png","childImageSharp":{"fluid":{"src":"/static/00f9b561593d1b06cbe5f37e3cd865cc/44d34/img_type_text_text_light_e023c62406.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ed6242a6daa1bec793054a2ba85c44f1/img_type_text_icon_light_3f73c7d544.png","childImageSharp":{"fluid":{"src":"/static/ed6242a6daa1bec793054a2ba85c44f1/44d34/img_type_text_icon_light_3f73c7d544.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cd68f7e2e0575790e8411c7c8c10eb9e/img_type_text_dropdown_light_db7a171478.png","childImageSharp":{"fluid":{"src":"/static/cd68f7e2e0575790e8411c7c8c10eb9e/44d34/img_type_text_dropdown_light_db7a171478.png"}}}},"title":"Dropdown Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fc1a8ea3e57d1446d040ea6b5513d440/img_type_icontext_none_light_e502b914b9.png","childImageSharp":{"fluid":{"src":"/static/fc1a8ea3e57d1446d040ea6b5513d440/44d34/img_type_icontext_none_light_e502b914b9.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/33e6ab9e6eec606935b943b929ad1f92/img_type_icontext_text_light_5083b85564.png","childImageSharp":{"fluid":{"src":"/static/33e6ab9e6eec606935b943b929ad1f92/44d34/img_type_icontext_text_light_5083b85564.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4a00f15199300fcf811ecd61d8f3f7d3/img_type_icontext_icon_light_696e941648.png","childImageSharp":{"fluid":{"src":"/static/4a00f15199300fcf811ecd61d8f3f7d3/44d34/img_type_icontext_icon_light_696e941648.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d048b7fd5eb54fe41cebcdd48fa32624/img_type_icontext_dropdown_light_a9dc2fbd4f.png","childImageSharp":{"fluid":{"src":"/static/d048b7fd5eb54fe41cebcdd48fa32624/44d34/img_type_icontext_dropdown_light_a9dc2fbd4f.png"}}}},"title":"Dropdown Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b99ac882f0e3f97953b9130b981db2cb/img_type_textbtn_none_light_9939adfc31.png","childImageSharp":{"fluid":{"src":"/static/b99ac882f0e3f97953b9130b981db2cb/44d34/img_type_textbtn_none_light_9939adfc31.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/de0bd3e301516b9b83df0be29c3bd5e2/img_type_textbtn_text_light_fdb29cef71.png","childImageSharp":{"fluid":{"src":"/static/de0bd3e301516b9b83df0be29c3bd5e2/44d34/img_type_textbtn_text_light_fdb29cef71.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ba7c2ec5b112e9ad84e9da42af504541/img_type_textbtn_icon_light_fc90d5c943.png","childImageSharp":{"fluid":{"src":"/static/ba7c2ec5b112e9ad84e9da42af504541/44d34/img_type_textbtn_icon_light_fc90d5c943.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/30ae0fd53ba0d1ed9074214453ecda2e/img_type_textbtn_dropdown_light_757dbe1066.png","childImageSharp":{"fluid":{"src":"/static/30ae0fd53ba0d1ed9074214453ecda2e/44d34/img_type_textbtn_dropdown_light_757dbe1066.png"}}}},"title":"Dropdown Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/41aa01053938fc7226beb96d974bc4cd/img_type_tab_none_light_46cf987076.png","childImageSharp":{"fluid":{"src":"/static/41aa01053938fc7226beb96d974bc4cd/44d34/img_type_tab_none_light_46cf987076.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e3ae64c36c3cd6e94fad1d81d20ede51/img_type_tab_text_light_ec441f8391.png","childImageSharp":{"fluid":{"src":"/static/e3ae64c36c3cd6e94fad1d81d20ede51/44d34/img_type_tab_text_light_ec441f8391.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fc0578ffd22e4ec4496fbf4c4063b343/img_type_tab_icon_light_69801cf40e.png","childImageSharp":{"fluid":{"src":"/static/fc0578ffd22e4ec4496fbf4c4063b343/44d34/img_type_tab_icon_light_69801cf40e.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/666cabd46e161b3110721613cbeed90d/img_type_tab_dropdown_light_4ff9389f83.png","childImageSharp":{"fluid":{"src":"/static/666cabd46e161b3110721613cbeed90d/44d34/img_type_tab_dropdown_light_4ff9389f83.png"}}}},"title":"Dropdown Button","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Text area","Button area"],"tabData":[{"title":"Text only","atomIndexes":[0,1,2,3]},{"title":"Icon + Text","atomIndexes":[4,5,6,7]},{"title":"Text + Button","atomIndexes":[8,9,10,11]},{"title":"Text as tab","atomIndexes":[12,13,14,15]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/247b99fa197679b07cdc2a075bff1007/img_type_text_none_dark_e5410c5a84.png","childImageSharp":{"fluid":{"src":"/static/247b99fa197679b07cdc2a075bff1007/44d34/img_type_text_none_dark_e5410c5a84.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8055d1757fe3467cb93f179f35d49c71/img_type_text_text_dark_905b2ed63c.png","childImageSharp":{"fluid":{"src":"/static/8055d1757fe3467cb93f179f35d49c71/44d34/img_type_text_text_dark_905b2ed63c.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e720554494cc4111ad931f397b8adb54/img_type_text_icon_dark_c8450e4aaa.png","childImageSharp":{"fluid":{"src":"/static/e720554494cc4111ad931f397b8adb54/44d34/img_type_text_icon_dark_c8450e4aaa.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e6bc2a12177dd14fd1b5cfe8176228d2/img_type_text_dropdown_dark_a5dafd8a6e.png","childImageSharp":{"fluid":{"src":"/static/e6bc2a12177dd14fd1b5cfe8176228d2/44d34/img_type_text_dropdown_dark_a5dafd8a6e.png"}}}},"title":"Dropdown Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6c4921fb72040ee1386c5b1a31e42612/img_type_icontext_none_dark_7d8b5fb910.png","childImageSharp":{"fluid":{"src":"/static/6c4921fb72040ee1386c5b1a31e42612/44d34/img_type_icontext_none_dark_7d8b5fb910.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/04593dced28804cfc99989f7bd43b088/img_type_icontext_text_dark_41c7ac2b1c.png","childImageSharp":{"fluid":{"src":"/static/04593dced28804cfc99989f7bd43b088/44d34/img_type_icontext_text_dark_41c7ac2b1c.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/571d9b997b8d9bc626bb4465b49f8d32/img_type_icontext_icon_dark_eb5b5ba2fe.png","childImageSharp":{"fluid":{"src":"/static/571d9b997b8d9bc626bb4465b49f8d32/44d34/img_type_icontext_icon_dark_eb5b5ba2fe.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d4582b6209fdd197b28d7bda700a5ce9/img_type_icontext_dropdown_dark_a9ee7d7780.png","childImageSharp":{"fluid":{"src":"/static/d4582b6209fdd197b28d7bda700a5ce9/44d34/img_type_icontext_dropdown_dark_a9ee7d7780.png"}}}},"title":"Dropdown Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/248963b2fd08d3cfec91c434ba6da7e0/img_type_textbtn_none_dark_52d93ce2ff.png","childImageSharp":{"fluid":{"src":"/static/248963b2fd08d3cfec91c434ba6da7e0/44d34/img_type_textbtn_none_dark_52d93ce2ff.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/afbb220370dfd54c4ce311ba56b2f095/img_type_textbtn_text_dark_a71c7a2579.png","childImageSharp":{"fluid":{"src":"/static/afbb220370dfd54c4ce311ba56b2f095/44d34/img_type_textbtn_text_dark_a71c7a2579.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/28a41d97145224344a9b2183d9dbcfff/img_type_textbtn_icon_dark_b3b639dba0.png","childImageSharp":{"fluid":{"src":"/static/28a41d97145224344a9b2183d9dbcfff/44d34/img_type_textbtn_icon_dark_b3b639dba0.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/69a4959b74ebd818ca84c25a3a7b4cba/img_type_textbtn_dropdown_dark_d1329a01d1.png","childImageSharp":{"fluid":{"src":"/static/69a4959b74ebd818ca84c25a3a7b4cba/44d34/img_type_textbtn_dropdown_dark_d1329a01d1.png"}}}},"title":"Dropdown Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/28d948e99c92ed016890503a670e6190/img_type_tab_none_dark_64cc532f84.png","childImageSharp":{"fluid":{"src":"/static/28d948e99c92ed016890503a670e6190/44d34/img_type_tab_none_dark_64cc532f84.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/76d7c0f4b253ae2500481b0de6d087b6/img_type_tab_text_dark_ef12da3119.png","childImageSharp":{"fluid":{"src":"/static/76d7c0f4b253ae2500481b0de6d087b6/44d34/img_type_tab_text_dark_ef12da3119.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/822d3bd563110305770f3d8148c1562d/img_type_tab_icon_dark_84c1743ee1.png","childImageSharp":{"fluid":{"src":"/static/822d3bd563110305770f3d8148c1562d/44d34/img_type_tab_icon_dark_84c1743ee1.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ca77c2628446ba2fe5d94eef6a38301e/img_type_tab_dropdown_dark_716a2fce5d.png","childImageSharp":{"fluid":{"src":"/static/ca77c2628446ba2fe5d94eef6a38301e/44d34/img_type_tab_dropdown_dark_716a2fce5d.png"}}}},"title":"Dropdown Button","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Text area","Button area"],"tabData":[{"title":"Text only","atomIndexes":[0,1,2,3]},{"title":"Icon + Text","atomIndexes":[4,5,6,7]},{"title":"Text + Button","atomIndexes":[8,9,10,11]},{"title":"Text as tab","atomIndexes":[12,13,14,15]}]}}]}},{"node":{"component_id":"Popup_VerticalButtonType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/35bd56c917607d825e96eed9809d0baf/img_type_vertical_text_1_btn_light_b280c00f8f.png","childImageSharp":{"fluid":{"src":"/static/35bd56c917607d825e96eed9809d0baf/f8eb5/img_type_vertical_text_1_btn_light_b280c00f8f.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/285e8707ea2f951f5be8d05f9440174d/img_type_vertical_text_2_btn_light_f2adbcf5c9.png","childImageSharp":{"fluid":{"src":"/static/285e8707ea2f951f5be8d05f9440174d/f8eb5/img_type_vertical_text_2_btn_light_f2adbcf5c9.png"}}}},"title":"2 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b21e6ff99b206661c9b65a5476a815d5/img_type_vertical_text_3_btn_light_259c118d6b.png","childImageSharp":{"fluid":{"src":"/static/b21e6ff99b206661c9b65a5476a815d5/f8eb5/img_type_vertical_text_3_btn_light_259c118d6b.png"}}}},"title":"3 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aed37480b06e06927c81ca56fb6368bf/img_type_vertical_imgtext_1_btn_light_6e03a9b6e6.png","childImageSharp":{"fluid":{"src":"/static/aed37480b06e06927c81ca56fb6368bf/f8eb5/img_type_vertical_imgtext_1_btn_light_6e03a9b6e6.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/388b507d1087fecdf15da4435ae2007f/img_type_vertical_imgtext_2_btn_light_2f150c44d1.png","childImageSharp":{"fluid":{"src":"/static/388b507d1087fecdf15da4435ae2007f/f8eb5/img_type_vertical_imgtext_2_btn_light_2f150c44d1.png"}}}},"title":"2 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/160bc681db4ba263c508a44e8c6f5a1a/img_type_vertical_imgtext_3_btn_light_fb1d2124e3.png","childImageSharp":{"fluid":{"src":"/static/160bc681db4ba263c508a44e8c6f5a1a/f8eb5/img_type_vertical_imgtext_3_btn_light_fb1d2124e3.png"}}}},"title":"3 button","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Contents Area","Button Area"],"tabData":[{"title":"Text Only","atomIndexes":[0,1,2]},{"title":"Image + Text","atomIndexes":[3,4,5]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d43387f9c879f232563ec366db1a1d6b/img_type_vertical_text_1_btn_dark_39ba538dbe.png","childImageSharp":{"fluid":{"src":"/static/d43387f9c879f232563ec366db1a1d6b/f8eb5/img_type_vertical_text_1_btn_dark_39ba538dbe.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/388befb2fc7ec222a600a0897fdf4b21/img_type_vertical_text_2_btn_dark_fab3d66955.png","childImageSharp":{"fluid":{"src":"/static/388befb2fc7ec222a600a0897fdf4b21/f8eb5/img_type_vertical_text_2_btn_dark_fab3d66955.png"}}}},"title":"2 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/92d8f23ce7b7b6abd295bce3e77e6b2c/img_type_vertical_text_3_btn_dark_e6a9645222.png","childImageSharp":{"fluid":{"src":"/static/92d8f23ce7b7b6abd295bce3e77e6b2c/f8eb5/img_type_vertical_text_3_btn_dark_e6a9645222.png"}}}},"title":"3 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5ebd95fd98ee32cd3bdee59ae85ca1a6/img_type_vertical_imgtext_1_btn_dark_60e5bf5c9b.png","childImageSharp":{"fluid":{"src":"/static/5ebd95fd98ee32cd3bdee59ae85ca1a6/f8eb5/img_type_vertical_imgtext_1_btn_dark_60e5bf5c9b.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7724b05391379852a328f017dcc1f25f/img_type_vertical_imgtext_2_btn_dark_dcb504d0a7.png","childImageSharp":{"fluid":{"src":"/static/7724b05391379852a328f017dcc1f25f/f8eb5/img_type_vertical_imgtext_2_btn_dark_dcb504d0a7.png"}}}},"title":"2 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fe014214af0c5fd4300f119147d51e08/img_type_vertical_imgtext_3_btn_dark_8a9a02ac7d.png","childImageSharp":{"fluid":{"src":"/static/fe014214af0c5fd4300f119147d51e08/f8eb5/img_type_vertical_imgtext_3_btn_dark_8a9a02ac7d.png"}}}},"title":"3 button","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Contents Area","Button Area"],"tabData":[{"title":"Text Only","atomIndexes":[0,1,2]},{"title":"Image + Text","atomIndexes":[3,4,5]}]}}]}},{"node":{"component_id":"Popup_SimpleType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/35bd56c917607d825e96eed9809d0baf/img_type_simple_text_1_btn_light_7f3c62116b.png","childImageSharp":{"fluid":{"src":"/static/35bd56c917607d825e96eed9809d0baf/f8eb5/img_type_simple_text_1_btn_light_7f3c62116b.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d67d0c7be15db3222e04b9a2be8fc51a/img_type_simple_text_2_btn_light_d3cd0f0c8b.png","childImageSharp":{"fluid":{"src":"/static/d67d0c7be15db3222e04b9a2be8fc51a/f8eb5/img_type_simple_text_2_btn_light_d3cd0f0c8b.png"}}}},"title":"2 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/939b28718b965cc05acaf123b5e4035d/img_type_simple_imgtext_1_btn_light_81729fd9ba.png","childImageSharp":{"fluid":{"src":"/static/939b28718b965cc05acaf123b5e4035d/f8eb5/img_type_simple_imgtext_1_btn_light_81729fd9ba.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9e191b5f33495a40c0628b2fdbadf31f/img_type_simple_imgtext_2_btn_light_5a25acbf7c.png","childImageSharp":{"fluid":{"src":"/static/9e191b5f33495a40c0628b2fdbadf31f/f8eb5/img_type_simple_imgtext_2_btn_light_5a25acbf7c.png"}}}},"title":"2 button","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Contents Area","Button Area"],"tabData":[{"title":"Text Only","atomIndexes":[0,1]},{"title":"Image + Text","atomIndexes":[2,3]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d43387f9c879f232563ec366db1a1d6b/img_type_simple_text_1_btn_dark_2273aac7f5.png","childImageSharp":{"fluid":{"src":"/static/d43387f9c879f232563ec366db1a1d6b/f8eb5/img_type_simple_text_1_btn_dark_2273aac7f5.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0d03ee7557b5a8136345cacf0a22a3a8/img_type_simple_text_2_btn_dark_f2a2391971.png","childImageSharp":{"fluid":{"src":"/static/0d03ee7557b5a8136345cacf0a22a3a8/f8eb5/img_type_simple_text_2_btn_dark_f2a2391971.png"}}}},"title":"2 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a6e8226f1ed7eef7cb170b9974666be5/img_type_simple_imgtext_1_btn_dark_fefd109c52.png","childImageSharp":{"fluid":{"src":"/static/a6e8226f1ed7eef7cb170b9974666be5/f8eb5/img_type_simple_imgtext_1_btn_dark_fefd109c52.png"}}}},"title":"1 button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/546b240b3a24c2d2b7c7287bb2abe09b/img_type_simple_imgtext_2_btn_dark_f52d517fcf.png","childImageSharp":{"fluid":{"src":"/static/546b240b3a24c2d2b7c7287bb2abe09b/f8eb5/img_type_simple_imgtext_2_btn_dark_f52d517fcf.png"}}}},"title":"2 button","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Contents Area","Button Area"],"tabData":[{"title":"Text Only","atomIndexes":[0,1]},{"title":"Image + Text","atomIndexes":[2,3]}]}}]}},{"node":{"component_id":"Tab_TextType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d95ac5bcf49d5410b34a88830e75fb31/text_default_scroll_light_bb5254c42a.png","childImageSharp":{"fluid":{"src":"/static/d95ac5bcf49d5410b34a88830e75fb31/3b3e8/text_default_scroll_light_bb5254c42a.png"}}}},"title":"Scrollable","is_wide":null},{"image":{"localFile":{"publicURL":"/static/feca23930b6c0d10c2ae49b1ebd9de63/text_fixed_2tab_light_4c90950ea7.png","childImageSharp":{"fluid":{"src":"/static/feca23930b6c0d10c2ae49b1ebd9de63/3b3e8/text_fixed_2tab_light_4c90950ea7.png"}}}},"title":"Fixed - 2Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c4a6c40257b41ef10db91728e69f1869/text_fixed_3tab_light_f0622602d1.png","childImageSharp":{"fluid":{"src":"/static/c4a6c40257b41ef10db91728e69f1869/3b3e8/text_fixed_3tab_light_f0622602d1.png"}}}},"title":"Fixed - 3Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0448aac3d7782893910b3f3d62758658/text_fixed_4tab_light_a50f06ad64.png","childImageSharp":{"fluid":{"src":"/static/0448aac3d7782893910b3f3d62758658/3b3e8/text_fixed_4tab_light_a50f06ad64.png"}}}},"title":"Fixed - 4Tabs","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Tab type"],"tabData":[{"title":"Default","atomIndexes":[0]},{"title":"Fixed","atomIndexes":[1,2,3]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/a2ab472d0c4e2760d57c90abf3f0f4fe/text_default_scroll_dark_bb9aefe7e4.png","childImageSharp":{"fluid":{"src":"/static/a2ab472d0c4e2760d57c90abf3f0f4fe/3b3e8/text_default_scroll_dark_bb9aefe7e4.png"}}}},"title":"Scrollable","is_wide":null},{"image":{"localFile":{"publicURL":"/static/15c9a0823328e6aec7b67b69cb19f680/text_fixed_2tab_dark_ca2ad24575.png","childImageSharp":{"fluid":{"src":"/static/15c9a0823328e6aec7b67b69cb19f680/3b3e8/text_fixed_2tab_dark_ca2ad24575.png"}}}},"title":"Fixed - 2Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ea64cd1f6638e8f1df9613f12eee200d/text_fixed_3tab_dark_dc736716ea.png","childImageSharp":{"fluid":{"src":"/static/ea64cd1f6638e8f1df9613f12eee200d/3b3e8/text_fixed_3tab_dark_dc736716ea.png"}}}},"title":"Fixed - 3Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/264e0202fe1f62792c74bf467a57af9c/text_fixed_4tab_dark_998034e9a6.png","childImageSharp":{"fluid":{"src":"/static/264e0202fe1f62792c74bf467a57af9c/3b3e8/text_fixed_4tab_dark_998034e9a6.png"}}}},"title":"Fixed - 4Tabs","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Tab type"],"tabData":[{"title":"Default","atomIndexes":[0]},{"title":"Fixed","atomIndexes":[1,2,3]}]}}]}},{"node":{"component_id":"Tab_BoxType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/b63c3062ecac83773fc853cb4c3bdd2a/box_default_scroll_light_95716f6586.png","childImageSharp":{"fluid":{"src":"/static/b63c3062ecac83773fc853cb4c3bdd2a/3b3e8/box_default_scroll_light_95716f6586.png"}}}},"title":"Scrollable","is_wide":null},{"image":{"localFile":{"publicURL":"/static/94809b6f3c5bfad42bec2bff3a15894b/box_default_2tab_light_3b9bf027dd.png","childImageSharp":{"fluid":{"src":"/static/94809b6f3c5bfad42bec2bff3a15894b/3b3e8/box_default_2tab_light_3b9bf027dd.png"}}}},"title":"Fixed - 2Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ffdafabb84d832cc63a438fea4ce66b6/box_default_3tab_light_7996186649.png","childImageSharp":{"fluid":{"src":"/static/ffdafabb84d832cc63a438fea4ce66b6/3b3e8/box_default_3tab_light_7996186649.png"}}}},"title":"Fixed - 3Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ab0749ed4ea8d0a1c62140b2b539d473/box_small_scroll_light_830d8ebf3c.png","childImageSharp":{"fluid":{"src":"/static/ab0749ed4ea8d0a1c62140b2b539d473/3b3e8/box_small_scroll_light_830d8ebf3c.png"}}}},"title":"Scrollable","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Tab type"],"tabData":[{"title":"Default","atomIndexes":[0,1,2]},{"title":"Default Small","atomIndexes":[3]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/001f5cccfcb9f22553db03f5a93f9ec7/box_default_scroll_dark_d5877a4b1d.png","childImageSharp":{"fluid":{"src":"/static/001f5cccfcb9f22553db03f5a93f9ec7/3b3e8/box_default_scroll_dark_d5877a4b1d.png"}}}},"title":"Scrollable","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ee593e043e5082b4f7ce5fd49ca467a1/box_default_2tab_dark_752f072487.png","childImageSharp":{"fluid":{"src":"/static/ee593e043e5082b4f7ce5fd49ca467a1/3b3e8/box_default_2tab_dark_752f072487.png"}}}},"title":"Fixed - 2Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7cff50f5ade6a350ab270916a56c1b20/box_default_3tab_dark_0da2a1670c.png","childImageSharp":{"fluid":{"src":"/static/7cff50f5ade6a350ab270916a56c1b20/3b3e8/box_default_3tab_dark_0da2a1670c.png"}}}},"title":"Fixed - 3Tabs","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6f59f4cad858ef3da67b3e217338ca15/box_small_scroll_dark_bdf4c66cbd.png","childImageSharp":{"fluid":{"src":"/static/6f59f4cad858ef3da67b3e217338ca15/3b3e8/box_small_scroll_dark_bdf4c66cbd.png"}}}},"title":"Scrollable","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Tab type"],"tabData":[{"title":"Default","atomIndexes":[0,1,2]},{"title":"Default Small","atomIndexes":[3]}]}}]}},{"node":{"component_id":"TopNav_EmpahsisType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/9d2d9ba63c6df4cbc632408696ac504b/img_type_emphasis_default_tab_1_light_c6b4af5597.png","childImageSharp":{"fluid":{"src":"/static/9d2d9ba63c6df4cbc632408696ac504b/44d34/img_type_emphasis_default_tab_1_light_c6b4af5597.png"}}}},"title":"One Tab","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2b67ca304efd457b727130c14460eef2/top_navi_default_two_tab_light_2x_a35f98cda2.png","childImageSharp":{"fluid":{"src":"/static/2b67ca304efd457b727130c14460eef2/c9953/top_navi_default_two_tab_light_2x_a35f98cda2.png"}}}},"title":"Two Tab","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7530798e86d82a3a57140292e9f5b586/img_type_emphasis_default_menu_light_db6c56d0f3.png","childImageSharp":{"fluid":{"src":"/static/7530798e86d82a3a57140292e9f5b586/44d34/img_type_emphasis_default_menu_light_db6c56d0f3.png"}}}},"title":"Menu Option","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c900b16d0a3f556b26d92ca510725909/top_navi_profile_defualt_light_2x_962a93c4c7.png","childImageSharp":{"fluid":{"src":"/static/c900b16d0a3f556b26d92ca510725909/c9953/top_navi_profile_defualt_light_2x_962a93c4c7.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f4dbcad9e8287634fbf86897a026e9b9/top_navi_default_scroll_light_2x_2b370d7833.png","childImageSharp":{"fluid":{"src":"/static/f4dbcad9e8287634fbf86897a026e9b9/c9953/top_navi_default_scroll_light_2x_2b370d7833.png"}}}},"title":"Scroll","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Text Areaa"],"tabData":[{"title":"Default","atomIndexes":[0,1,2]},{"title":"Profile","atomIndexes":[3,4]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/42fee6da7e61b8149d78ac689da78ac0/img_type_emphasis_default_tab_1_dark_02c6d2da7f.png","childImageSharp":{"fluid":{"src":"/static/42fee6da7e61b8149d78ac689da78ac0/44d34/img_type_emphasis_default_tab_1_dark_02c6d2da7f.png"}}}},"title":"One Tab","is_wide":null},{"image":{"localFile":{"publicURL":"/static/16797d60d9c7590e9d3f45c95094edfe/top_navi_default_two_tab_dark_2x_56e1e98834.png","childImageSharp":{"fluid":{"src":"/static/16797d60d9c7590e9d3f45c95094edfe/c9953/top_navi_default_two_tab_dark_2x_56e1e98834.png"}}}},"title":"Two Tab","is_wide":null},{"image":{"localFile":{"publicURL":"/static/37708f097d6152d34113e2ff376d6277/img_type_emphasis_default_menu_dark_78ff65c480.png","childImageSharp":{"fluid":{"src":"/static/37708f097d6152d34113e2ff376d6277/44d34/img_type_emphasis_default_menu_dark_78ff65c480.png"}}}},"title":"Menu Option","is_wide":null},{"image":{"localFile":{"publicURL":"/static/df3d8448577800e78af15616c4008923/top_navi_profile_defualt_dark_2x_e60cc29798.png","childImageSharp":{"fluid":{"src":"/static/df3d8448577800e78af15616c4008923/c9953/top_navi_profile_defualt_dark_2x_e60cc29798.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9c2abc581ae5f90aec3c99ac833ca76c/top_navi_default_scroll_dark_2x_80af5b8ae7.png","childImageSharp":{"fluid":{"src":"/static/9c2abc581ae5f90aec3c99ac833ca76c/c9953/top_navi_default_scroll_dark_2x_80af5b8ae7.png"}}}},"title":"Scroll","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Text Areaa"],"tabData":[{"title":"Default","atomIndexes":[0,1,2]},{"title":"Profile","atomIndexes":[3,4]}]}}]}},{"node":{"component_id":"Card_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/c07b3ed3cdced652dbacff6745e23804/card_surface_light_2x_0936a6fdf3.png","childImageSharp":{"fluid":{"src":"/static/c07b3ed3cdced652dbacff6745e23804/c9953/card_surface_light_2x_0936a6fdf3.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fbf6161384bdae7556de50a78ba0b08d/card_full_img_outer_text_light_2x_26457d139f.png","childImageSharp":{"fluid":{"src":"/static/fbf6161384bdae7556de50a78ba0b08d/c9953/card_full_img_outer_text_light_2x_26457d139f.png"}}}},"title":"Outer text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/955a8acc3f88c44488436f13cabedea3/card_full_img_inner_text_2x_1cb680f008.png","childImageSharp":{"fluid":{"src":"/static/955a8acc3f88c44488436f13cabedea3/c9953/card_full_img_inner_text_2x_1cb680f008.png"}}}},"title":"Inner text","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Subtype"],"tabData":[{"title":"Surface type","atomIndexes":[0]},{"title":"Full Image type","atomIndexes":[1,2]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/b28e4a49170fb34daa85e33114078eb7/card_surface_dark_2x_ad40ac192b.png","childImageSharp":{"fluid":{"src":"/static/b28e4a49170fb34daa85e33114078eb7/c9953/card_surface_dark_2x_ad40ac192b.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f3d400549340a41578fb0ed558e01092/card_full_img_outer_text_dark_2x_b387a6748d.png","childImageSharp":{"fluid":{"src":"/static/f3d400549340a41578fb0ed558e01092/c9953/card_full_img_outer_text_dark_2x_b387a6748d.png"}}}},"title":"Outer text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b331f84b322f823c8cab686bcca81e17/img_type_fullimage_innertext_dark_df60a3ec69.png","childImageSharp":{"fluid":{"src":"/static/b331f84b322f823c8cab686bcca81e17/19d75/img_type_fullimage_innertext_dark_df60a3ec69.png"}}}},"title":"Inner text","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Subtype"],"tabData":[{"title":"Surface type","atomIndexes":[0]},{"title":"Full Image type","atomIndexes":[1,2]}]}}]}},{"node":{"component_id":"ImageGrid_BasicType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/a4d9b0ea6c4099f7d0827d59705c206d/img_grid_basic_square_1_2x_873090b22f.png","childImageSharp":{"fluid":{"src":"/static/a4d9b0ea6c4099f7d0827d59705c206d/c9953/img_grid_basic_square_1_2x_873090b22f.png"}}}},"title":"2Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4e7fc88f353c0f6a12257b451fa902fc/img_grid_basic_square_2_2x_a22c8c0d40.png","childImageSharp":{"fluid":{"src":"/static/4e7fc88f353c0f6a12257b451fa902fc/c9953/img_grid_basic_square_2_2x_a22c8c0d40.png"}}}},"title":"3Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/22cb6d1dbbb94a62d6be975e6bf05f40/img_grid_basic_square_3_2x_042f5b164d.png","childImageSharp":{"fluid":{"src":"/static/22cb6d1dbbb94a62d6be975e6bf05f40/c9953/img_grid_basic_square_3_2x_042f5b164d.png"}}}},"title":"Medium+Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/505e6a1f1a5d36cb4d558cd5fd0f6065/img_grid_basic_square_4_2x_595e376a11.png","childImageSharp":{"fluid":{"src":"/static/505e6a1f1a5d36cb4d558cd5fd0f6065/c9953/img_grid_basic_square_4_2x_595e376a11.png"}}}},"title":"Small+Medium","is_wide":null},{"image":{"localFile":{"publicURL":"/static/723de45297eb9b528eda1403e27b70cf/img_grid_basic_rec_1_2x_4cbbf11298.png","childImageSharp":{"fluid":{"src":"/static/723de45297eb9b528eda1403e27b70cf/c9953/img_grid_basic_rec_1_2x_4cbbf11298.png"}}}},"title":"2Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9e28ebe2aadba4ec50e621c4d8e098d8/img_grid_basic_rec_2_2x_018a227fd7.png","childImageSharp":{"fluid":{"src":"/static/9e28ebe2aadba4ec50e621c4d8e098d8/c9953/img_grid_basic_rec_2_2x_018a227fd7.png"}}}},"title":"3Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b2d788ffaeda3386b6297ccea4d9b752/img_grid_basic_rec_3_2x_f92d6c0a07.png","childImageSharp":{"fluid":{"src":"/static/b2d788ffaeda3386b6297ccea4d9b752/c9953/img_grid_basic_rec_3_2x_f92d6c0a07.png"}}}},"title":"Medium+Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3d550e9cd07c0dc29bb428fe53d38e1f/img_grid_basic_rec_4_2x_a6b6f8d194.png","childImageSharp":{"fluid":{"src":"/static/3d550e9cd07c0dc29bb428fe53d38e1f/c9953/img_grid_basic_rec_4_2x_a6b6f8d194.png"}}}},"title":"Small+Medium","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type","Column"],"tabData":[{"title":"Sqaure","atomIndexes":[0,1,2,3]},{"title":"Rectangular","atomIndexes":[4,5,6,7]}]}}]}},{"node":{"component_id":"Progress_CircularType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/796a65d932586d1b09d618750ade7dec/img_types_circular_progess_small_aa043a656e.png","childImageSharp":{"fluid":{"src":"/static/796a65d932586d1b09d618750ade7dec/c6b66/img_types_circular_progess_small_aa043a656e.png"}}}},"title":"Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fec0e9da3a7c5dd9bf39b7e0ee16369f/img_types_circular_progess_large_05784d2ec9.png","childImageSharp":{"fluid":{"src":"/static/fec0e9da3a7c5dd9bf39b7e0ee16369f/be76e/img_types_circular_progess_large_05784d2ec9.png"}}}},"title":"Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/29f488c39ca27c0beb324adf7f4d8c93/img_types_circular_progesstext_small_181be98fee.png","childImageSharp":{"fluid":{"src":"/static/29f488c39ca27c0beb324adf7f4d8c93/57fc3/img_types_circular_progesstext_small_181be98fee.png"}}}},"title":"Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/328d0160d4250d06380c931d4a161d19/img_types_circular_progesstext_large_8781d5d49f.png","childImageSharp":{"fluid":{"src":"/static/328d0160d4250d06380c931d4a161d19/5166c/img_types_circular_progesstext_large_8781d5d49f.png"}}}},"title":"Large","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","Type"],"tabData":[{"title":"Progress Only","atomIndexes":[0,1]},{"title":"Progress + Text","atomIndexes":[2,3]}]}}]}},{"node":{"component_id":"BottomSheet_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/30cca4d983f1052ca3d5dc75e3151b42/bottom_sheet_4_2x_09721d9ecd.png","childImageSharp":{"fluid":{"src":"/static/30cca4d983f1052ca3d5dc75e3151b42/c9953/bottom_sheet_4_2x_09721d9ecd.png"}}}},"title":"Without Handlebar","is_wide":null},{"image":{"localFile":{"publicURL":"/static/56b78df057512160a6b2d8bd80ceee77/bottom_sheet_3_2x_03b63ee5e0.png","childImageSharp":{"fluid":{"src":"/static/56b78df057512160a6b2d8bd80ceee77/c9953/bottom_sheet_3_2x_03b63ee5e0.png"}}}},"title":"With Handlebar","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ae2bea78ff090b8109133d42386a8cc3/bottom_sheet_2_2x_5fd2da2bcc.png","childImageSharp":{"fluid":{"src":"/static/ae2bea78ff090b8109133d42386a8cc3/c9953/bottom_sheet_2_2x_5fd2da2bcc.png"}}}},"title":"Without Handlebar","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d80c7d70cb450b9a1b02e40b36cd05fc/bottom_sheet_1_2x_23a6910812.png","childImageSharp":{"fluid":{"src":"/static/d80c7d70cb450b9a1b02e40b36cd05fc/c9953/bottom_sheet_1_2x_23a6910812.png"}}}},"title":"With Handlebar","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Handle"],"tabData":[{"title":"Modal (With Scrim)","atomIndexes":[0,1]},{"title":"Interactive","atomIndexes":[2,3]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/e70245ac67adaa3f1b650798e3916b15/bottom_sheet_8_2x_337a473610.png","childImageSharp":{"fluid":{"src":"/static/e70245ac67adaa3f1b650798e3916b15/c9953/bottom_sheet_8_2x_337a473610.png"}}}},"title":"Without Handlebar","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0e837f77dfa1af636177377e99a52de6/bottom_sheet_7_2x_ca0f891951.png","childImageSharp":{"fluid":{"src":"/static/0e837f77dfa1af636177377e99a52de6/c9953/bottom_sheet_7_2x_ca0f891951.png"}}}},"title":"With Handlebar","is_wide":null},{"image":{"localFile":{"publicURL":"/static/196240ffd0cd6e2012315d0990bab510/bottom_sheet_6_2x_0d40bc13ea.png","childImageSharp":{"fluid":{"src":"/static/196240ffd0cd6e2012315d0990bab510/c9953/bottom_sheet_6_2x_0d40bc13ea.png"}}}},"title":"Without Handlebar","is_wide":null},{"image":{"localFile":{"publicURL":"/static/db9ad1493bc8b595aeb9d03afd55dc04/bottom_sheet_5_2x_fc6ff67e90.png","childImageSharp":{"fluid":{"src":"/static/db9ad1493bc8b595aeb9d03afd55dc04/c9953/bottom_sheet_5_2x_fc6ff67e90.png"}}}},"title":"With Handlebar","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","Handle"],"tabData":[{"title":"Modal (With Scrim)","atomIndexes":[0,1]},{"title":"Interactive","atomIndexes":[2,3]}]}}]}},{"node":{"component_id":"TopNav_RegularType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/86fb11e3e828f1a22f61770832c288df/img_type_regular_text_icon_light_1_e46ef7cd15.png","childImageSharp":{"fluid":{"src":"/static/86fb11e3e828f1a22f61770832c288df/319bd/img_type_regular_text_icon_light_1_e46ef7cd15.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/dae4d855a62f438bf93f1194d8a04529/img_type_regular_text_icontext_light_6ee3326a0a.png","childImageSharp":{"fluid":{"src":"/static/dae4d855a62f438bf93f1194d8a04529/319bd/img_type_regular_text_icontext_light_6ee3326a0a.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/09c3fef9686b624965429b6411e95666/img_type_regular_text_text_light_d76499c367.png","childImageSharp":{"fluid":{"src":"/static/09c3fef9686b624965429b6411e95666/319bd/img_type_regular_text_text_light_d76499c367.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1845886352bd4db387df67d443b6bb71/img_type_regular_profile_icon_light_a04270e9e4.png","childImageSharp":{"fluid":{"src":"/static/1845886352bd4db387df67d443b6bb71/319bd/img_type_regular_profile_icon_light_a04270e9e4.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b4ad60c6cccecba5ca485d8cc32de376/img_type_regular_profile_icontext_light_3bea8634d5.png","childImageSharp":{"fluid":{"src":"/static/b4ad60c6cccecba5ca485d8cc32de376/319bd/img_type_regular_profile_icontext_light_3bea8634d5.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/efdcebc116a600c4824853927513f6a8/img_type_regular_profile_text_light_ba984faa7c.png","childImageSharp":{"fluid":{"src":"/static/efdcebc116a600c4824853927513f6a8/319bd/img_type_regular_profile_text_light_ba984faa7c.png"}}}},"title":"Text","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Title Area","Button Area"],"tabData":[{"title":"Text","atomIndexes":[0,1,2]},{"title":"Profile","atomIndexes":[3,4,5]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/e741986275b97c37a3757fa1c607fe69/img_type_regular_text_icon_dark_a8059adb6f.png","childImageSharp":{"fluid":{"src":"/static/e741986275b97c37a3757fa1c607fe69/319bd/img_type_regular_text_icon_dark_a8059adb6f.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0d51db0a7a131e3608c1e9201e3629bb/img_type_regular_text_icontext_dark_b443b8a5f5.png","childImageSharp":{"fluid":{"src":"/static/0d51db0a7a131e3608c1e9201e3629bb/319bd/img_type_regular_text_icontext_dark_b443b8a5f5.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4eb8a96fd480d7ce477f979fd681eaf2/img_type_regular_text_text_dark_f40c6ff4ab.png","childImageSharp":{"fluid":{"src":"/static/4eb8a96fd480d7ce477f979fd681eaf2/319bd/img_type_regular_text_text_dark_f40c6ff4ab.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e3d55f72c62ac020775101890517e179/img_type_regular_profile_icon_dark_633fd4b51e.png","childImageSharp":{"fluid":{"src":"/static/e3d55f72c62ac020775101890517e179/319bd/img_type_regular_profile_icon_dark_633fd4b51e.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ceda69bbe81b231b617b8e02b62ee685/img_type_regular_profile_icontext_dark_b979e82008.png","childImageSharp":{"fluid":{"src":"/static/ceda69bbe81b231b617b8e02b62ee685/319bd/img_type_regular_profile_icontext_dark_b979e82008.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7cc43a83f480b02ecb78ed9a75107b14/img_type_regular_profile_text_dark_3eff13ef90.png","childImageSharp":{"fluid":{"src":"/static/7cc43a83f480b02ecb78ed9a75107b14/319bd/img_type_regular_profile_text_dark_3eff13ef90.png"}}}},"title":"Text","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Title Area","Button Area"],"tabData":[{"title":"Text","atomIndexes":[0,1,2]},{"title":"Profile","atomIndexes":[3,4,5]}]}}]}},{"node":{"component_id":"FlexMessage_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d541dfc91f72e44e202e236690a43caf/tm_d_c35d606622.png","childImageSharp":{"fluid":{"src":"/static/d541dfc91f72e44e202e236690a43caf/f9a33/tm_d_c35d606622.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b6f5ef359052979469a24e6f82dd575f/m_d_a06831ac63.png","childImageSharp":{"fluid":{"src":"/static/b6f5ef359052979469a24e6f82dd575f/f9a33/m_d_a06831ac63.png"}}}},"title":"Default","is_wide":null}],"title":"Single","type":"Light","data":{"menu":["Option","Size"],"tabData":[{"title":"Tab + Message","atomIndexes":[0]},{"title":"Message","atomIndexes":[1]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/824711827e758be8754e822d087948de/mtm_d_4ebba04d8f.png","childImageSharp":{"fluid":{"src":"/static/824711827e758be8754e822d087948de/66c07/mtm_d_4ebba04d8f.png"}}}},"title":"Default","is_wide":true},{"image":{"localFile":{"publicURL":"/static/9c6c6b1f3a443797af775b2a6cc7c305/mtm_s_d162cf24da.png","childImageSharp":{"fluid":{"src":"/static/9c6c6b1f3a443797af775b2a6cc7c305/4b8b4/mtm_s_d162cf24da.png"}}}},"title":"Small","is_wide":true},{"image":{"localFile":{"publicURL":"/static/5a359be6608f83ed487b7a187e14c80b/mtm_xs_6282c2ea76.png","childImageSharp":{"fluid":{"src":"/static/5a359be6608f83ed487b7a187e14c80b/9d1d3/mtm_xs_6282c2ea76.png"}}}},"title":"XSmall","is_wide":true},{"image":{"localFile":{"publicURL":"/static/f846d11f86f3d838321e97c22fa29759/mm_d_845b839513.png","childImageSharp":{"fluid":{"src":"/static/f846d11f86f3d838321e97c22fa29759/66c07/mm_d_845b839513.png"}}}},"title":"Default","is_wide":true},{"image":{"localFile":{"publicURL":"/static/687321ad477e19c6e850b10253cc2020/mm_s_b5e53c70ff.png","childImageSharp":{"fluid":{"src":"/static/687321ad477e19c6e850b10253cc2020/73bcb/mm_s_b5e53c70ff.png"}}}},"title":"Small","is_wide":true},{"image":{"localFile":{"publicURL":"/static/64195f94eb998010eede6d9b34ad0170/mm_xs_f8cf202c65.png","childImageSharp":{"fluid":{"src":"/static/64195f94eb998010eede6d9b34ad0170/b79a9/mm_xs_f8cf202c65.png"}}}},"title":"XSmall","is_wide":true}],"title":"Multiple","type":"Light","data":{"menu":["Option","Size"],"tabData":[{"title":"Text + Message","atomIndexes":[0,1,2]},{"title":"Message","atomIndexes":[3,4,5]}]}}]}},{"node":{"component_id":"LDSG_Bottom-Sheet_03","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/8481ba32e7de295514701e5f45eb73d5/Modal_With_Dimmer_With_Handle_2ef1aa5814.png","childImageSharp":{"fluid":{"src":"/static/8481ba32e7de295514701e5f45eb73d5/e1073/Modal_With_Dimmer_With_Handle_2ef1aa5814.png"}}}},"title":"With Handle","is_wide":null},{"image":{"localFile":{"publicURL":"/static/81664a620a414aebbac2ed6c9004dbad/Modal_With_Dimmer_Without_Handle_6ebe1dc311.png","childImageSharp":{"fluid":{"src":"/static/81664a620a414aebbac2ed6c9004dbad/e1073/Modal_With_Dimmer_Without_Handle_6ebe1dc311.png"}}}},"title":"Without Handle","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e8543479eb0fabb208191f9f26a00ae6/Interactive_With_Handle_45eff1dfd9.png","childImageSharp":{"fluid":{"src":"/static/e8543479eb0fabb208191f9f26a00ae6/e1073/Interactive_With_Handle_45eff1dfd9.png"}}}},"title":"With Handle","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e02be31fc6cb8bd1a0ef47335736c746/Interactive_Without_Handle_1c8dce7e09.png","childImageSharp":{"fluid":{"src":"/static/e02be31fc6cb8bd1a0ef47335736c746/e1073/Interactive_Without_Handle_1c8dce7e09.png"}}}},"title":"Without Handle","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Handle"],"tabData":[{"title":"Modal (With Dimmer)","atomIndexes":[0,1]},{"title":"Interactive","atomIndexes":[2,3]}]}}]}},{"node":{"component_id":"Image-grid_03","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/712658f5e46cc9334c901b722d73387a/None_True_fd7cd8c46a.png","childImageSharp":{"fluid":{"src":"/static/712658f5e46cc9334c901b722d73387a/abe71/None_True_fd7cd8c46a.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f603ac15c1387540eddc47a17683517/None_False_d0a4ef8c16.png","childImageSharp":{"fluid":{"src":"/static/0f603ac15c1387540eddc47a17683517/abe71/None_False_d0a4ef8c16.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/329399b613476c27dbe68a445142ba4a/Multiple_Contents_True_692ecea4c0.png","childImageSharp":{"fluid":{"src":"/static/329399b613476c27dbe68a445142ba4a/abe71/Multiple_Contents_True_692ecea4c0.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f062883b0fd34c9ec15253f1f9545639/Multiple_Contents_False_cfc0952713.png","childImageSharp":{"fluid":{"src":"/static/f062883b0fd34c9ec15253f1f9545639/abe71/Multiple_Contents_False_cfc0952713.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8181841a93c8d8abf0f98c3c635ccc09/Video_Player_True_83b4eb9247.png","childImageSharp":{"fluid":{"src":"/static/8181841a93c8d8abf0f98c3c635ccc09/abe71/Video_Player_True_83b4eb9247.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/03f549bafd4e0e6d52cfd2f60fbc6dfd/Video_Player_False_ac36f3aa62.png","childImageSharp":{"fluid":{"src":"/static/03f549bafd4e0e6d52cfd2f60fbc6dfd/abe71/Video_Player_False_ac36f3aa62.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c9df039462b4517320e6da0933c83190/GIF_True_1e479730ca.png","childImageSharp":{"fluid":{"src":"/static/c9df039462b4517320e6da0933c83190/abe71/GIF_True_1e479730ca.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4e96fe36f4faa8af4add02f305add406/GIF_False_64490facaa.png","childImageSharp":{"fluid":{"src":"/static/4e96fe36f4faa8af4add02f305add406/abe71/GIF_False_64490facaa.png"}}}},"title":"False","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Icon Area","Text Area"],"tabData":[{"title":"None","atomIndexes":[0,1]},{"title":"Multiple Contents","atomIndexes":[2,3]},{"title":"Video Player","atomIndexes":[4,5]},{"title":"GIF","atomIndexes":[6,7]}]}}]}},{"node":{"component_id":"Image-grid_05","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/8382b1967f32bc4750b8c974359eed72/S_None_beaf5ccd45.png","childImageSharp":{"fluid":{"src":"/static/8382b1967f32bc4750b8c974359eed72/abe71/S_None_beaf5ccd45.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/329399b613476c27dbe68a445142ba4a/S_Text_Star_564b5c1ccb.png","childImageSharp":{"fluid":{"src":"/static/329399b613476c27dbe68a445142ba4a/abe71/S_Text_Star_564b5c1ccb.png"}}}},"title":"Text + Star","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e0aa1fe23be880cf649a9d01d9e32dc6/S_Text_Text_e230252341.png","childImageSharp":{"fluid":{"src":"/static/e0aa1fe23be880cf649a9d01d9e32dc6/abe71/S_Text_Text_e230252341.png"}}}},"title":"Text + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8b0f745f929f98abc3635694fe1fc57d/S_Icon_Text_097209742b.png","childImageSharp":{"fluid":{"src":"/static/8b0f745f929f98abc3635694fe1fc57d/abe71/S_Icon_Text_097209742b.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9b75001609ea81d3800dd9903ef494eb/S_Icon_Text_2_99ee20df71.png","childImageSharp":{"fluid":{"src":"/static/9b75001609ea81d3800dd9903ef494eb/abe71/S_Icon_Text_2_99ee20df71.png"}}}},"title":"Icon +Text (2)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3dd9c286db283996f9043442bbf3af59/None_801a0c9dd4.png","childImageSharp":{"fluid":{"src":"/static/3dd9c286db283996f9043442bbf3af59/abe71/None_801a0c9dd4.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/16da90a0f407d3c7d9c7e1aa7eba49be/Text_Star_0794ed1c8e.png","childImageSharp":{"fluid":{"src":"/static/16da90a0f407d3c7d9c7e1aa7eba49be/abe71/Text_Star_0794ed1c8e.png"}}}},"title":"Text + Star","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2447f9aea51be3f5cbfa078ac87a2485/Text_Text_232d333705.png","childImageSharp":{"fluid":{"src":"/static/2447f9aea51be3f5cbfa078ac87a2485/abe71/Text_Text_232d333705.png"}}}},"title":"Text + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/02d8a7c0de7ab814aca2b894e76ff123/Icon_Text_5265966128.png","childImageSharp":{"fluid":{"src":"/static/02d8a7c0de7ab814aca2b894e76ff123/abe71/Icon_Text_5265966128.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e0ab736ade38b1434300f402c4cf9034/Icon_Text_2_2f4705d56e.png","childImageSharp":{"fluid":{"src":"/static/e0ab736ade38b1434300f402c4cf9034/abe71/Icon_Text_2_2f4705d56e.png"}}}},"title":"Icon + Text (2)","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Title Size","Sub Text"],"tabData":[{"title":"S","atomIndexes":[0,1,2,3,4]},{"title":"L","atomIndexes":[5,6,7,8,9]}]}}]}},{"node":{"component_id":"LDSG_video-player_03","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/375fed0ad76075ec15974982875f2186/Before_Playing_276389b79b.png","childImageSharp":{"fluid":{"src":"/static/375fed0ad76075ec15974982875f2186/54539/Before_Playing_276389b79b.png"}}}},"title":"Before Playing","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4dfd6e8501843aa35a5865676ffb875c/AD_5798058483.png","childImageSharp":{"fluid":{"src":"/static/4dfd6e8501843aa35a5865676ffb875c/54539/AD_5798058483.png"}}}},"title":"AD","is_wide":null},{"image":{"localFile":{"publicURL":"/static/527dff742dfde2e26e3a8d902abf710a/Palying_2f9fe17c12.png","childImageSharp":{"fluid":{"src":"/static/527dff742dfde2e26e3a8d902abf710a/54539/Palying_2f9fe17c12.png"}}}},"title":"Playing","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2b2ce389eb8095b524a9d23ff03c4466/Seek_5c130a129f.png","childImageSharp":{"fluid":{"src":"/static/2b2ce389eb8095b524a9d23ff03c4466/54539/Seek_5c130a129f.png"}}}},"title":"Seek","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a28de72c6bf1e022a8dfaf8d402ba8d8/Ended_5e2266a99b.png","childImageSharp":{"fluid":{"src":"/static/a28de72c6bf1e022a8dfaf8d402ba8d8/54539/Ended_5e2266a99b.png"}}}},"title":"Ended","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ef6dff9d19a1a192398c6661a9f1280a/Setting_fb9b5326eb.png","childImageSharp":{"fluid":{"src":"/static/ef6dff9d19a1a192398c6661a9f1280a/54539/Setting_fb9b5326eb.png"}}}},"title":"Setting","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d159f3e464ad12fdbf65d91be38164ec/Caption_1154e75db7.png","childImageSharp":{"fluid":{"src":"/static/d159f3e464ad12fdbf65d91be38164ec/54539/Caption_1154e75db7.png"}}}},"title":"Subtitle","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e074a4b8685462de8a9b71d61b51e68b/Error_4f941c98be.png","childImageSharp":{"fluid":{"src":"/static/e074a4b8685462de8a9b71d61b51e68b/54539/Error_4f941c98be.png"}}}},"title":"Error","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8eaf7eaa3552235cb52182915b0eea56/Thumbnail_705ed3104a.png","childImageSharp":{"fluid":{"src":"/static/8eaf7eaa3552235cb52182915b0eea56/54539/Thumbnail_705ed3104a.png"}}}},"title":"Thumnail","is_wide":null},{"image":{"localFile":{"publicURL":"/static/968e126d125a91bdbd080d3d29accb9e/Loading_511113e416.png","childImageSharp":{"fluid":{"src":"/static/968e126d125a91bdbd080d3d29accb9e/54539/Loading_511113e416.png"}}}},"title":"Loading","is_wide":null},{"image":{"localFile":{"publicURL":"/static/525f6e1495264f7277d03df47bdfac98/PIP_Mode_0cc0d17355.png","childImageSharp":{"fluid":{"src":"/static/525f6e1495264f7277d03df47bdfac98/54539/PIP_Mode_0cc0d17355.png"}}}},"title":"PIP Mode","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c2a0946dd412ea93e325c40609007d00/Before_Playing_5de86e0e77.png","childImageSharp":{"fluid":{"src":"/static/c2a0946dd412ea93e325c40609007d00/54539/Before_Playing_5de86e0e77.png"}}}},"title":"Before Playing","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1177bb7aaee6e3ad843288684ea9afac/AD_720e99ed39.png","childImageSharp":{"fluid":{"src":"/static/1177bb7aaee6e3ad843288684ea9afac/54539/AD_720e99ed39.png"}}}},"title":"AD","is_wide":null},{"image":{"localFile":{"publicURL":"/static/527dff742dfde2e26e3a8d902abf710a/Palying_12d0dd50e7.png","childImageSharp":{"fluid":{"src":"/static/527dff742dfde2e26e3a8d902abf710a/54539/Palying_12d0dd50e7.png"}}}},"title":"Playing","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bca74f1a152761f8c55b0a7bdae65c48/Seek_0b91793986.png","childImageSharp":{"fluid":{"src":"/static/bca74f1a152761f8c55b0a7bdae65c48/54539/Seek_0b91793986.png"}}}},"title":"Seek","is_wide":null},{"image":{"localFile":{"publicURL":"/static/169b3ee5777cc579a8805c4512a6c51e/Ended_7d7af7a6fa.png","childImageSharp":{"fluid":{"src":"/static/169b3ee5777cc579a8805c4512a6c51e/54539/Ended_7d7af7a6fa.png"}}}},"title":"Ended","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2bec7605c26e42964edbc4f617c9c8e3/Setting_30857a3d1a.png","childImageSharp":{"fluid":{"src":"/static/2bec7605c26e42964edbc4f617c9c8e3/54539/Setting_30857a3d1a.png"}}}},"title":"Setting","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b8d1628ba333184ed065c92df379dfab/Caption_0271462af9.png","childImageSharp":{"fluid":{"src":"/static/b8d1628ba333184ed065c92df379dfab/54539/Caption_0271462af9.png"}}}},"title":"Subtitle","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e074a4b8685462de8a9b71d61b51e68b/Error_d6c1ae479b.png","childImageSharp":{"fluid":{"src":"/static/e074a4b8685462de8a9b71d61b51e68b/54539/Error_d6c1ae479b.png"}}}},"title":"Error","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8eaf7eaa3552235cb52182915b0eea56/Thumbnail_a21187d301.png","childImageSharp":{"fluid":{"src":"/static/8eaf7eaa3552235cb52182915b0eea56/54539/Thumbnail_a21187d301.png"}}}},"title":"Thumnail","is_wide":null},{"image":{"localFile":{"publicURL":"/static/968e126d125a91bdbd080d3d29accb9e/Loading_9e75baa5c1.png","childImageSharp":{"fluid":{"src":"/static/968e126d125a91bdbd080d3d29accb9e/54539/Loading_9e75baa5c1.png"}}}},"title":"Loading","is_wide":null},{"image":{"localFile":{"publicURL":"/static/525f6e1495264f7277d03df47bdfac98/PIP_Mode_e68d5f0e52.png","childImageSharp":{"fluid":{"src":"/static/525f6e1495264f7277d03df47bdfac98/54539/PIP_Mode_e68d5f0e52.png"}}}},"title":"PIP Mode","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Theme","Element Pattern"],"tabData":[{"title":"Theme A","atomIndexes":[0,1,2,3,4,5,6,7,8,9,10]},{"title":"Theme B","atomIndexes":[11,12,13,14,15,16,17,18,19,20,21]}]}}]}},{"node":{"component_id":"LDSG_video-player_05","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d26e12b84188acadb78d8b93decac6da/Theme_A_True_c9290abaa8.png","childImageSharp":{"fluid":{"src":"/static/d26e12b84188acadb78d8b93decac6da/54539/Theme_A_True_c9290abaa8.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c01b32f158132b762ff4d96cf391c1f3/Theme_A_False_c2e2ad3433.png","childImageSharp":{"fluid":{"src":"/static/c01b32f158132b762ff4d96cf391c1f3/54539/Theme_A_False_c2e2ad3433.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d73dd9179b74ba7251842fd35cd3cacf/Theme_B_True_6902306a70.png","childImageSharp":{"fluid":{"src":"/static/d73dd9179b74ba7251842fd35cd3cacf/54539/Theme_B_True_6902306a70.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2b3656cadf6c63637768b3dc5c31fdca/Theme_B_False_a8135257e0.png","childImageSharp":{"fluid":{"src":"/static/2b3656cadf6c63637768b3dc5c31fdca/54539/Theme_B_False_a8135257e0.png"}}}},"title":"False","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Theme","Slot"],"tabData":[{"title":"Theme A","atomIndexes":[0,1]},{"title":"Theme B","atomIndexes":[2,3]}]}}]}},{"node":{"component_id":"LDSG_video-player_07","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/8e85890574ae0fb19179ee96360c386b/Theme_A_Video_Track_Move_3805db5ea0.png","childImageSharp":{"fluid":{"src":"/static/8e85890574ae0fb19179ee96360c386b/54539/Theme_A_Video_Track_Move_3805db5ea0.png"}}}},"title":"Video Track Move","is_wide":null},{"image":{"localFile":{"publicURL":"/static/54fe947edec7a0826594e0a1d5c2b0a7/Theme_A_Tap_To_Seek_449e708fb4.png","childImageSharp":{"fluid":{"src":"/static/54fe947edec7a0826594e0a1d5c2b0a7/54539/Theme_A_Tap_To_Seek_449e708fb4.png"}}}},"title":"Tap To Seek","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6583c4933a137ca0dca64d46a384f54b/Theme_A_Volume_Value_0f892267a8.png","childImageSharp":{"fluid":{"src":"/static/6583c4933a137ca0dca64d46a384f54b/54539/Theme_A_Volume_Value_0f892267a8.png"}}}},"title":"Volume Value","is_wide":null},{"image":{"localFile":{"publicURL":"/static/754c5bf8ff919b4693aec18214c83934/Theme_B_Video_Track_Move_3ff282e738.png","childImageSharp":{"fluid":{"src":"/static/754c5bf8ff919b4693aec18214c83934/54539/Theme_B_Video_Track_Move_3ff282e738.png"}}}},"title":"Video Track Move","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d1bb1a7e3c856a79547b56b52d95b670/Theme_B_Tap_To_Seek_294b2b1c91.png","childImageSharp":{"fluid":{"src":"/static/d1bb1a7e3c856a79547b56b52d95b670/54539/Theme_B_Tap_To_Seek_294b2b1c91.png"}}}},"title":"Tap To Seek","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e62b6a85f47ae938a9d5cab3978831c8/Theme_B_Volume_Value_a9fea3e3f4.png","childImageSharp":{"fluid":{"src":"/static/e62b6a85f47ae938a9d5cab3978831c8/54539/Theme_B_Volume_Value_a9fea3e3f4.png"}}}},"title":"Volume Value","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Theme","Element Pattern"],"tabData":[{"title":"Theme A","atomIndexes":[0,1,2]},{"title":"Theme B","atomIndexes":[3,4,5]}]}}]}},{"node":{"component_id":"LDSG_video-player_08","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/52bb833b67cc075176ffb2803b9bcb1a/Theme_A_Cancel_Label_With_Autoplay_ec09be80fa.png","childImageSharp":{"fluid":{"src":"/static/52bb833b67cc075176ffb2803b9bcb1a/54539/Theme_A_Cancel_Label_With_Autoplay_ec09be80fa.png"}}}},"title":"Cancel Label (With Autoplay)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4274470f9ffca98c3bb19eba66cc9608/Theme_A_Replay_Label_d613f0d96d.png","childImageSharp":{"fluid":{"src":"/static/4274470f9ffca98c3bb19eba66cc9608/54539/Theme_A_Replay_Label_d613f0d96d.png"}}}},"title":"Replay Label","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5c7ad8654036007f15a1bce663b77b5b/Theme_A_Replay_Label_Outlink_Label_3960d25aa6.png","childImageSharp":{"fluid":{"src":"/static/5c7ad8654036007f15a1bce663b77b5b/54539/Theme_A_Replay_Label_Outlink_Label_3960d25aa6.png"}}}},"title":"Replay Label + Outlink Label","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7f1c70e5e08ac7da93a747986896b69a/Theme_A_Recommended_Video_51fab5c831.png","childImageSharp":{"fluid":{"src":"/static/7f1c70e5e08ac7da93a747986896b69a/54539/Theme_A_Recommended_Video_51fab5c831.png"}}}},"title":"Recommended Video","is_wide":null},{"image":{"localFile":{"publicURL":"/static/216d27c5385abf7bded9fb29f3e7ea86/Theme_B_Cancel_Label_With_Autoplay_dce645e854.png","childImageSharp":{"fluid":{"src":"/static/216d27c5385abf7bded9fb29f3e7ea86/54539/Theme_B_Cancel_Label_With_Autoplay_dce645e854.png"}}}},"title":"Cancel Label (With Autoplay)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/77c960addc298756fe7163132a56dfe7/Theme_B_Replay_Label_4334a6e081.png","childImageSharp":{"fluid":{"src":"/static/77c960addc298756fe7163132a56dfe7/54539/Theme_B_Replay_Label_4334a6e081.png"}}}},"title":"Replay Label","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0cabaf48aeca4c1a473b0a9b5ffd560b/Theme_B_Replay_Label_Outlink_Label_93528a3f21.png","childImageSharp":{"fluid":{"src":"/static/0cabaf48aeca4c1a473b0a9b5ffd560b/54539/Theme_B_Replay_Label_Outlink_Label_93528a3f21.png"}}}},"title":"Replay Label + Outlink Label","is_wide":null},{"image":{"localFile":{"publicURL":"/static/045f8facb63bfc8b7d8641742135d74c/Theme_B_Recommended_Video_fe84f8ca69.png","childImageSharp":{"fluid":{"src":"/static/045f8facb63bfc8b7d8641742135d74c/54539/Theme_B_Recommended_Video_fe84f8ca69.png"}}}},"title":"Recommended Video","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Theme A","Element Pattern"],"tabData":[{"title":"Theme A","atomIndexes":[0,1,2,3]},{"title":"Theme B","atomIndexes":[4,5,6,7]}]}}]}},{"node":{"component_id":"type_tag_solid","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/c9de0699d47ca75486be8c98251b7e3b/solid_icon_1_c714db4b26.png","childImageSharp":{"fluid":{"src":"/static/c9de0699d47ca75486be8c98251b7e3b/ca2a2/solid_icon_1_c714db4b26.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/33a46f971799cb106e45e0b7e6957a82/solid_icon_2_987c309618.png","childImageSharp":{"fluid":{"src":"/static/33a46f971799cb106e45e0b7e6957a82/ca2a2/solid_icon_2_987c309618.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d5169929603975af9d490530819c0b5c/solid_icon_3_7707a8e7f1.png","childImageSharp":{"fluid":{"src":"/static/d5169929603975af9d490530819c0b5c/ca2a2/solid_icon_3_7707a8e7f1.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c12498bd365db2f4ba116b73b8e60330/solid_icon_4_34ac059fca.png","childImageSharp":{"fluid":{"src":"/static/c12498bd365db2f4ba116b73b8e60330/21fb3/solid_icon_4_34ac059fca.png"}}}},"title":"pill","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8aa08551d5c8b17bde38e48b1527f49b/solid_icon_5_c514867521.png","childImageSharp":{"fluid":{"src":"/static/8aa08551d5c8b17bde38e48b1527f49b/8bef3/solid_icon_5_c514867521.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2b009eaf8c7210e50bf06e5349559566/solid_icon_6_45b6c440d1.png","childImageSharp":{"fluid":{"src":"/static/2b009eaf8c7210e50bf06e5349559566/8bef3/solid_icon_6_45b6c440d1.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4b1032cc1ff6e15583b229deabfdc068/solid_icon_7_db246cc22d.png","childImageSharp":{"fluid":{"src":"/static/4b1032cc1ff6e15583b229deabfdc068/8bef3/solid_icon_7_db246cc22d.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/72bef8d1869bd1452da3c3dacea689bb/solid_icon_8_a33c9f0cb2.png","childImageSharp":{"fluid":{"src":"/static/72bef8d1869bd1452da3c3dacea689bb/67c0a/solid_icon_8_a33c9f0cb2.png"}}}},"title":"pill","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Radius"],"tabData":[{"title":"Icon","atomIndexes":[0,1,2,3]},{"title":"None Icon","atomIndexes":[4,5,6,7]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/f17722b438f61be12e09d7b25f4b4d56/Dark_Tag_solid_icon_r0_1927a3e81c.png","childImageSharp":{"fluid":{"src":"/static/f17722b438f61be12e09d7b25f4b4d56/ca2a2/Dark_Tag_solid_icon_r0_1927a3e81c.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0cea3919ffedc4235625046ce13f896c/Dark_Tag_solid_icon_r15_c9f4a3ee09.png","childImageSharp":{"fluid":{"src":"/static/0cea3919ffedc4235625046ce13f896c/ca2a2/Dark_Tag_solid_icon_r15_c9f4a3ee09.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f7af7e17a8ac9b8331bf2464e998177b/Dark_Tag_solid_icon_r30_6e596bb4a8.png","childImageSharp":{"fluid":{"src":"/static/f7af7e17a8ac9b8331bf2464e998177b/ca2a2/Dark_Tag_solid_icon_r30_6e596bb4a8.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/030c57dd6517345689ad6727a5922c60/Dark_Tag_solid_icon_rpill_aaae8cf31d.png","childImageSharp":{"fluid":{"src":"/static/030c57dd6517345689ad6727a5922c60/21fb3/Dark_Tag_solid_icon_rpill_aaae8cf31d.png"}}}},"title":"Pill","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c511068140dc00d3140404407cd72898/stroke_icon_5_bc9901942f.png","childImageSharp":{"fluid":{"src":"/static/c511068140dc00d3140404407cd72898/8bef3/stroke_icon_5_bc9901942f.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fa3fbaa86f5dc386fe2cc3ffe9562be6/Dark_Tag_solid_noneicon_r15_2667bf9227.png","childImageSharp":{"fluid":{"src":"/static/fa3fbaa86f5dc386fe2cc3ffe9562be6/8bef3/Dark_Tag_solid_noneicon_r15_2667bf9227.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/afb8fbf2337cbf5377c1ccc2177d0cf2/Dark_Tag_solid_noneicon_r30_c3215a450a.png","childImageSharp":{"fluid":{"src":"/static/afb8fbf2337cbf5377c1ccc2177d0cf2/8bef3/Dark_Tag_solid_noneicon_r30_c3215a450a.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/111683010f7f8aa721157f9be5058618/Dark_Tag_solid_noneicon_rpill_fed5566181.png","childImageSharp":{"fluid":{"src":"/static/111683010f7f8aa721157f9be5058618/67c0a/Dark_Tag_solid_noneicon_rpill_fed5566181.png"}}}},"title":"Pill","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","Radius"],"tabData":[{"title":"Icon","atomIndexes":[0,1,2,3]},{"title":"None Icon","atomIndexes":[4,5,6,7]}]}}]}},{"node":{"component_id":"type_tag_stroke","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d1f22415f617aa0cdd293697daf7829c/stroke_icon_1_bdd7727ee5.png","childImageSharp":{"fluid":{"src":"/static/d1f22415f617aa0cdd293697daf7829c/52603/stroke_icon_1_bdd7727ee5.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b842874e554c7ab476bc35149f1b41a7/stroke_icon_2_b8bca9599d.png","childImageSharp":{"fluid":{"src":"/static/b842874e554c7ab476bc35149f1b41a7/52603/stroke_icon_2_b8bca9599d.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/700823a6ab911a43f29c792e10a2e4fb/stroke_icon_3_068d9939e8.png","childImageSharp":{"fluid":{"src":"/static/700823a6ab911a43f29c792e10a2e4fb/52603/stroke_icon_3_068d9939e8.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4cac413b02e2525778a0a06c4be720a1/stroke_icon_4_4f8dba3697.png","childImageSharp":{"fluid":{"src":"/static/4cac413b02e2525778a0a06c4be720a1/132e4/stroke_icon_4_4f8dba3697.png"}}}},"title":"Pill","is_wide":null},{"image":{"localFile":{"publicURL":"/static/12da33722c82768ff3b75782a788752d/stroke_icon_5png_62f4ce1dcf.png","childImageSharp":{"fluid":{"src":"/static/12da33722c82768ff3b75782a788752d/54ebf/stroke_icon_5png_62f4ce1dcf.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7096da123c89ff22b72b6689e97f9a5b/stroke_icon_6_93b56a4a38.png","childImageSharp":{"fluid":{"src":"/static/7096da123c89ff22b72b6689e97f9a5b/59ba5/stroke_icon_6_93b56a4a38.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/282d30a3c53a7dd0b069831580489cc8/stroke_icon_7_bde9f5c489.png","childImageSharp":{"fluid":{"src":"/static/282d30a3c53a7dd0b069831580489cc8/59ba5/stroke_icon_7_bde9f5c489.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ef677a5290f63062dc663ae177b34ebb/stroke_icon_8_cdeeaf9563.png","childImageSharp":{"fluid":{"src":"/static/ef677a5290f63062dc663ae177b34ebb/074b0/stroke_icon_8_cdeeaf9563.png"}}}},"title":"Pill","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Radius"],"tabData":[{"title":"Icon","atomIndexes":[0,1,2,3]},{"title":"None Icon","atomIndexes":[4,5,6,7]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/c3a6159473e56bfcbdbdb72428fc344f/Dark_Tag_Stroke_icon_r0_542a78d89c.png","childImageSharp":{"fluid":{"src":"/static/c3a6159473e56bfcbdbdb72428fc344f/52603/Dark_Tag_Stroke_icon_r0_542a78d89c.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/df37029eeba42c825f525ce4b7f79d3c/Dark_Tag_Stroke_icon_r15_0229641540.png","childImageSharp":{"fluid":{"src":"/static/df37029eeba42c825f525ce4b7f79d3c/52603/Dark_Tag_Stroke_icon_r15_0229641540.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4bc8a703c2e0bdc682b1af933c6915e3/Dark_Tag_Stroke_icon_r30_6b00931b01.png","childImageSharp":{"fluid":{"src":"/static/4bc8a703c2e0bdc682b1af933c6915e3/52603/Dark_Tag_Stroke_icon_r30_6b00931b01.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cd7bd30ab55938eeb4904a89eda01fd8/Dark_Tag_Stroke_icon_rpill_3101c92374.png","childImageSharp":{"fluid":{"src":"/static/cd7bd30ab55938eeb4904a89eda01fd8/132e4/Dark_Tag_Stroke_icon_rpill_3101c92374.png"}}}},"title":"Pill","is_wide":null},{"image":{"localFile":{"publicURL":"/static/824122266bfdf7b98b92687bea299be5/Dark_Tag_Stroke_noneicon_r0_2ab912030e.png","childImageSharp":{"fluid":{"src":"/static/824122266bfdf7b98b92687bea299be5/54ebf/Dark_Tag_Stroke_noneicon_r0_2ab912030e.png"}}}},"title":"0","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3702f4e9ae48ddcd953047d65a154082/Dark_Tag_Stroke_noneicon_r15_562bc1a8bc.png","childImageSharp":{"fluid":{"src":"/static/3702f4e9ae48ddcd953047d65a154082/59ba5/Dark_Tag_Stroke_noneicon_r15_562bc1a8bc.png"}}}},"title":"1.5","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a7d7a9ebdd2ddf39cbc9a6075b4aea19/Dark_Tag_Stroke_noneicon_r30_b51b99edd5.png","childImageSharp":{"fluid":{"src":"/static/a7d7a9ebdd2ddf39cbc9a6075b4aea19/59ba5/Dark_Tag_Stroke_noneicon_r30_b51b99edd5.png"}}}},"title":"3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5d7187b7cf5721a545cebf97bfdc63dd/Dark_Tag_Stroke_noneicon_rpill_8d9601b206.png","childImageSharp":{"fluid":{"src":"/static/5d7187b7cf5721a545cebf97bfdc63dd/074b0/Dark_Tag_Stroke_noneicon_rpill_8d9601b206.png"}}}},"title":"Pill","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","Radius"],"tabData":[{"title":"Icon","atomIndexes":[0,1,2,3]},{"title":"None Icon","atomIndexes":[4,5,6,7]}]}}]}}],"typeSimulator3Levels":[{"node":{"component_id":"1-do-not-delete","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/f76d619a9589e9bea35ca3ce1a4397cc/img_dont_01_f3fc644015.png","childImageSharp":{"fluid":{"src":"/static/f76d619a9589e9bea35ca3ce1a4397cc/346b9/img_dont_01_f3fc644015.png"}}}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/e677aa07f35c0590ef6edd2e27cc0d02/img_dont_03_e0aafc8c40.png","childImageSharp":{"fluid":{"src":"/static/e677aa07f35c0590ef6edd2e27cc0d02/54f6b/img_dont_03_e0aafc8c40.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2b6987eddc04fbc8236e214696659f68/img_do_01_79976d86a0.png","childImageSharp":{"fluid":{"src":"/static/2b6987eddc04fbc8236e214696659f68/346b9/img_do_01_79976d86a0.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c4abd42e27136c9c493bf81d13edaf63/img_dont_02_cd9cb8669b.png","childImageSharp":{"fluid":{"src":"/static/c4abd42e27136c9c493bf81d13edaf63/54f6b/img_dont_02_cd9cb8669b.png"}}}},"title":"Inactive","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["level1","Type","State"],"tabData":[{"title":"Level1","data":[{"title":"Level2","atomIndexes":[0,1]},{"title":"Primary Blue","atomIndexes":[2,3]}]},{"title":"Level1-1","data":[{"title":"Primary Green 1","atomIndexes":[0,1]},{"title":"Primary Blue 1","atomIndexes":[2,3]}]}]}}]}},{"node":{"component_id":"Banner_PromotionBannerType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/bbe87977670ca0f7406259b7d73bb2a0/Default_Full_suare_title_description_2x_8b3c8cac4c.png","childImageSharp":{"fluid":{"src":"/static/bbe87977670ca0f7406259b7d73bb2a0/14c4d/Default_Full_suare_title_description_2x_8b3c8cac4c.png"}}}},"title":"Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e8924fdc3d228ecf541e93a1ae94a79d/Default_Full_suare_title_profile_logo_2x_6b24b52efc.png","childImageSharp":{"fluid":{"src":"/static/e8924fdc3d228ecf541e93a1ae94a79d/14c4d/Default_Full_suare_title_profile_logo_2x_6b24b52efc.png"}}}},"title":"Title + Profile Logo","is_wide":null},{"image":{"localFile":{"publicURL":"/static/65761a75340d3b9d59c81c874d957c1a/Default_Full_suare_title_sub_button_2x_cfa6d14d77.png","childImageSharp":{"fluid":{"src":"/static/65761a75340d3b9d59c81c874d957c1a/14c4d/Default_Full_suare_title_sub_button_2x_cfa6d14d77.png"}}}},"title":"Title + Sub button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/48ab5163f80e8ac5841eb99f75421451/Default_Full_suare_badge_title_2x_1ba3873a9c.png","childImageSharp":{"fluid":{"src":"/static/48ab5163f80e8ac5841eb99f75421451/14c4d/Default_Full_suare_badge_title_2x_1ba3873a9c.png"}}}},"title":"Badge + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5945a0b09ceead291106791be53c5834/Default_Full_suare_badge_title_description_2x_3f8bd60d88.png","childImageSharp":{"fluid":{"src":"/static/5945a0b09ceead291106791be53c5834/14c4d/Default_Full_suare_badge_title_description_2x_3f8bd60d88.png"}}}},"title":"Badge + Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0b7e0a825633dff1810273fa9f253c19/Default_Full_suare_badge_title_sub_button_2x_a6e4a233f2.png","childImageSharp":{"fluid":{"src":"/static/0b7e0a825633dff1810273fa9f253c19/14c4d/Default_Full_suare_badge_title_sub_button_2x_a6e4a233f2.png"}}}},"title":"Badge + Title + Sub Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4d5853ad6ab7ca8c117cb5e135627011/Default_Full_suare_caption_title_2x_80db431e88.png","childImageSharp":{"fluid":{"src":"/static/4d5853ad6ab7ca8c117cb5e135627011/14c4d/Default_Full_suare_caption_title_2x_80db431e88.png"}}}},"title":"Caption + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c50c73f7c2bf8eaeb0841b61f5906a70/Default_Full_rectangular_title_description_2x_5a3d11f0be.png","childImageSharp":{"fluid":{"src":"/static/c50c73f7c2bf8eaeb0841b61f5906a70/ad747/Default_Full_rectangular_title_description_2x_5a3d11f0be.png"}}}},"title":"Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7d6b6fb16168aa3f60c0adb0a7c61e75/Default_Full_rectangular_title_profile_logo_2x_6b349f3b56.png","childImageSharp":{"fluid":{"src":"/static/7d6b6fb16168aa3f60c0adb0a7c61e75/ad747/Default_Full_rectangular_title_profile_logo_2x_6b349f3b56.png"}}}},"title":"Title + Profile Logo","is_wide":null},{"image":{"localFile":{"publicURL":"/static/424e143c33b1e39638591fa256259b71/Default_Full_rectangular_title_sub_button_2x_2a7f7cdb2a.png","childImageSharp":{"fluid":{"src":"/static/424e143c33b1e39638591fa256259b71/ad747/Default_Full_rectangular_title_sub_button_2x_2a7f7cdb2a.png"}}}},"title":"Title + Sub button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1faece925cb4bd4d08908adcb05d97b8/Default_Full_rectangular_badge_title_2x_15b77b22fc.png","childImageSharp":{"fluid":{"src":"/static/1faece925cb4bd4d08908adcb05d97b8/ad747/Default_Full_rectangular_badge_title_2x_15b77b22fc.png"}}}},"title":"Badge + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c2e26547a4871ee9b43f70438d00b63f/Default_Full_rectangular_badge_title_description_2x_01270b7eef.png","childImageSharp":{"fluid":{"src":"/static/c2e26547a4871ee9b43f70438d00b63f/ad747/Default_Full_rectangular_badge_title_description_2x_01270b7eef.png"}}}},"title":"Badge + Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/99a5aca379386fe0f4ed2959d4611c5a/Default_Full_rectangular_badge_title_sub_button_2x_183551891d.png","childImageSharp":{"fluid":{"src":"/static/99a5aca379386fe0f4ed2959d4611c5a/ad747/Default_Full_rectangular_badge_title_sub_button_2x_183551891d.png"}}}},"title":"Badge + Title + Sub Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e8f8895093c72c52171c844f18ba076d/Default_Full_rectangular_caption_title_2x_561c57bd05.png","childImageSharp":{"fluid":{"src":"/static/e8f8895093c72c52171c844f18ba076d/ad747/Default_Full_rectangular_caption_title_2x_561c57bd05.png"}}}},"title":"Caption + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fe44af358e780548b1f0ce5e545075b7/Defulat_Box_square_title_description_2x_60acfd3131.png","childImageSharp":{"fluid":{"src":"/static/fe44af358e780548b1f0ce5e545075b7/14c4d/Defulat_Box_square_title_description_2x_60acfd3131.png"}}}},"title":"Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2fe4628075a90a719bc8ee8d05560601/Defulat_Box_square_title_profile_logo_2x_a913638492.png","childImageSharp":{"fluid":{"src":"/static/2fe4628075a90a719bc8ee8d05560601/14c4d/Defulat_Box_square_title_profile_logo_2x_a913638492.png"}}}},"title":"Title + Profile Logo","is_wide":null},{"image":{"localFile":{"publicURL":"/static/522e5e0e9a89a1fb8a6ec6898e12f7aa/Defulat_Box_square_title_sub_button_2x_b039e4428c.png","childImageSharp":{"fluid":{"src":"/static/522e5e0e9a89a1fb8a6ec6898e12f7aa/14c4d/Defulat_Box_square_title_sub_button_2x_b039e4428c.png"}}}},"title":"Title + Sub button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b7b2628bc76852e83add2599d90ff241/Defulat_Box_square_badge_title_2x_b4dfdb2f9a.png","childImageSharp":{"fluid":{"src":"/static/b7b2628bc76852e83add2599d90ff241/14c4d/Defulat_Box_square_badge_title_2x_b4dfdb2f9a.png"}}}},"title":"Badge + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8b7a63c3c4cd923d5817509781ae8c7b/Defulat_Box_square_badge_title_description_2x_41f8f74bd0.png","childImageSharp":{"fluid":{"src":"/static/8b7a63c3c4cd923d5817509781ae8c7b/14c4d/Defulat_Box_square_badge_title_description_2x_41f8f74bd0.png"}}}},"title":"Badge + Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5f27ecd835eb6e92af4e5114be9583c1/Defulat_Box_square_badge_title_sub_button_2x_d3a81582e7.png","childImageSharp":{"fluid":{"src":"/static/5f27ecd835eb6e92af4e5114be9583c1/14c4d/Defulat_Box_square_badge_title_sub_button_2x_d3a81582e7.png"}}}},"title":"Badge + Title + Sub Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c9c1ffed12b92621c93286ebdad4fd7b/Defulat_Box_square_caption_title_2x_11cd33fbec.png","childImageSharp":{"fluid":{"src":"/static/c9c1ffed12b92621c93286ebdad4fd7b/14c4d/Defulat_Box_square_caption_title_2x_11cd33fbec.png"}}}},"title":"Caption + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7783bfe767e0b428d28d41a5c1dcb2c0/Defualt_Box_rectagular_title_description_2x_9cacabafe1.png","childImageSharp":{"fluid":{"src":"/static/7783bfe767e0b428d28d41a5c1dcb2c0/14c4d/Defualt_Box_rectagular_title_description_2x_9cacabafe1.png"}}}},"title":"Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d324836b57a79c663af590012dd65020/Defualt_Box_rectagular_title_profile_logo_2x_fc45a962e3.png","childImageSharp":{"fluid":{"src":"/static/d324836b57a79c663af590012dd65020/14c4d/Defualt_Box_rectagular_title_profile_logo_2x_fc45a962e3.png"}}}},"title":"Title + Profile Logo","is_wide":null},{"image":{"localFile":{"publicURL":"/static/826c372bc9ba59840cadaacc368ee7d6/Defualt_Box_rectagular_title_sub_button_2x_a93b837d42.png","childImageSharp":{"fluid":{"src":"/static/826c372bc9ba59840cadaacc368ee7d6/14c4d/Defualt_Box_rectagular_title_sub_button_2x_a93b837d42.png"}}}},"title":"Title + Sub button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f790f438041f997133306086b94f1bc/Defualt_Box_rectagular_badge_title_2x_38c2de0221.png","childImageSharp":{"fluid":{"src":"/static/0f790f438041f997133306086b94f1bc/14c4d/Defualt_Box_rectagular_badge_title_2x_38c2de0221.png"}}}},"title":"Badge + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f5559d1956cd27093db6321f7e4c41ae/Defualt_Box_rectagular_badge_title_description_2x_f1f5d34267.png","childImageSharp":{"fluid":{"src":"/static/f5559d1956cd27093db6321f7e4c41ae/14c4d/Defualt_Box_rectagular_badge_title_description_2x_f1f5d34267.png"}}}},"title":"Badge + Title + Description","is_wide":null},{"image":{"localFile":{"publicURL":"/static/02f5a61a3da293b2ee985415518b4d54/Defualt_Box_rectagular_badge_title_sub_button_2x_b711d777f4.png","childImageSharp":{"fluid":{"src":"/static/02f5a61a3da293b2ee985415518b4d54/14c4d/Defualt_Box_rectagular_badge_title_sub_button_2x_b711d777f4.png"}}}},"title":"Badge + Title + Sub Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/07a3462ce5bff2c59044c5f2a81b7897/Defualt_Box_rectagular_caption_title_2x_acacc47ae5.png","childImageSharp":{"fluid":{"src":"/static/07a3462ce5bff2c59044c5f2a81b7897/14c4d/Defualt_Box_rectagular_caption_title_2x_acacc47ae5.png"}}}},"title":"Caption + Title","is_wide":null},{"image":{"localFile":{"publicURL":"/static/95262acb7985f6f78cc372cff72cd306/img_type_promotion_small_text_6cdb6eea98.png","childImageSharp":{"fluid":{"src":"/static/95262acb7985f6f78cc372cff72cd306/44d34/img_type_promotion_small_text_6cdb6eea98.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b5360eab0d3a17e86450931a995adbc2/img_type_promotion_small_img_3ce9027e96.png","childImageSharp":{"fluid":{"src":"/static/b5360eab0d3a17e86450931a995adbc2/44d34/img_type_promotion_small_img_3ce9027e96.png"}}}},"title":"Text","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type","Image Area","Content Area"],"tabData":[{"title":"Default","data":[{"title":"Full Image(Square)","atomIndexes":[0,1,2,3,4,5,6]},{"title":"Full Image(Rectangular)","atomIndexes":[7,8,9,10,11,12,13]},{"title":"Box Image(Square)","atomIndexes":[14,15,16,17,18,19,20]},{"title":"Box Image(Rectangular)","atomIndexes":[21,22,23,24,25,26,27]}]},{"title":"Small","data":[{"title":"None","atomIndexes":[28]},{"title":"Image","atomIndexes":[29]}]}]}}]}},{"node":{"component_id":"Banner_SmartCHBannerType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/75bdc1cd434c842f7e7c8a9a9362020c/img_type_smartch_default_text_light_a7d5940d5e.png","childImageSharp":{"fluid":{"src":"/static/75bdc1cd434c842f7e7c8a9a9362020c/44d34/img_type_smartch_default_text_light_a7d5940d5e.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8030ee806b198c8701cf25bd362f5e33/banner_default_1_light_2x_c5a5d51139.png","childImageSharp":{"fluid":{"src":"/static/8030ee806b198c8701cf25bd362f5e33/54539/banner_default_1_light_2x_c5a5d51139.png"}}}},"title":"Full Image(Sqaure)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2fc1b8ee87498249240b4889070ef578/banner_default_3_light_2x_414b95c337.png","childImageSharp":{"fluid":{"src":"/static/2fc1b8ee87498249240b4889070ef578/54539/banner_default_3_light_2x_414b95c337.png"}}}},"title":"Full Image(Rectangular)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/727ba54ff2cbfef8a5414207991b1287/banner_default_2_light_2x_f3fbda09a0.png","childImageSharp":{"fluid":{"src":"/static/727ba54ff2cbfef8a5414207991b1287/54539/banner_default_2_light_2x_f3fbda09a0.png"}}}},"title":"Box Image(Sqaure)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bfc863c00e1dfacdf07db20bd5d17e6d/banner_default_4_light_2x_659f5339fb.png","childImageSharp":{"fluid":{"src":"/static/bfc863c00e1dfacdf07db20bd5d17e6d/54539/banner_default_4_light_2x_659f5339fb.png"}}}},"title":"Box Image(Rectangular)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/09c0f9f3794d4b36c08875f863d5a0e8/banner_default_5_light_2x_c187053031.png","childImageSharp":{"fluid":{"src":"/static/09c0f9f3794d4b36c08875f863d5a0e8/54539/banner_default_5_light_2x_c187053031.png"}}}},"title":"Beacon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/87d76388843886776bbce9d5ac7f1dcb/img_type_smartch_default_empty_light_b52dd7f43b.png","childImageSharp":{"fluid":{"src":"/static/87d76388843886776bbce9d5ac7f1dcb/44d34/img_type_smartch_default_empty_light_b52dd7f43b.png"}}}},"title":"Empty","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f24aa984522f3b46ba487f7a67c741f0/img_type_smartch_default_loading_light_0f74711be1.png","childImageSharp":{"fluid":{"src":"/static/f24aa984522f3b46ba487f7a67c741f0/44d34/img_type_smartch_default_loading_light_0f74711be1.png"}}}},"title":"Loading","is_wide":null},{"image":{"localFile":{"publicURL":"/static/253f2cf94a90b3ce618e03343c486997/Media_image_only_folding_2x_3f541fac15.png","childImageSharp":{"fluid":{"src":"/static/253f2cf94a90b3ce618e03343c486997/54539/Media_image_only_folding_2x_3f541fac15.png"}}}},"title":"Folding","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3f4fee82be5eea590bd10a7cc7200a26/Media_image_only_expand_palying_2x_7011d9fbd9.png","childImageSharp":{"fluid":{"src":"/static/3f4fee82be5eea590bd10a7cc7200a26/54539/Media_image_only_expand_palying_2x_7011d9fbd9.png"}}}},"title":"Expand(Playing)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b1d1203a067f92f95ba19f4450db9c4f/Media_image_only_expand_control_2x_cca0f584f5.png","childImageSharp":{"fluid":{"src":"/static/b1d1203a067f92f95ba19f4450db9c4f/54539/Media_image_only_expand_control_2x_cca0f584f5.png"}}}},"title":"Expand(Control)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aa03ed3c505850fad874fa4f50bdc30a/img_type_smartch_news_text_light_b2e2e25567.png","childImageSharp":{"fluid":{"src":"/static/aa03ed3c505850fad874fa4f50bdc30a/44d34/img_type_smartch_news_text_light_b2e2e25567.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c00a9e8c26b00ec2911a322321e3963a/banner_instant_light_2x_d6896e8841.png","childImageSharp":{"fluid":{"src":"/static/c00a9e8c26b00ec2911a322321e3963a/54539/banner_instant_light_2x_d6896e8841.png"}}}},"title":"Box(Square)","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Content Area","Image Area"],"tabData":[{"title":"Default Type","data":[{"title":"Text Only","atomIndexes":[0]},{"title":"Text + Image","atomIndexes":[1,2,3,4,5]},{"title":"Empty & Loading","atomIndexes":[6,7]}]},{"title":"Media Type","data":[{"title":"Image Only","atomIndexes":[8,9,10]}]},{"title":"Instant News","data":[{"title":"Text","atomIndexes":[11,12]}]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/065f4308d0f5878b1a8949626913374d/img_type_smartch_default_text_dark_9da7efd556.png","childImageSharp":{"fluid":{"src":"/static/065f4308d0f5878b1a8949626913374d/44d34/img_type_smartch_default_text_dark_9da7efd556.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5108f5cae4a620d811827e7ba54874fb/img_type_smartch_default_textimg_type_fullimgsquare_dark_283903244f.png","childImageSharp":{"fluid":{"src":"/static/5108f5cae4a620d811827e7ba54874fb/44d34/img_type_smartch_default_textimg_type_fullimgsquare_dark_283903244f.png"}}}},"title":"Full Image(Sqaure)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/94a704e32012b895243ee364c6af9556/banner_default_3_dark_2x_d03d3e1af8.png","childImageSharp":{"fluid":{"src":"/static/94a704e32012b895243ee364c6af9556/54539/banner_default_3_dark_2x_d03d3e1af8.png"}}}},"title":"Full Image(Rectangular)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/97ff2ccf7465aa2c5261c5ee3fa02767/banner_default_2_dark_2x_9695a9008c.png","childImageSharp":{"fluid":{"src":"/static/97ff2ccf7465aa2c5261c5ee3fa02767/54539/banner_default_2_dark_2x_9695a9008c.png"}}}},"title":"Box Image(Sqaure)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4a2139c38fe617d8ff98b4e9edff52a9/banner_default_4_dark_2x_a90b4188c5.png","childImageSharp":{"fluid":{"src":"/static/4a2139c38fe617d8ff98b4e9edff52a9/54539/banner_default_4_dark_2x_a90b4188c5.png"}}}},"title":"Box Image(Rectangular)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/56b1f6cebb38cb3862844df780b9d03a/banner_default_5_dark_2x_f8ca26687a.png","childImageSharp":{"fluid":{"src":"/static/56b1f6cebb38cb3862844df780b9d03a/54539/banner_default_5_dark_2x_f8ca26687a.png"}}}},"title":"Beacon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/31486eadf0ef336b948ca176d15ee4d5/img_type_smartch_default_empty_dark_7d3ced35d3.png","childImageSharp":{"fluid":{"src":"/static/31486eadf0ef336b948ca176d15ee4d5/44d34/img_type_smartch_default_empty_dark_7d3ced35d3.png"}}}},"title":"Empty","is_wide":null},{"image":{"localFile":{"publicURL":"/static/782f27eb3a102c47973b60f76cadd59c/img_type_smartch_default_loading_dark_b682565811.png","childImageSharp":{"fluid":{"src":"/static/782f27eb3a102c47973b60f76cadd59c/44d34/img_type_smartch_default_loading_dark_b682565811.png"}}}},"title":"Loading","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5512da8d9aeab8eb7f9adabb4efe3970/Media_image_only_folding_dark_2x_c0721bfbec.png","childImageSharp":{"fluid":{"src":"/static/5512da8d9aeab8eb7f9adabb4efe3970/54539/Media_image_only_folding_dark_2x_c0721bfbec.png"}}}},"title":"Folding","is_wide":null},{"image":{"localFile":{"publicURL":"/static/01c938a88fb497ceca169965f6cdd8b4/Media_image_only_expand_palying_dark_2x_f8bbe8eec9.png","childImageSharp":{"fluid":{"src":"/static/01c938a88fb497ceca169965f6cdd8b4/54539/Media_image_only_expand_palying_dark_2x_f8bbe8eec9.png"}}}},"title":"Expand(Playing)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7b06da76afc200f87f13267d432bb7e7/Media_image_only_expand_control_dark_2x_b830fd8a4b.png","childImageSharp":{"fluid":{"src":"/static/7b06da76afc200f87f13267d432bb7e7/54539/Media_image_only_expand_control_dark_2x_b830fd8a4b.png"}}}},"title":"Expand(Control)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/91473c633389129e108f4f652b8127d9/img_type_smartch_news_text_dark_dd8346859c.png","childImageSharp":{"fluid":{"src":"/static/91473c633389129e108f4f652b8127d9/44d34/img_type_smartch_news_text_dark_dd8346859c.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/82dc6a25307b4c9e4f1613c945dcd4f7/banner_instant_dark_2x_24b9a599a2.png","childImageSharp":{"fluid":{"src":"/static/82dc6a25307b4c9e4f1613c945dcd4f7/54539/banner_instant_dark_2x_24b9a599a2.png"}}}},"title":"Box(Square)","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Content Area","Image Area"],"tabData":[{"title":"Default Type","data":[{"title":"Text Only","atomIndexes":[0]},{"title":"Text + Image","atomIndexes":[1,2,3,4,5]},{"title":"Empty & Loading","atomIndexes":[6,7]}]},{"title":"Media Type","data":[{"title":"Image Only","atomIndexes":[8,9,10]}]},{"title":"Instant News","data":[{"title":"Text","atomIndexes":[11,12]}]}]}}]}},{"node":{"component_id":"BottomNavigation_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/d80b1b8c82b874cd502cb587ef96be29/Bottom_Navigation_Simulator_1_df88e7f7ea.png","childImageSharp":{"fluid":{"src":"/static/d80b1b8c82b874cd502cb587ef96be29/54f6b/Bottom_Navigation_Simulator_1_df88e7f7ea.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/768698f8c4814efd56e8e648773d996f/Bottom_Navigation_Simulator_7_0c180a3f0f.png","childImageSharp":{"fluid":{"src":"/static/768698f8c4814efd56e8e648773d996f/54f6b/Bottom_Navigation_Simulator_7_0c180a3f0f.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7b1c4005bbea639aff6f07abcf22fbd2/Bottom_Navigation_Simulator_2_f7d48a8663.png","childImageSharp":{"fluid":{"src":"/static/7b1c4005bbea639aff6f07abcf22fbd2/54f6b/Bottom_Navigation_Simulator_2_f7d48a8663.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/63ffb7cc76dd81544a3407ca92c16aad/Bottom_Navigation_Simulator_8_a793da8d75.png","childImageSharp":{"fluid":{"src":"/static/63ffb7cc76dd81544a3407ca92c16aad/54f6b/Bottom_Navigation_Simulator_8_a793da8d75.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e50bf4119f121c1f262e7c3dcaaf9f84/Bottom_Navigation_Simulator_3_8106a5cc60.png","childImageSharp":{"fluid":{"src":"/static/e50bf4119f121c1f262e7c3dcaaf9f84/54f6b/Bottom_Navigation_Simulator_3_8106a5cc60.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/424c71cfc4229e947a298ba3b9984f67/Bottom_Navigation_Simulator_9_f58b1e6539.png","childImageSharp":{"fluid":{"src":"/static/424c71cfc4229e947a298ba3b9984f67/54f6b/Bottom_Navigation_Simulator_9_f58b1e6539.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c51e9f31e89b34a593624d86ff47263f/Bottom_Navigation_Simulator_4_98edca0c4e.png","childImageSharp":{"fluid":{"src":"/static/c51e9f31e89b34a593624d86ff47263f/54f6b/Bottom_Navigation_Simulator_4_98edca0c4e.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d91a6d3d4a273aeb9a664bb03c74fa39/Bottom_Navigation_Simulator_10_6682c98284.png","childImageSharp":{"fluid":{"src":"/static/d91a6d3d4a273aeb9a664bb03c74fa39/54f6b/Bottom_Navigation_Simulator_10_6682c98284.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/186b1141fb8b7d239d1ae822eb51a288/Bottom_Navigation_Simulator_5_afb77d8ed0.png","childImageSharp":{"fluid":{"src":"/static/186b1141fb8b7d239d1ae822eb51a288/54f6b/Bottom_Navigation_Simulator_5_afb77d8ed0.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1f7e3573fae836665e72f3aeb5b12129/Bottom_Navigation_Simulator_11_ed29891408.png","childImageSharp":{"fluid":{"src":"/static/1f7e3573fae836665e72f3aeb5b12129/54f6b/Bottom_Navigation_Simulator_11_ed29891408.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d11baf406871596e1be146ab76e78242/Bottom_Navigation_Simulator_6_8ebae868a9.png","childImageSharp":{"fluid":{"src":"/static/d11baf406871596e1be146ab76e78242/54f6b/Bottom_Navigation_Simulator_6_8ebae868a9.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4b1a7f6414698403db0b10813b9d8eca/Bottom_Navigation_Simulator_12_761b57e64c.png","childImageSharp":{"fluid":{"src":"/static/4b1a7f6414698403db0b10813b9d8eca/54f6b/Bottom_Navigation_Simulator_12_761b57e64c.png"}}}},"title":"Dot","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Image Type","Text Type"],"tabData":[{"title":"Iphone 8","data":[{"title":"3Button","atomIndexes":[0,1]},{"title":"4Button","atomIndexes":[2,3]},{"title":"5Button","atomIndexes":[4,5]}]},{"title":"Iphone X","data":[{"title":"3Button","atomIndexes":[6,7]},{"title":"4Button","atomIndexes":[8,9]},{"title":"5Button","atomIndexes":[10,11]}]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/333da662b87ea1f6c953f5b9073bb321/D_Bottom_Navigation_Simulator_1_d09d1ab77f.png","childImageSharp":{"fluid":{"src":"/static/333da662b87ea1f6c953f5b9073bb321/54f6b/D_Bottom_Navigation_Simulator_1_d09d1ab77f.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5a3e9896745f19bad234256559f4e9c0/D_Bottom_Navigation_Simulator_7_d32a55ea98.png","childImageSharp":{"fluid":{"src":"/static/5a3e9896745f19bad234256559f4e9c0/54f6b/D_Bottom_Navigation_Simulator_7_d32a55ea98.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3ae38f30d3ff67a30c30b6d282777e72/D_Bottom_Navigation_Simulator_2_a6857947df.png","childImageSharp":{"fluid":{"src":"/static/3ae38f30d3ff67a30c30b6d282777e72/54f6b/D_Bottom_Navigation_Simulator_2_a6857947df.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/51cab010a25345adf1603cf55f9c3dca/D_Bottom_Navigation_Simulator_8_61c3ea5594.png","childImageSharp":{"fluid":{"src":"/static/51cab010a25345adf1603cf55f9c3dca/54f6b/D_Bottom_Navigation_Simulator_8_61c3ea5594.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/317081d714736e7756a333572208f2ba/D_Bottom_Navigation_Simulator_3_58bbe53a18.png","childImageSharp":{"fluid":{"src":"/static/317081d714736e7756a333572208f2ba/54f6b/D_Bottom_Navigation_Simulator_3_58bbe53a18.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8261e0d25973e50692b49c7af07cc96d/D_Bottom_Navigation_Simulator_9_55d805255d.png","childImageSharp":{"fluid":{"src":"/static/8261e0d25973e50692b49c7af07cc96d/54f6b/D_Bottom_Navigation_Simulator_9_55d805255d.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/56873f0c57073e5c407978a33e66b40d/D_Bottom_Navigation_Simulator_4_7efda0b50e.png","childImageSharp":{"fluid":{"src":"/static/56873f0c57073e5c407978a33e66b40d/54f6b/D_Bottom_Navigation_Simulator_4_7efda0b50e.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4410a60576f364b22d8ccbd03df98870/D_Bottom_Navigation_Simulator_10_976699a493.png","childImageSharp":{"fluid":{"src":"/static/4410a60576f364b22d8ccbd03df98870/54f6b/D_Bottom_Navigation_Simulator_10_976699a493.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5d480fdd19f7b55e8edcf3093984514d/D_Bottom_Navigation_Simulator_5_f4aafbbe5f.png","childImageSharp":{"fluid":{"src":"/static/5d480fdd19f7b55e8edcf3093984514d/54f6b/D_Bottom_Navigation_Simulator_5_f4aafbbe5f.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f2a2aa104ebbe4160541bd3a79db7aaf/D_Bottom_Navigation_Simulator_11_96517f576c.png","childImageSharp":{"fluid":{"src":"/static/f2a2aa104ebbe4160541bd3a79db7aaf/54f6b/D_Bottom_Navigation_Simulator_11_96517f576c.png"}}}},"title":"Dot","is_wide":null},{"image":{"localFile":{"publicURL":"/static/422f8f2d4c84ba511f6eeba3051cccad/D_Bottom_Navigation_Simulator_6_66c39427c0.png","childImageSharp":{"fluid":{"src":"/static/422f8f2d4c84ba511f6eeba3051cccad/54f6b/D_Bottom_Navigation_Simulator_6_66c39427c0.png"}}}},"title":"Number","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5fc8492131f83868d56cb7b0e3994201/D_Bottom_Navigation_Simulator_12_0bbd358e90.png","childImageSharp":{"fluid":{"src":"/static/5fc8492131f83868d56cb7b0e3994201/54f6b/D_Bottom_Navigation_Simulator_12_0bbd358e90.png"}}}},"title":"Dot","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Image Type","Text Type"],"tabData":[{"title":"Iphone 8","data":[{"title":"3Button","atomIndexes":[0,1]},{"title":"4Button","atomIndexes":[2,3]},{"title":"5Button","atomIndexes":[4,5]}]},{"title":"Iphone X","data":[{"title":"3Button","atomIndexes":[6,7]},{"title":"4Button","atomIndexes":[8,9]},{"title":"5Button","atomIndexes":[10,11]}]}]}}]}},{"node":{"component_id":"Progress_LinearType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/769405f593cbdc5b43a0120c4035d944/img_types_linear_icon_small_progress_light_bb716b6bf7.png","childImageSharp":{"fluid":{"src":"/static/769405f593cbdc5b43a0120c4035d944/44d34/img_types_linear_icon_small_progress_light_bb716b6bf7.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fde67de96a2c815909a048cd6ea9942c/img_types_linear_icon_small_error_light_b78d30fd4f.png","childImageSharp":{"fluid":{"src":"/static/fde67de96a2c815909a048cd6ea9942c/44d34/img_types_linear_icon_small_error_light_b78d30fd4f.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8115cfb63875ecba2214084898fbbf05/img_types_linear_img_large_progress_light_b56f97c711.png","childImageSharp":{"fluid":{"src":"/static/8115cfb63875ecba2214084898fbbf05/52711/img_types_linear_img_large_progress_light_b56f97c711.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/35e32d903c28243b7c6edb32faded80e/img_types_linear_icon_large_error_light_c4a666af81.png","childImageSharp":{"fluid":{"src":"/static/35e32d903c28243b7c6edb32faded80e/52711/img_types_linear_icon_large_error_light_c4a666af81.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ea85d96833937218ae8aea16e5e49163/progress_indicator_small_1_light_2x_8bae52bb4c.png","childImageSharp":{"fluid":{"src":"/static/ea85d96833937218ae8aea16e5e49163/c9953/progress_indicator_small_1_light_2x_8bae52bb4c.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4d483bb5e0fd82811e23689ef1c181c5/progress_indicator_small_2_light_2x_4ab48e9728.png","childImageSharp":{"fluid":{"src":"/static/4d483bb5e0fd82811e23689ef1c181c5/c9953/progress_indicator_small_2_light_2x_4ab48e9728.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ea3a3251611179547308b80664898e4a/progress_indicator_large_1_light_2x_d5beeea54c.png","childImageSharp":{"fluid":{"src":"/static/ea3a3251611179547308b80664898e4a/fa23c/progress_indicator_large_1_light_2x_d5beeea54c.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ec98544235c3715ad9581bb7f56d7200/progress_indicator_large_2_light_2x_d3dde69ce2.png","childImageSharp":{"fluid":{"src":"/static/ec98544235c3715ad9581bb7f56d7200/fa23c/progress_indicator_large_2_light_2x_d3dde69ce2.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b4dc053de588141e5e144fd962798f93/simulator_progress_s_icon_1_4b8595d198.png","childImageSharp":{"fluid":{"src":"/static/b4dc053de588141e5e144fd962798f93/73f08/simulator_progress_s_icon_1_4b8595d198.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/81422debbe0191a8c94d77c5626b709b/simulator_progress_s_icon_2_79d1dc2961.png","childImageSharp":{"fluid":{"src":"/static/81422debbe0191a8c94d77c5626b709b/73f08/simulator_progress_s_icon_2_79d1dc2961.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8d18f5fbaab75bb5730cdb127a7ce4d0/simulator_progress_l_icon_1_915e46fe9a.png","childImageSharp":{"fluid":{"src":"/static/8d18f5fbaab75bb5730cdb127a7ce4d0/73f08/simulator_progress_l_icon_1_915e46fe9a.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/20fe91a0332f6a209fb1a59339d04f5a/simulator_progress_l_icon_2_544947b77d.png","childImageSharp":{"fluid":{"src":"/static/20fe91a0332f6a209fb1a59339d04f5a/73f08/simulator_progress_l_icon_2_544947b77d.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b77ad7ba73aed3e1866c054d00ba618a/simulator_progress_s_img_1_1ad3d712bf.png","childImageSharp":{"fluid":{"src":"/static/b77ad7ba73aed3e1866c054d00ba618a/73f08/simulator_progress_s_img_1_1ad3d712bf.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4970fd962f71d9ec3950c7b4266222e3/simulator_progress_s_img_2_dfec1e7d4b.png","childImageSharp":{"fluid":{"src":"/static/4970fd962f71d9ec3950c7b4266222e3/73f08/simulator_progress_s_img_2_dfec1e7d4b.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/62badc045e5a7c0f2541c328a63a311d/simulator_progress_l_img_1_8f70c8de3f.png","childImageSharp":{"fluid":{"src":"/static/62badc045e5a7c0f2541c328a63a311d/73f08/simulator_progress_l_img_1_8f70c8de3f.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9bebeb28a7bbfdefcf44825572caffee/simulator_progress_l_img_2_6e5b0501a5.png","childImageSharp":{"fluid":{"src":"/static/9bebeb28a7bbfdefcf44825572caffee/73f08/simulator_progress_l_img_2_6e5b0501a5.png"}}}},"title":"Error & Retry","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Size","Progress Case"],"tabData":[{"title":"Icon","data":[{"title":"Small","atomIndexes":[0,1]},{"title":"Large","atomIndexes":[2,3]}]},{"title":"Image","data":[{"title":"Small","atomIndexes":[4,5]},{"title":"Large","atomIndexes":[6,7]}]},{"title":"Icon Floating","data":[{"title":"Small","atomIndexes":[8,9]},{"title":"Large","atomIndexes":[10,11]}]},{"title":"Imgae Floating","data":[{"title":"Small","atomIndexes":[12,13]},{"title":"Large","atomIndexes":[14,15]}]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/6dbdc2ca1f412cc417a47e088fe1a6a3/img_types_linear_icon_small_progress_dark_2c2089c7f2.png","childImageSharp":{"fluid":{"src":"/static/6dbdc2ca1f412cc417a47e088fe1a6a3/44d34/img_types_linear_icon_small_progress_dark_2c2089c7f2.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/dbfaae416df2c101cb6aee10f6d0bfd8/img_types_linear_icon_small_error_dark_5b1091935b.png","childImageSharp":{"fluid":{"src":"/static/dbfaae416df2c101cb6aee10f6d0bfd8/44d34/img_types_linear_icon_small_error_dark_5b1091935b.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4fd3a2378456f97bb949cdbc6e644641/img_types_linear_icon_large_progress_dark_10121b740d.png","childImageSharp":{"fluid":{"src":"/static/4fd3a2378456f97bb949cdbc6e644641/52711/img_types_linear_icon_large_progress_dark_10121b740d.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b14949f644cd98fdbb84e9f2b86351ba/img_types_linear_icon_large_error_dark_39a534ab8f.png","childImageSharp":{"fluid":{"src":"/static/b14949f644cd98fdbb84e9f2b86351ba/52711/img_types_linear_icon_large_error_dark_39a534ab8f.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b53d5219a169295851ae1110239d4326/progress_indicator_small_1_dark_2x_2c7047bfb4.png","childImageSharp":{"fluid":{"src":"/static/b53d5219a169295851ae1110239d4326/c9953/progress_indicator_small_1_dark_2x_2c7047bfb4.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/44e23f997d471f0e3bb59cb2beb9713b/progress_indicator_small_2_dark_2x_0016c66343.png","childImageSharp":{"fluid":{"src":"/static/44e23f997d471f0e3bb59cb2beb9713b/c9953/progress_indicator_small_2_dark_2x_0016c66343.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/398b0236d4da379b7d5d26bc11d9b2e5/progress_indicator_large_1_dark_2x_dbf40f4624.png","childImageSharp":{"fluid":{"src":"/static/398b0236d4da379b7d5d26bc11d9b2e5/fa23c/progress_indicator_large_1_dark_2x_dbf40f4624.png"}}}},"title":"Progres","is_wide":null},{"image":{"localFile":{"publicURL":"/static/59a441a45d9b818d91a11d7495f87e2f/progress_indicator_large_2_dark_2x_f9b510cd02.png","childImageSharp":{"fluid":{"src":"/static/59a441a45d9b818d91a11d7495f87e2f/fa23c/progress_indicator_large_2_dark_2x_f9b510cd02.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c956eac82c12facb291185854ad47f5e/simulator_progress_s_icon_3_26a719a90f.png","childImageSharp":{"fluid":{"src":"/static/c956eac82c12facb291185854ad47f5e/73f08/simulator_progress_s_icon_3_26a719a90f.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2c02b2b0c1226946726822880957b522/simulator_progress_s_icon_4_ebf8136407.png","childImageSharp":{"fluid":{"src":"/static/2c02b2b0c1226946726822880957b522/73f08/simulator_progress_s_icon_4_ebf8136407.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2ff3876fdc3a0e1ed091d6f2944db0a7/simulator_progress_l_icon_3_11555c5300.png","childImageSharp":{"fluid":{"src":"/static/2ff3876fdc3a0e1ed091d6f2944db0a7/73f08/simulator_progress_l_icon_3_11555c5300.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f99a98bd9cb5082cf1cc4c12d946a8a5/simulator_progress_l_icon_4_eadc2b5e07.png","childImageSharp":{"fluid":{"src":"/static/f99a98bd9cb5082cf1cc4c12d946a8a5/73f08/simulator_progress_l_icon_4_eadc2b5e07.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/08d2ffc9048b5f600cec635b53764e39/simulator_progress_s_img_3_8f3fd80ef5.png","childImageSharp":{"fluid":{"src":"/static/08d2ffc9048b5f600cec635b53764e39/73f08/simulator_progress_s_img_3_8f3fd80ef5.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5e3f21a522282dd3fbde65b257513aec/simulator_progress_s_img_4_7623e0b816.png","childImageSharp":{"fluid":{"src":"/static/5e3f21a522282dd3fbde65b257513aec/73f08/simulator_progress_s_img_4_7623e0b816.png"}}}},"title":"Error & Retry","is_wide":null},{"image":{"localFile":{"publicURL":"/static/59394b55af4cc53cccf02ec9d709d1b7/simulator_progress_l_img_3_af720e1e74.png","childImageSharp":{"fluid":{"src":"/static/59394b55af4cc53cccf02ec9d709d1b7/73f08/simulator_progress_l_img_3_af720e1e74.png"}}}},"title":"Progress","is_wide":null},{"image":{"localFile":{"publicURL":"/static/abcc05e87c5af09de9248d3127422015/simulator_progress_l_img_4_116ca7c156.png","childImageSharp":{"fluid":{"src":"/static/abcc05e87c5af09de9248d3127422015/73f08/simulator_progress_l_img_4_116ca7c156.png"}}}},"title":"Error & Retry","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Size","Progress Case"],"tabData":[{"title":"Icon","data":[{"title":"Small","atomIndexes":[0,1]},{"title":"Large","atomIndexes":[2,3]}]},{"title":"Image","data":[{"title":"Small","atomIndexes":[4,5]},{"title":"Large","atomIndexes":[6,7]}]},{"title":"Icon Floating","data":[{"title":"Small","atomIndexes":[8,9]},{"title":"Large","atomIndexes":[10,11]}]},{"title":"Imgae Floating","data":[{"title":"Small","atomIndexes":[12,13]},{"title":"Large","atomIndexes":[14,15]}]}]}}]}},{"node":{"component_id":"Profile_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/77d1b96717b25e3fc8918a7b6c577cd4/profile_single_1_2x_0f8766f997.png","childImageSharp":{"fluid":{"src":"/static/77d1b96717b25e3fc8918a7b6c577cd4/b0a4a/profile_single_1_2x_0f8766f997.png"}}}},"title":"Story ring","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e8d3e1d5115cdbac4199d2361aaf46fe/profile_single_2_2x_6ac7308aa5.png","childImageSharp":{"fluid":{"src":"/static/e8d3e1d5115cdbac4199d2361aaf46fe/b0a4a/profile_single_2_2x_6ac7308aa5.png"}}}},"title":"Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/891104a84552db9ff5c8d667e730e8c2/profile_single_3_2x_b75c0949e2.png","childImageSharp":{"fluid":{"src":"/static/891104a84552db9ff5c8d667e730e8c2/b0a4a/profile_single_3_2x_b75c0949e2.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f9d5870a3733020dbf5a16727dd63d61/profile_single_4_2x_2c0a3f65cc.png","childImageSharp":{"fluid":{"src":"/static/f9d5870a3733020dbf5a16727dd63d61/b0a4a/profile_single_4_2x_2c0a3f65cc.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a69fa5f978417e338d075582c985a41b/img_single_noimg_sroty_174855505b.png","childImageSharp":{"fluid":{"src":"/static/a69fa5f978417e338d075582c985a41b/98bc3/img_single_noimg_sroty_174855505b.png"}}}},"title":"Story ring","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a4d118a00d352c7a8f992476792d58ba/img_single_noimg_badge_5f46eb82b7.png","childImageSharp":{"fluid":{"src":"/static/a4d118a00d352c7a8f992476792d58ba/98bc3/img_single_noimg_badge_5f46eb82b7.png"}}}},"title":"Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/97c57accc401a73ac2804a2f71791a06/img_single_noimg_icon_5770c2124c.png","childImageSharp":{"fluid":{"src":"/static/97c57accc401a73ac2804a2f71791a06/98bc3/img_single_noimg_icon_5770c2124c.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/af0ee1967e3101fada004d432e9442e5/img_single_noimg_none_5ec890849a.png","childImageSharp":{"fluid":{"src":"/static/af0ee1967e3101fada004d432e9442e5/98bc3/img_single_noimg_none_5ec890849a.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c45e0e5100e4128bc6e72ace42f86fe0/profile_multi_1_2x_7c0cdb7e91.png","childImageSharp":{"fluid":{"src":"/static/c45e0e5100e4128bc6e72ace42f86fe0/b0a4a/profile_multi_1_2x_7c0cdb7e91.png"}}}},"title":"Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c951d740b51c92d9be4af37ce942f061/profile_multi_2_2x_35fb45b1f0.png","childImageSharp":{"fluid":{"src":"/static/c951d740b51c92d9be4af37ce942f061/b0a4a/profile_multi_2_2x_35fb45b1f0.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c034a184d9d25a525958a6adc187804c/profile_multi_3_2x_f9a47d9def.png","childImageSharp":{"fluid":{"src":"/static/c034a184d9d25a525958a6adc187804c/b0a4a/profile_multi_3_2x_f9a47d9def.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a266d54b9d6b64a7d35a674bd1227223/img_multy_noimg_badge_888e0ba000.png","childImageSharp":{"fluid":{"src":"/static/a266d54b9d6b64a7d35a674bd1227223/98bc3/img_multy_noimg_badge_888e0ba000.png"}}}},"title":"Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d201888fa974fb7784142636a72665f2/img_multy_noimg_icon_2b1b3a600d.png","childImageSharp":{"fluid":{"src":"/static/d201888fa974fb7784142636a72665f2/98bc3/img_multy_noimg_icon_2b1b3a600d.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ba049b0261b2931deb788f8de31ea76c/img_multy_noimg_none_0477f5794c.png","childImageSharp":{"fluid":{"src":"/static/ba049b0261b2931deb788f8de31ea76c/98bc3/img_multy_noimg_none_0477f5794c.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/26420b2decef0cacd0574e05bea24dfe/profile_group_1_2x_9265029a75.png","childImageSharp":{"fluid":{"src":"/static/26420b2decef0cacd0574e05bea24dfe/b0a4a/profile_group_1_2x_9265029a75.png"}}}},"title":"Friends, Chat list","is_wide":null},{"image":{"localFile":{"publicURL":"/static/59702ba962431d2582bc8ce0014e573f/profile_group_2_2x_9bb7ba7ca0.png","childImageSharp":{"fluid":{"src":"/static/59702ba962431d2582bc8ce0014e573f/b0a4a/profile_group_2_2x_9bb7ba7ca0.png"}}}},"title":"Chatroom","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e5cc2953a8fd0fbf142c793bc3923a6b/noimg_grouped_noimg_list_1b19c6f327.png","childImageSharp":{"fluid":{"src":"/static/e5cc2953a8fd0fbf142c793bc3923a6b/98bc3/noimg_grouped_noimg_list_1b19c6f327.png"}}}},"title":"Friends, Chat list","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5204cb98c57775b22e66582da1bb6275/noimg_grouped_noimg_chatroom_fd57676f37.png","childImageSharp":{"fluid":{"src":"/static/5204cb98c57775b22e66582da1bb6275/98bc3/noimg_grouped_noimg_chatroom_fd57676f37.png"}}}},"title":"Chatroom","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type","Image Area","More Option"],"tabData":[{"title":"Single","data":[{"title":"Image","atomIndexes":[0,1,2,3]},{"title":"Default(No-image)","atomIndexes":[4,5,6,7]}]},{"title":"Multiparty","data":[{"title":"Image","atomIndexes":[8,9,10]},{"title":"Default(No-image)","atomIndexes":[11,12,13]}]},{"title":"Grouped","data":[{"title":"Image","atomIndexes":[14,15]},{"title":"Default(No-image)","atomIndexes":[16,17]}]}]}}]}},{"node":{"component_id":"TopNav_RegularType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/86fb11e3e828f1a22f61770832c288df/img_type_regular_text_icon_light_1_e46ef7cd15.png","childImageSharp":{"fluid":{"src":"/static/86fb11e3e828f1a22f61770832c288df/319bd/img_type_regular_text_icon_light_1_e46ef7cd15.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/dae4d855a62f438bf93f1194d8a04529/img_type_regular_text_icontext_light_6ee3326a0a.png","childImageSharp":{"fluid":{"src":"/static/dae4d855a62f438bf93f1194d8a04529/319bd/img_type_regular_text_icontext_light_6ee3326a0a.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/09c3fef9686b624965429b6411e95666/img_type_regular_text_text_light_18540ee683.png","childImageSharp":{"fluid":{"src":"/static/09c3fef9686b624965429b6411e95666/319bd/img_type_regular_text_text_light_18540ee683.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1845886352bd4db387df67d443b6bb71/img_type_regular_profile_icon_light_a04270e9e4.png","childImageSharp":{"fluid":{"src":"/static/1845886352bd4db387df67d443b6bb71/319bd/img_type_regular_profile_icon_light_a04270e9e4.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b4ad60c6cccecba5ca485d8cc32de376/img_type_regular_profile_icontext_light_3bea8634d5.png","childImageSharp":{"fluid":{"src":"/static/b4ad60c6cccecba5ca485d8cc32de376/319bd/img_type_regular_profile_icontext_light_3bea8634d5.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/efdcebc116a600c4824853927513f6a8/img_type_regular_profile_text_light_ba984faa7c.png","childImageSharp":{"fluid":{"src":"/static/efdcebc116a600c4824853927513f6a8/319bd/img_type_regular_profile_text_light_ba984faa7c.png"}}}},"title":"Text","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Title Area","Button Area"],"tabData":[{"title":"Text","data":null},{"title":"Profile","data":null}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/e741986275b97c37a3757fa1c607fe69/img_type_regular_text_icon_dark_a8059adb6f.png","childImageSharp":{"fluid":{"src":"/static/e741986275b97c37a3757fa1c607fe69/319bd/img_type_regular_text_icon_dark_a8059adb6f.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0d51db0a7a131e3608c1e9201e3629bb/img_type_regular_text_icontext_dark_b443b8a5f5.png","childImageSharp":{"fluid":{"src":"/static/0d51db0a7a131e3608c1e9201e3629bb/319bd/img_type_regular_text_icontext_dark_b443b8a5f5.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4eb8a96fd480d7ce477f979fd681eaf2/img_type_regular_text_text_dark_f40c6ff4ab.png","childImageSharp":{"fluid":{"src":"/static/4eb8a96fd480d7ce477f979fd681eaf2/319bd/img_type_regular_text_text_dark_f40c6ff4ab.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e3d55f72c62ac020775101890517e179/img_type_regular_profile_icon_dark_633fd4b51e.png","childImageSharp":{"fluid":{"src":"/static/e3d55f72c62ac020775101890517e179/319bd/img_type_regular_profile_icon_dark_633fd4b51e.png"}}}},"title":"Icon","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ceda69bbe81b231b617b8e02b62ee685/img_type_regular_profile_icontext_dark_b979e82008.png","childImageSharp":{"fluid":{"src":"/static/ceda69bbe81b231b617b8e02b62ee685/319bd/img_type_regular_profile_icontext_dark_b979e82008.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7cc43a83f480b02ecb78ed9a75107b14/img_type_regular_profile_text_dark_3eff13ef90.png","childImageSharp":{"fluid":{"src":"/static/7cc43a83f480b02ecb78ed9a75107b14/319bd/img_type_regular_profile_text_dark_3eff13ef90.png"}}}},"title":"Text","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Title Area","Button Area"],"tabData":[{"title":"Text","data":null},{"title":"Profile","data":null}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/b6b90fe6583f33391f6187811906c0f6/img_type_regular_text_icon_dim_overlay_37434ef738.png","childImageSharp":{"fluid":{"src":"/static/b6b90fe6583f33391f6187811906c0f6/319bd/img_type_regular_text_icon_dim_overlay_37434ef738.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cd0a3a1e94983fc039700311b5f61c0c/img_type_regular_text_icon_transparent_overlay_7bd51d18f5.png","childImageSharp":{"fluid":{"src":"/static/cd0a3a1e94983fc039700311b5f61c0c/319bd/img_type_regular_text_icon_transparent_overlay_7bd51d18f5.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7ea3b22829b5280c4775f3c927709c26/img_type_regular_text_icontext_dim_overlay_334a13d59c.png","childImageSharp":{"fluid":{"src":"/static/7ea3b22829b5280c4775f3c927709c26/319bd/img_type_regular_text_icontext_dim_overlay_334a13d59c.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/525e2046464719cf5443ad4a70b754fc/img_type_regular_text_icontext_transparent_overlay_fe49cebcce.png","childImageSharp":{"fluid":{"src":"/static/525e2046464719cf5443ad4a70b754fc/319bd/img_type_regular_text_icontext_transparent_overlay_fe49cebcce.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/20745fd9423bb5e59069edc4edbf93a6/img_type_regular_text_text_dim_overlay_a72c61fdb4.png","childImageSharp":{"fluid":{"src":"/static/20745fd9423bb5e59069edc4edbf93a6/319bd/img_type_regular_text_text_dim_overlay_a72c61fdb4.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d6dd21b21fc816a73dfb62bc92341393/img_type_regular_text_text_transparent_overlay_7de3e15002.png","childImageSharp":{"fluid":{"src":"/static/d6dd21b21fc816a73dfb62bc92341393/319bd/img_type_regular_text_text_transparent_overlay_7de3e15002.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c49b9d6faa8d9cee42b589e0e384386c/img_type_regular_textmenu_icon_dim_overlay_dcd4e5991f.png","childImageSharp":{"fluid":{"src":"/static/c49b9d6faa8d9cee42b589e0e384386c/319bd/img_type_regular_textmenu_icon_dim_overlay_dcd4e5991f.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5dc2a12d4ca0ae0cdfb0416993faf439/img_type_regular_textmenu_icon_transparent_overlay_1629fa2dfb.png","childImageSharp":{"fluid":{"src":"/static/5dc2a12d4ca0ae0cdfb0416993faf439/319bd/img_type_regular_textmenu_icon_transparent_overlay_1629fa2dfb.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0aaa56b5273090f0b6a30935b58d29df/img_type_regular_textmenu_icontext_dim_overlay_c8b347ac3f.png","childImageSharp":{"fluid":{"src":"/static/0aaa56b5273090f0b6a30935b58d29df/319bd/img_type_regular_textmenu_icontext_dim_overlay_c8b347ac3f.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e68dfc93569e7d1a8f96bd6e9d80804c/img_type_regular_textmenu_icontext_transparent_overlay_8b031341f9.png","childImageSharp":{"fluid":{"src":"/static/e68dfc93569e7d1a8f96bd6e9d80804c/319bd/img_type_regular_textmenu_icontext_transparent_overlay_8b031341f9.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d1df43bc301de59bc42ae5eb7516f398/img_type_regular_textmenu_text_dim_overlay_7e311ded90.png","childImageSharp":{"fluid":{"src":"/static/d1df43bc301de59bc42ae5eb7516f398/319bd/img_type_regular_textmenu_text_dim_overlay_7e311ded90.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/25e265753112617a0e6ff87b324fbe6c/img_type_regular_textmenu_text_transparent_overlay_4979fda98c.png","childImageSharp":{"fluid":{"src":"/static/25e265753112617a0e6ff87b324fbe6c/319bd/img_type_regular_textmenu_text_transparent_overlay_4979fda98c.png"}}}},"title":"Transparent","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Title Area","Button Area","Button Area"],"tabData":[{"title":"Text","data":[{"title":"Icon","atomIndexes":[0,1]},{"title":"Icon + Text","atomIndexes":[2,3]},{"title":"Text","atomIndexes":[4,5]}]},{"title":"Text + Menu","data":[{"title":"Icon","atomIndexes":[6,7]},{"title":"Icon + Text","atomIndexes":[8,9]},{"title":"Text","atomIndexes":[10,11]}]}]}}]}},{"node":{"component_id":"TopNav_RegularType_Overlay","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/c1e3678740d45109f28b2c6e431cc527/small_img_type_regular_text_icon_dim_overlay_d7b229eddd_f97146c91e.png","childImageSharp":{"fluid":{"src":"/static/c1e3678740d45109f28b2c6e431cc527/bb15e/small_img_type_regular_text_icon_dim_overlay_d7b229eddd_f97146c91e.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ca7391152ce10f55467e62e0020cbb77/small_img_type_regular_text_icon_transparent_overlay_e6229459db_6b0c047f8e.png","childImageSharp":{"fluid":{"src":"/static/ca7391152ce10f55467e62e0020cbb77/bb15e/small_img_type_regular_text_icon_transparent_overlay_e6229459db_6b0c047f8e.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5ecc6f77be7442ef60cdcbec63cebc3f/small_img_type_regular_text_icontext_dim_overlay_b0bd23ec19_74cc4ba2ca.png","childImageSharp":{"fluid":{"src":"/static/5ecc6f77be7442ef60cdcbec63cebc3f/bb15e/small_img_type_regular_text_icontext_dim_overlay_b0bd23ec19_74cc4ba2ca.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2507256fe3b9295da464e5bf7416a7dd/small_img_type_regular_text_icontext_transparent_overlay_52321b8238_21394d18d0.png","childImageSharp":{"fluid":{"src":"/static/2507256fe3b9295da464e5bf7416a7dd/bb15e/small_img_type_regular_text_icontext_transparent_overlay_52321b8238_21394d18d0.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2f453ba3cb7e47dbaa8941b77ff74890/small_img_type_regular_text_text_dim_overlay_7fe8f1e7e6_0ce1d6068f.png","childImageSharp":{"fluid":{"src":"/static/2f453ba3cb7e47dbaa8941b77ff74890/bb15e/small_img_type_regular_text_text_dim_overlay_7fe8f1e7e6_0ce1d6068f.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b25944000552dc53c6fcb6a8a08806c3/small_img_type_regular_text_text_transparent_overlay_b4d8b4ef98_78a9c76518.png","childImageSharp":{"fluid":{"src":"/static/b25944000552dc53c6fcb6a8a08806c3/bb15e/small_img_type_regular_text_text_transparent_overlay_b4d8b4ef98_78a9c76518.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/05eab6ca4a44f6d866725fece388acaa/small_img_type_regular_textmenu_icon_dim_overlay_6948f6458a_26ac5c4eb4.png","childImageSharp":{"fluid":{"src":"/static/05eab6ca4a44f6d866725fece388acaa/bb15e/small_img_type_regular_textmenu_icon_dim_overlay_6948f6458a_26ac5c4eb4.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/96389913729c2764e32ad8910b3c5eaf/small_img_type_regular_textmenu_icon_transparent_overlay_c59d51f994_194de5ce0b.png","childImageSharp":{"fluid":{"src":"/static/96389913729c2764e32ad8910b3c5eaf/bb15e/small_img_type_regular_textmenu_icon_transparent_overlay_c59d51f994_194de5ce0b.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/76505053e4c2f5b23b102c8062c914d2/small_img_type_regular_textmenu_icontext_dim_overlay_3fbf8c8cba_aa5b5f6039.png","childImageSharp":{"fluid":{"src":"/static/76505053e4c2f5b23b102c8062c914d2/bb15e/small_img_type_regular_textmenu_icontext_dim_overlay_3fbf8c8cba_aa5b5f6039.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ea3d2318a5994a2e53fa9012c0bf0c4b/small_img_type_regular_textmenu_icontext_transparent_overlay_6329c508e7_99b0dde832.png","childImageSharp":{"fluid":{"src":"/static/ea3d2318a5994a2e53fa9012c0bf0c4b/bb15e/small_img_type_regular_textmenu_icontext_transparent_overlay_6329c508e7_99b0dde832.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/329e181d08b4ec67723bebfebfa034b3/small_img_type_regular_textmenu_text_dim_overlay_14c18b4b32_fa0a83bb30.png","childImageSharp":{"fluid":{"src":"/static/329e181d08b4ec67723bebfebfa034b3/bb15e/small_img_type_regular_textmenu_text_dim_overlay_14c18b4b32_fa0a83bb30.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1602a0ab3fb020177e93802df531f11a/small_img_type_regular_textmenu_text_transparent_overlay_dad0d5eae6_7387e4f24a.png","childImageSharp":{"fluid":{"src":"/static/1602a0ab3fb020177e93802df531f11a/bb15e/small_img_type_regular_textmenu_text_transparent_overlay_dad0d5eae6_7387e4f24a.png"}}}},"title":"Transparent","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Title Area","Button Area","Button Area"],"tabData":[{"title":"Text","data":[{"title":"Icon","atomIndexes":[0,1]},{"title":"Icon + Text","atomIndexes":[2,3]},{"title":"Text","atomIndexes":[4,5]}]},{"title":"Text + Menu","data":[{"title":"Icon","atomIndexes":[6,7]},{"title":"Icon + Text","atomIndexes":[8,9]},{"title":"Text","atomIndexes":[10,11]}]}]}}]}},{"node":{"component_id":"Box_Button","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/7528a081f97e37d55480706f36537c25/type_solid_green_f8c64948ba.png","childImageSharp":{"fluid":{"src":"/static/7528a081f97e37d55480706f36537c25/54539/type_solid_green_f8c64948ba.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0fbc2386d95fc78440268f4a7906f375/type_solid_green_e4d3b7e91a.png","childImageSharp":{"fluid":{"src":"/static/0fbc2386d95fc78440268f4a7906f375/54539/type_solid_green_e4d3b7e91a.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0ffe6274654495e6d6d58999f9be3728/states_solid_inactive_d9120d0755.png","childImageSharp":{"fluid":{"src":"/static/0ffe6274654495e6d6d58999f9be3728/54539/states_solid_inactive_d9120d0755.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/779f4dde836f24aa321c832bfd4c7cd9/states_solid_inactive_bd6b9f0fc4.png","childImageSharp":{"fluid":{"src":"/static/779f4dde836f24aa321c832bfd4c7cd9/54539/states_solid_inactive_bd6b9f0fc4.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/32966e4c8822eb440d9783ac42c1f68f/type_solid_red_508f388513.png","childImageSharp":{"fluid":{"src":"/static/32966e4c8822eb440d9783ac42c1f68f/54539/type_solid_red_508f388513.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/35246b23f2a27f40836d4d7ac0e3138b/type_solid_red_1f6c4c53f3.png","childImageSharp":{"fluid":{"src":"/static/35246b23f2a27f40836d4d7ac0e3138b/54539/type_solid_red_1f6c4c53f3.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0ffe6274654495e6d6d58999f9be3728/states_solid_inactive_19c5abefaf.png","childImageSharp":{"fluid":{"src":"/static/0ffe6274654495e6d6d58999f9be3728/54539/states_solid_inactive_19c5abefaf.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/779f4dde836f24aa321c832bfd4c7cd9/states_solid_inactive_0b4e15568e.png","childImageSharp":{"fluid":{"src":"/static/779f4dde836f24aa321c832bfd4c7cd9/54539/states_solid_inactive_0b4e15568e.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c3cc8c9241cb8fc9822ecaeae34f4cf9/type_outline_green_4538cc171a.png","childImageSharp":{"fluid":{"src":"/static/c3cc8c9241cb8fc9822ecaeae34f4cf9/54539/type_outline_green_4538cc171a.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a3b891bad170efcb1d62b79b9b5612e7/type_outline_green_3383bf0a8c.png","childImageSharp":{"fluid":{"src":"/static/a3b891bad170efcb1d62b79b9b5612e7/54539/type_outline_green_3383bf0a8c.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5e1aaab31e4803421a65571d55af943a/states_outline_inactive_d6316bf531.png","childImageSharp":{"fluid":{"src":"/static/5e1aaab31e4803421a65571d55af943a/54539/states_outline_inactive_d6316bf531.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3d177ccf5a544c596ff251e8b381a5e9/states_outline_inactive_6585fd004d.png","childImageSharp":{"fluid":{"src":"/static/3d177ccf5a544c596ff251e8b381a5e9/54539/states_outline_inactive_6585fd004d.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/186dc6068bc48afaa0d03a2bb0773513/type_outline_gray_de18d4ac0d.png","childImageSharp":{"fluid":{"src":"/static/186dc6068bc48afaa0d03a2bb0773513/54539/type_outline_gray_de18d4ac0d.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a339fd2ad71a5e5ac7776c7c1e746990/type_outline_gray_e9cf4b58e6.png","childImageSharp":{"fluid":{"src":"/static/a339fd2ad71a5e5ac7776c7c1e746990/54539/type_outline_gray_e9cf4b58e6.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5e1aaab31e4803421a65571d55af943a/states_outline_inactive_726feb1a3c.png","childImageSharp":{"fluid":{"src":"/static/5e1aaab31e4803421a65571d55af943a/54539/states_outline_inactive_726feb1a3c.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3d177ccf5a544c596ff251e8b381a5e9/states_outline_inactive_ee28150193.png","childImageSharp":{"fluid":{"src":"/static/3d177ccf5a544c596ff251e8b381a5e9/54539/states_outline_inactive_ee28150193.png"}}}},"title":"Icon + Text","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","States","Label Area"],"tabData":[{"title":"Solid Button (Green)","data":[{"title":"Active","atomIndexes":[0,1]},{"title":"Inactive","atomIndexes":[2,3]}]},{"title":"Solid Button (Red)","data":[{"title":"Active","atomIndexes":[4,5]},{"title":"Inactive","atomIndexes":[6,7]}]},{"title":"Outline Button (Green)","data":[{"title":"Active","atomIndexes":[8,9]},{"title":"Inactive","atomIndexes":[10,11]}]},{"title":"Outline Button (Gray)","data":[{"title":"Active","atomIndexes":[12,13]},{"title":"Inactive","atomIndexes":[14,15]}]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/364a3d786430ae2c22e7af7d6e6e4d84/type_solid_green_1183a77e61.png","childImageSharp":{"fluid":{"src":"/static/364a3d786430ae2c22e7af7d6e6e4d84/54539/type_solid_green_1183a77e61.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7f00eda48e09f4fdd291bfd9a2151090/type_solid_green_9c0c3bb8d1.png","childImageSharp":{"fluid":{"src":"/static/7f00eda48e09f4fdd291bfd9a2151090/54539/type_solid_green_9c0c3bb8d1.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/01f3d18fb4a2d009b8fc70c94752c017/states_solid_9f188624aa.png","childImageSharp":{"fluid":{"src":"/static/01f3d18fb4a2d009b8fc70c94752c017/54539/states_solid_9f188624aa.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b4abeb355ec6137f74588f542c1a14b6/states_solid_d0f359aeb0.png","childImageSharp":{"fluid":{"src":"/static/b4abeb355ec6137f74588f542c1a14b6/54539/states_solid_d0f359aeb0.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2bd33725af966c1a08ff9aab27dfbad3/type_solid_red_a152cde666.png","childImageSharp":{"fluid":{"src":"/static/2bd33725af966c1a08ff9aab27dfbad3/54539/type_solid_red_a152cde666.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9b22d0ab111e138e0110521e03d07903/type_solid_red_46a2452e26.png","childImageSharp":{"fluid":{"src":"/static/9b22d0ab111e138e0110521e03d07903/54539/type_solid_red_46a2452e26.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/01f3d18fb4a2d009b8fc70c94752c017/states_solid_66940b2f92.png","childImageSharp":{"fluid":{"src":"/static/01f3d18fb4a2d009b8fc70c94752c017/54539/states_solid_66940b2f92.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b4abeb355ec6137f74588f542c1a14b6/states_solid_beddc58d71.png","childImageSharp":{"fluid":{"src":"/static/b4abeb355ec6137f74588f542c1a14b6/54539/states_solid_beddc58d71.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0c8bbffe461395046bd2920bff49274a/type_outline_green_ffc46bdcb4.png","childImageSharp":{"fluid":{"src":"/static/0c8bbffe461395046bd2920bff49274a/54539/type_outline_green_ffc46bdcb4.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/69808e87f6edc89e603ba0346e5d2bbc/type_outline_green_112c901bea.png","childImageSharp":{"fluid":{"src":"/static/69808e87f6edc89e603ba0346e5d2bbc/54539/type_outline_green_112c901bea.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2a78636269f183b0540754ed926c3a13/states_outline_72ddb20f84.png","childImageSharp":{"fluid":{"src":"/static/2a78636269f183b0540754ed926c3a13/54539/states_outline_72ddb20f84.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/36f6e06bff45e6e48f3dfca4ed7922ad/states_outline_8a647af4b2.png","childImageSharp":{"fluid":{"src":"/static/36f6e06bff45e6e48f3dfca4ed7922ad/54539/states_outline_8a647af4b2.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aee1980d4f0c16d225d90a6e55243ecd/type_outline_gray_fa4562e480.png","childImageSharp":{"fluid":{"src":"/static/aee1980d4f0c16d225d90a6e55243ecd/54539/type_outline_gray_fa4562e480.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/13f74a6151e1af44893991132eb66d45/type_outline_gray_89d1240805.png","childImageSharp":{"fluid":{"src":"/static/13f74a6151e1af44893991132eb66d45/54539/type_outline_gray_89d1240805.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2a78636269f183b0540754ed926c3a13/states_outline_612ce1a12b.png","childImageSharp":{"fluid":{"src":"/static/2a78636269f183b0540754ed926c3a13/54539/states_outline_612ce1a12b.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/36f6e06bff45e6e48f3dfca4ed7922ad/states_outline_8e0b46a2bb.png","childImageSharp":{"fluid":{"src":"/static/36f6e06bff45e6e48f3dfca4ed7922ad/54539/states_outline_8e0b46a2bb.png"}}}},"title":"Icon + Text","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type","States","Label Area"],"tabData":[{"title":"Solid Button (Green)","data":[{"title":"Active","atomIndexes":[0,1]},{"title":"Inactive","atomIndexes":[2,3]}]},{"title":"Solid Button (Red)","data":[{"title":"Active","atomIndexes":[4,5]},{"title":"Inactive","atomIndexes":[6,7]}]},{"title":"Outline Button (Green)","data":[{"title":"Active","atomIndexes":[8,9]},{"title":"Inactive","atomIndexes":[10,11]}]},{"title":"Outline Button (Gray)","data":[{"title":"Active","atomIndexes":[12,13]},{"title":"Inactive","atomIndexes":[14,15]}]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/124747829909ca56c471ea59ff844d7b/type_solid_green_5de048d7b9.png","childImageSharp":{"fluid":{"src":"/static/124747829909ca56c471ea59ff844d7b/54539/type_solid_green_5de048d7b9.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3973ace3754f4a81d573aa16b8c41dca/type_solid_green_f86468fb75.png","childImageSharp":{"fluid":{"src":"/static/3973ace3754f4a81d573aa16b8c41dca/54539/type_solid_green_f86468fb75.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7b10e0a575db10bdb977d71ce82c035b/states_solid_0eacfc4c36.png","childImageSharp":{"fluid":{"src":"/static/7b10e0a575db10bdb977d71ce82c035b/54539/states_solid_0eacfc4c36.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b6e8e24350396cc2df6d0baf8a1122ad/states_solid_a405b7c64d.png","childImageSharp":{"fluid":{"src":"/static/b6e8e24350396cc2df6d0baf8a1122ad/54539/states_solid_a405b7c64d.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/66eb6241b5418fa5de9e81346bdb4f74/type_solid_red_b5ddff7421.png","childImageSharp":{"fluid":{"src":"/static/66eb6241b5418fa5de9e81346bdb4f74/54539/type_solid_red_b5ddff7421.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8d54138f4ea7a2f3f42fae562b56a3f2/type_solid_red_ed2c6cb47d.png","childImageSharp":{"fluid":{"src":"/static/8d54138f4ea7a2f3f42fae562b56a3f2/54539/type_solid_red_ed2c6cb47d.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7b10e0a575db10bdb977d71ce82c035b/states_solid_2d6d92bfe1.png","childImageSharp":{"fluid":{"src":"/static/7b10e0a575db10bdb977d71ce82c035b/54539/states_solid_2d6d92bfe1.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b6e8e24350396cc2df6d0baf8a1122ad/states_solid_62a9c907d1.png","childImageSharp":{"fluid":{"src":"/static/b6e8e24350396cc2df6d0baf8a1122ad/54539/states_solid_62a9c907d1.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a7f117a97d2a24017fe01acfadb0eb85/type_outline_green_368d4d0763.png","childImageSharp":{"fluid":{"src":"/static/a7f117a97d2a24017fe01acfadb0eb85/54539/type_outline_green_368d4d0763.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/603c08a383a78ac76498a0f4af86755f/type_outline_green_4248efb379.png","childImageSharp":{"fluid":{"src":"/static/603c08a383a78ac76498a0f4af86755f/54539/type_outline_green_4248efb379.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f2a906c122da20af3f7f3dbec0d005ab/states_outline_4c910a4bb9.png","childImageSharp":{"fluid":{"src":"/static/f2a906c122da20af3f7f3dbec0d005ab/54539/states_outline_4c910a4bb9.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/99870bdb304dd67dd653a17568067b85/states_outline_dc60a143a1.png","childImageSharp":{"fluid":{"src":"/static/99870bdb304dd67dd653a17568067b85/54539/states_outline_dc60a143a1.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/904c0a515f4edcf1d3d71991b3811a09/type_outline_gray_b747216b39.png","childImageSharp":{"fluid":{"src":"/static/904c0a515f4edcf1d3d71991b3811a09/54539/type_outline_gray_b747216b39.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d678ce595c5fabaa6a729b5c6359af46/type_outline_gray_6207ab33b2.png","childImageSharp":{"fluid":{"src":"/static/d678ce595c5fabaa6a729b5c6359af46/54539/type_outline_gray_6207ab33b2.png"}}}},"title":"Icon + Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f2a906c122da20af3f7f3dbec0d005ab/states_outline_9e959ddbed.png","childImageSharp":{"fluid":{"src":"/static/f2a906c122da20af3f7f3dbec0d005ab/54539/states_outline_9e959ddbed.png"}}}},"title":"Text only","is_wide":null},{"image":{"localFile":{"publicURL":"/static/99870bdb304dd67dd653a17568067b85/states_outline_6661ddf383.png","childImageSharp":{"fluid":{"src":"/static/99870bdb304dd67dd653a17568067b85/54539/states_outline_6661ddf383.png"}}}},"title":"Icon + Text","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","States","Label Area"],"tabData":[{"title":"Solid Button (Green)","data":[{"title":"Active","atomIndexes":[0,1]},{"title":"Inactive","atomIndexes":[2,3]}]},{"title":"Solid Button (Red)","data":[{"title":"Active","atomIndexes":[4,5]},{"title":"Inactive","atomIndexes":[6,7]}]},{"title":"Outline Button (Green)","data":[{"title":"Active","atomIndexes":[8,9]},{"title":"Inactive","atomIndexes":[10,11]}]},{"title":"Outline Button (Gray)","data":[{"title":"Active","atomIndexes":[12,13]},{"title":"Inactive","atomIndexes":[14,15]}]}]}}]}},{"node":{"component_id":"LDSG_Bottom-Sheet_04","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/328907e1539a4ab65b2dc3a65d35722f/Normal_None_With_Title_Left_1c514eb8a8.png","childImageSharp":{"fluid":{"src":"/static/328907e1539a4ab65b2dc3a65d35722f/54539/Normal_None_With_Title_Left_1c514eb8a8.png"}}}},"title":"Left","is_wide":null},{"image":{"localFile":{"publicURL":"/static/27cf8f65d102a96dcd4d0ed860976d96/Normal_None_With_Title_Cbeter_5efc1be605.png","childImageSharp":{"fluid":{"src":"/static/27cf8f65d102a96dcd4d0ed860976d96/54539/Normal_None_With_Title_Cbeter_5efc1be605.png"}}}},"title":"Center","is_wide":null},{"image":{"localFile":{"publicURL":"/static/471048037ab07568e1fd3aa8392fe8e8/Normal_None_Without_Title_Left_a94e4bf649.png","childImageSharp":{"fluid":{"src":"/static/471048037ab07568e1fd3aa8392fe8e8/54539/Normal_None_Without_Title_Left_a94e4bf649.png"}}}},"title":"Left","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f30bbe0c37e85674f95eb7e0c012cb84/Normal_None_Without_Title_Center_a325055e74.png","childImageSharp":{"fluid":{"src":"/static/f30bbe0c37e85674f95eb7e0c012cb84/54539/Normal_None_Without_Title_Center_a325055e74.png"}}}},"title":"Center","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8cb7aed115194532e0e7d826a0297d0d/Tap_With_Title_Left_f796674e0c.png","childImageSharp":{"fluid":{"src":"/static/8cb7aed115194532e0e7d826a0297d0d/54539/Tap_With_Title_Left_f796674e0c.png"}}}},"title":"Left","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7623ae05ec05aa39332d76b40d92afba/Tap_With_Title_Center_13d59629c9.png","childImageSharp":{"fluid":{"src":"/static/7623ae05ec05aa39332d76b40d92afba/54539/Tap_With_Title_Center_13d59629c9.png"}}}},"title":"Center","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9c7b464d5919ea088abaae7a825077d6/Tap_Without_Title_Left_3f14a23454.png","childImageSharp":{"fluid":{"src":"/static/9c7b464d5919ea088abaae7a825077d6/54539/Tap_Without_Title_Left_3f14a23454.png"}}}},"title":"Left","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3e2bbbea4a5644ba6acec77eb0535993/Tap_Without_Title_Center_89d2b0812b.png","childImageSharp":{"fluid":{"src":"/static/3e2bbbea4a5644ba6acec77eb0535993/54539/Tap_Without_Title_Center_89d2b0812b.png"}}}},"title":"Center","is_wide":null},{"image":{"localFile":{"publicURL":"/static/916f911b6198a7d29a7d9a97319db4eb/Search_With_Title_Left_8ffaff9a4b.png","childImageSharp":{"fluid":{"src":"/static/916f911b6198a7d29a7d9a97319db4eb/54539/Search_With_Title_Left_8ffaff9a4b.png"}}}},"title":"Left","is_wide":null},{"image":{"localFile":{"publicURL":"/static/adc948ae19ad319564f99d3a3a24fbd1/Search_With_Title_Center_ae48b93532.png","childImageSharp":{"fluid":{"src":"/static/adc948ae19ad319564f99d3a3a24fbd1/54539/Search_With_Title_Center_ae48b93532.png"}}}},"title":"Center","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f74213bbd48cbc19191d617cb023d467/Search_Without_Title_Left_0008b545b2.png","childImageSharp":{"fluid":{"src":"/static/f74213bbd48cbc19191d617cb023d467/54539/Search_Without_Title_Left_0008b545b2.png"}}}},"title":"Left","is_wide":null},{"image":{"localFile":{"publicURL":"/static/844e2343342df6abf40cc3168c9dfea5/Search_Without_Title_Center_17aaad47a6.png","childImageSharp":{"fluid":{"src":"/static/844e2343342df6abf40cc3168c9dfea5/54539/Search_Without_Title_Center_17aaad47a6.png"}}}},"title":"Center","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Additional Component","Title","Title Position"],"tabData":[{"title":"None","data":[{"title":"With Title","atomIndexes":[0,1]},{"title":"Without Title","atomIndexes":[2,3]}]},{"title":"Tap","data":[{"title":"With Title","atomIndexes":[4,5]},{"title":"Without Title","atomIndexes":[6,7]}]},{"title":"Search","data":[{"title":"With Title","atomIndexes":[8,9]},{"title":"Without Title","atomIndexes":[10,11]}]}]}}]}},{"node":{"component_id":"LDSG_Bottom-Sheet_09","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/cea598e5b918a07dbc698ca6433ff7f3/Vertical_Primary_With_home_indicator_fbedcd83f7.png","childImageSharp":{"fluid":{"src":"/static/cea598e5b918a07dbc698ca6433ff7f3/54539/Vertical_Primary_With_home_indicator_fbedcd83f7.png"}}}},"title":"With Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7d3bb1ed1218f0e05d93ebe42a6aaea6/Vertical_Primary_Without_home_indicator_221b060dca.png","childImageSharp":{"fluid":{"src":"/static/7d3bb1ed1218f0e05d93ebe42a6aaea6/54539/Vertical_Primary_Without_home_indicator_221b060dca.png"}}}},"title":"Without Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8bb045522247a07dd64c6289fa0dd561/Vertical_Primary_Outlined_With_home_indicator_449e73f2d4.png","childImageSharp":{"fluid":{"src":"/static/8bb045522247a07dd64c6289fa0dd561/54539/Vertical_Primary_Outlined_With_home_indicator_449e73f2d4.png"}}}},"title":"With Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/db03a2801ab5b5ad063638131c796c8b/Vertical_Primary_Outlined_Without_home_indicator_10355e8fca.png","childImageSharp":{"fluid":{"src":"/static/db03a2801ab5b5ad063638131c796c8b/54539/Vertical_Primary_Outlined_Without_home_indicator_10355e8fca.png"}}}},"title":"Without Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5de026ef47b12b4dc5a1683881fd8625/Vertical_Ghost_With_home_indicator_2bec40d9be.png","childImageSharp":{"fluid":{"src":"/static/5de026ef47b12b4dc5a1683881fd8625/54539/Vertical_Ghost_With_home_indicator_2bec40d9be.png"}}}},"title":"With Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6177384a5c646830aa3c4e79d20baded/Vertical_Ghost_Without_home_indicator_83c78d279c.png","childImageSharp":{"fluid":{"src":"/static/6177384a5c646830aa3c4e79d20baded/54539/Vertical_Ghost_Without_home_indicator_83c78d279c.png"}}}},"title":"Without Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1e9445be82ff7e033acc4cb7fead6c40/Vertical_Primary_Secondary_Tertiary_With_home_indicator_262a9b3c14.png","childImageSharp":{"fluid":{"src":"/static/1e9445be82ff7e033acc4cb7fead6c40/54539/Vertical_Primary_Secondary_Tertiary_With_home_indicator_262a9b3c14.png"}}}},"title":"With Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c79a7842352c879d6a990c3785801783/Vertical_Primary_Secondary_Tertiary_Without_home_indicator_5ec7cc36fa.png","childImageSharp":{"fluid":{"src":"/static/c79a7842352c879d6a990c3785801783/54539/Vertical_Primary_Secondary_Tertiary_Without_home_indicator_5ec7cc36fa.png"}}}},"title":"Without Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6b192c74d6b888b52e268f747c3e6346/Horizontal_Contained_Primary_Secondary_With_home_indicator_c662dd449d.png","childImageSharp":{"fluid":{"src":"/static/6b192c74d6b888b52e268f747c3e6346/54539/Horizontal_Contained_Primary_Secondary_With_home_indicator_c662dd449d.png"}}}},"title":"With Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ed3a4ecd6e2d33ae1a3ad2532474709d/Horizontal_Contained_Primary_Secondary_Without_home_indicator_d954447f24.png","childImageSharp":{"fluid":{"src":"/static/ed3a4ecd6e2d33ae1a3ad2532474709d/54539/Horizontal_Contained_Primary_Secondary_Without_home_indicator_d954447f24.png"}}}},"title":"Without Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5c4432d21c18d6611f448757b1ee1093/Horizontal_Ghost_Primary_Secondary_With_home_indicator_a76cb02167.png","childImageSharp":{"fluid":{"src":"/static/5c4432d21c18d6611f448757b1ee1093/54539/Horizontal_Ghost_Primary_Secondary_With_home_indicator_a76cb02167.png"}}}},"title":"With Home Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2ddc80b9cdbd504b95e86c3581368c32/Horizontal_Ghost_Primary_Secondary_Without_home_indicator_94e0dba715.png","childImageSharp":{"fluid":{"src":"/static/2ddc80b9cdbd504b95e86c3581368c32/54539/Horizontal_Ghost_Primary_Secondary_Without_home_indicator_94e0dba715.png"}}}},"title":"Without Home Indicator","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Element Pattern","Type","Home Indicator"],"tabData":[{"title":"Vertical","data":[{"title":"Primary","atomIndexes":[0,1]},{"title":"Primary + Outlined","atomIndexes":[2,3]},{"title":"Primary + Ghost","atomIndexes":[4,5]},{"title":"Primary + Secondary + Tertiary","atomIndexes":[6,7]}]},{"title":"Horizontal","data":[{"title":"Contained Primary + Secondary","atomIndexes":[8,9]},{"title":"Ghost Primary + Secondary","atomIndexes":[10,11]}]}]}}]}},{"node":{"component_id":"LDSG_Bottom-Sheet_11","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/a8e9b6bd230de03add76c84168889dce/Text_Medium_None_24dafefc79.png","childImageSharp":{"fluid":{"src":"/static/a8e9b6bd230de03add76c84168889dce/54539/Text_Medium_None_24dafefc79.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f969ac30204cd89b968cc5278e5645da/Text_Medium_Page_Indicator_41ec52bda6.png","childImageSharp":{"fluid":{"src":"/static/f969ac30204cd89b968cc5278e5645da/54539/Text_Medium_Page_Indicator_41ec52bda6.png"}}}},"title":"Page Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b29f4839f2fe2b138c2e7be84c0c8719/Text_Medium_Link_Text_3f966fac9f.png","childImageSharp":{"fluid":{"src":"/static/b29f4839f2fe2b138c2e7be84c0c8719/54539/Text_Medium_Link_Text_3f966fac9f.png"}}}},"title":"Link Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/01f750396d9ff466cc1d6300a6b8341e/Text_Large_Default_None_e5c20b2796.png","childImageSharp":{"fluid":{"src":"/static/01f750396d9ff466cc1d6300a6b8341e/54539/Text_Large_Default_None_e5c20b2796.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2056b1976b37713c0df825bd443b1208/Text_Large_Default_Page_Indicator_c4822c937e.png","childImageSharp":{"fluid":{"src":"/static/2056b1976b37713c0df825bd443b1208/54539/Text_Large_Default_Page_Indicator_c4822c937e.png"}}}},"title":"Page Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/57fddfde2a2cb50074c5aefd10423771/Text_Large_Default_Link_Text_cb925ae891.png","childImageSharp":{"fluid":{"src":"/static/57fddfde2a2cb50074c5aefd10423771/54539/Text_Large_Default_Link_Text_cb925ae891.png"}}}},"title":"Link Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e0894719f2115326b21a45eb6465e506/Avatar_Medium_None_ec58832cab.png","childImageSharp":{"fluid":{"src":"/static/e0894719f2115326b21a45eb6465e506/54539/Avatar_Medium_None_ec58832cab.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6c7a657bff08cf41cc77ab51d180100e/Avatar_Medium_Page_Indicator_c5ca82cf25.png","childImageSharp":{"fluid":{"src":"/static/6c7a657bff08cf41cc77ab51d180100e/54539/Avatar_Medium_Page_Indicator_c5ca82cf25.png"}}}},"title":"Page Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/95a50b6dd66d6b23fca2816d6a4088f6/Avatar_Medium_Link_Text_7dade9dcfd.png","childImageSharp":{"fluid":{"src":"/static/95a50b6dd66d6b23fca2816d6a4088f6/54539/Avatar_Medium_Link_Text_7dade9dcfd.png"}}}},"title":"Link Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f4ab4e07a168ec47946c3225aa84fa3e/Avatar_Large_Default_None_d43c428da2.png","childImageSharp":{"fluid":{"src":"/static/f4ab4e07a168ec47946c3225aa84fa3e/54539/Avatar_Large_Default_None_d43c428da2.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ffecc8847f66442835443d489b04fd4e/Avatar_Large_Default_Page_Indicator_89ea8b44d8.png","childImageSharp":{"fluid":{"src":"/static/ffecc8847f66442835443d489b04fd4e/54539/Avatar_Large_Default_Page_Indicator_89ea8b44d8.png"}}}},"title":"Page Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/28c072b82c9726cd02a0584ad263a479/Avatar_Large_Default_Link_Text_359ab15910.png","childImageSharp":{"fluid":{"src":"/static/28c072b82c9726cd02a0584ad263a479/54539/Avatar_Large_Default_Link_Text_359ab15910.png"}}}},"title":"Link Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f1f6f75fe03d1352c2a9c2f0a53a8aad/Image_Medium_None_f5ef0e2838.png","childImageSharp":{"fluid":{"src":"/static/f1f6f75fe03d1352c2a9c2f0a53a8aad/54539/Image_Medium_None_f5ef0e2838.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/099414c33c4346852ff6166a9b9f512b/Image_Medium_Page_Indicator_c2a09150db.png","childImageSharp":{"fluid":{"src":"/static/099414c33c4346852ff6166a9b9f512b/54539/Image_Medium_Page_Indicator_c2a09150db.png"}}}},"title":"Page Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c22ec3dbd4f23087119cfb6f89a05530/Image_Medium_Link_Text_c07c393420.png","childImageSharp":{"fluid":{"src":"/static/c22ec3dbd4f23087119cfb6f89a05530/54539/Image_Medium_Link_Text_c07c393420.png"}}}},"title":"Link Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/beb6e21fb98b03faa989d2087a8812c9/Image_Large_Default_None_1f08b83416.png","childImageSharp":{"fluid":{"src":"/static/beb6e21fb98b03faa989d2087a8812c9/54539/Image_Large_Default_None_1f08b83416.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a3a70d87a76b922f1a1b5d8157c5b486/Image_Large_Default_Page_Indicator_29cd9be7a8.png","childImageSharp":{"fluid":{"src":"/static/a3a70d87a76b922f1a1b5d8157c5b486/54539/Image_Large_Default_Page_Indicator_29cd9be7a8.png"}}}},"title":"Page Indicator","is_wide":null},{"image":{"localFile":{"publicURL":"/static/01faa52c0a0c4a611eda66ba39c0f83f/Image_Large_Default_Link_Text_dd1f744520.png","childImageSharp":{"fluid":{"src":"/static/01faa52c0a0c4a611eda66ba39c0f83f/54539/Image_Large_Default_Link_Text_dd1f744520.png"}}}},"title":"Link Text","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Element Pattern","Title & Description","Additional Items"],"tabData":[{"title":"Text","data":[{"title":"Medium","atomIndexes":[0,1,2]},{"title":"Large(Default)","atomIndexes":[3,4,5]}]},{"title":"Avatar","data":[{"title":"Medium","atomIndexes":[6,7,8]},{"title":"Large(Default)","atomIndexes":[9,10,11]}]},{"title":"Image","data":[{"title":"Medium","atomIndexes":[12,13,14]},{"title":"Large(Default)","atomIndexes":[15,16,17]}]}]}}]}},{"node":{"component_id":"Image-grid_02","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/4c147362e7f2631a44ecc3eee5bfa538/Full_Width_Horizontal_4_3_2_4_32fb4d1d14.png","childImageSharp":{"fluid":{"src":"/static/4c147362e7f2631a44ecc3eee5bfa538/54539/Full_Width_Horizontal_4_3_2_4_32fb4d1d14.png"}}}},"title":"2+(4)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c63cd1a8f61093ef467beeee71c81b52/Full_Width_Horizontal_4_3_1_1_d0f0965ecb.png","childImageSharp":{"fluid":{"src":"/static/c63cd1a8f61093ef467beeee71c81b52/54539/Full_Width_Horizontal_4_3_1_1_d0f0965ecb.png"}}}},"title":"1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/83477e349fbb89d9ff918133eb00f089/Full_Width_Horizontal_4_3_1_1_1_09c20ae236.png","childImageSharp":{"fluid":{"src":"/static/83477e349fbb89d9ff918133eb00f089/54539/Full_Width_Horizontal_4_3_1_1_1_09c20ae236.png"}}}},"title":"1+1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4f56def524c03c346e4232e653d0bf5b/Full_Width_Horizontal_4_3_2_1_eabf6aa973.png","childImageSharp":{"fluid":{"src":"/static/4f56def524c03c346e4232e653d0bf5b/54539/Full_Width_Horizontal_4_3_2_1_eabf6aa973.png"}}}},"title":"(2)+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c98112985d252972faeb5a62eec9238c/Full_Width_Horizontal_4_3_1_2_b6da8feb02.png","childImageSharp":{"fluid":{"src":"/static/c98112985d252972faeb5a62eec9238c/54539/Full_Width_Horizontal_4_3_1_2_b6da8feb02.png"}}}},"title":"1+(2)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0eab5950288a2051dce6121d7cd54719/Full_Width_Horizontal_4_3_4_2_7d6fced8d6.png","childImageSharp":{"fluid":{"src":"/static/0eab5950288a2051dce6121d7cd54719/54539/Full_Width_Horizontal_4_3_4_2_7d6fced8d6.png"}}}},"title":"(4)+2","is_wide":null},{"image":{"localFile":{"publicURL":"/static/983f72297d159155b37d8b9caf245a88/Full_Width_Vertical_3_4_2_4_1b1402a9e5.png","childImageSharp":{"fluid":{"src":"/static/983f72297d159155b37d8b9caf245a88/54539/Full_Width_Vertical_3_4_2_4_1b1402a9e5.png"}}}},"title":"2+(4)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/095a6c054a76563786562ac3819ea700/Full_Width_Vertical_3_4_1_1_23b25f3570.png","childImageSharp":{"fluid":{"src":"/static/095a6c054a76563786562ac3819ea700/54539/Full_Width_Vertical_3_4_1_1_23b25f3570.png"}}}},"title":"1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b652887c831ce68e34a6b61ed83a2bce/Full_Width_Vertical_3_4_1_1_1_cd4ae06078.png","childImageSharp":{"fluid":{"src":"/static/b652887c831ce68e34a6b61ed83a2bce/54539/Full_Width_Vertical_3_4_1_1_1_cd4ae06078.png"}}}},"title":"1+1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3c03f36c0f89a07d51ccc6ce5a2c10c0/Full_Width_Vertical_3_4_2_1_dd452166cc.png","childImageSharp":{"fluid":{"src":"/static/3c03f36c0f89a07d51ccc6ce5a2c10c0/54539/Full_Width_Vertical_3_4_2_1_dd452166cc.png"}}}},"title":"(2)+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ca8ae293b3616a9fbc80beeda8d05ac9/Full_Width_Vertical_3_4_1_2_8cbec1f0db.png","childImageSharp":{"fluid":{"src":"/static/ca8ae293b3616a9fbc80beeda8d05ac9/54539/Full_Width_Vertical_3_4_1_2_8cbec1f0db.png"}}}},"title":"1+(2)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/31a6db1845d11428fb840458cfcdc747/Full_Width_Vertical_3_4_4_2_b169eaabb1.png","childImageSharp":{"fluid":{"src":"/static/31a6db1845d11428fb840458cfcdc747/54539/Full_Width_Vertical_3_4_4_2_b169eaabb1.png"}}}},"title":"(4)+2","is_wide":null},{"image":{"localFile":{"publicURL":"/static/31bd3c033170f36ab06af99098fb4aff/Full_Width_Square_1_1_2_4_e55ee104bf.png","childImageSharp":{"fluid":{"src":"/static/31bd3c033170f36ab06af99098fb4aff/54539/Full_Width_Square_1_1_2_4_e55ee104bf.png"}}}},"title":"2+(4)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4ba7a8eb7d985174bbd5c036bada258f/Full_Width_Square_1_1_1_1_8582ad1f20.png","childImageSharp":{"fluid":{"src":"/static/4ba7a8eb7d985174bbd5c036bada258f/54539/Full_Width_Square_1_1_1_1_8582ad1f20.png"}}}},"title":"1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/58145b34d591c394a17473ffb79637e9/Full_Width_Square_1_1_1_1_1_1589beff3e.png","childImageSharp":{"fluid":{"src":"/static/58145b34d591c394a17473ffb79637e9/54539/Full_Width_Square_1_1_1_1_1_1589beff3e.png"}}}},"title":"1+1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a98f718567570120a16ac02d0139de1d/Full_Width_Square_1_1_2_1_3d83dc2abe.png","childImageSharp":{"fluid":{"src":"/static/a98f718567570120a16ac02d0139de1d/54539/Full_Width_Square_1_1_2_1_3d83dc2abe.png"}}}},"title":"(2)+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c9112588bae58e3be982f5872547efd8/Full_Width_Square_1_1_1_2_0706e974f5.png","childImageSharp":{"fluid":{"src":"/static/c9112588bae58e3be982f5872547efd8/54539/Full_Width_Square_1_1_1_2_0706e974f5.png"}}}},"title":"1+(2)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bf726ecb6a748022bd7382075c6f6570/Full_Width_Square_1_1_4_2_0b6d7d5fef.png","childImageSharp":{"fluid":{"src":"/static/bf726ecb6a748022bd7382075c6f6570/54539/Full_Width_Square_1_1_4_2_0b6d7d5fef.png"}}}},"title":"(4)+2","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cccc3e6e46f239bb194365d630939387/With_Margin_Horizontal_4_3_2_4_7a30341867.png","childImageSharp":{"fluid":{"src":"/static/cccc3e6e46f239bb194365d630939387/54539/With_Margin_Horizontal_4_3_2_4_7a30341867.png"}}}},"title":"2+(4)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/099b0b90d67213aff60b5679faa2959c/With_Margin_Horizontal_4_3_1_1_dba658ef02.png","childImageSharp":{"fluid":{"src":"/static/099b0b90d67213aff60b5679faa2959c/54539/With_Margin_Horizontal_4_3_1_1_dba658ef02.png"}}}},"title":"1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ffc5a0c652562c4f2d78048f90ff8a5d/With_Margin_Horizontal_4_3_1_1_1_f4864a0f70.png","childImageSharp":{"fluid":{"src":"/static/ffc5a0c652562c4f2d78048f90ff8a5d/54539/With_Margin_Horizontal_4_3_1_1_1_f4864a0f70.png"}}}},"title":"1+1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f1934de2f893c4b94c6e6cd6b930df1/With_Margin_Horizontal_4_3_2_1_8425774b26.png","childImageSharp":{"fluid":{"src":"/static/0f1934de2f893c4b94c6e6cd6b930df1/54539/With_Margin_Horizontal_4_3_2_1_8425774b26.png"}}}},"title":"(2)+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/22c2d76e0268df9e08e663d2fc168049/With_Margin_Horizontal_4_3_1_2_bc0a7996e2.png","childImageSharp":{"fluid":{"src":"/static/22c2d76e0268df9e08e663d2fc168049/54539/With_Margin_Horizontal_4_3_1_2_bc0a7996e2.png"}}}},"title":"1+(2)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/060e6275da4d3338d9611d7949cd9b68/With_Margin_Horizontal_4_3_4_2_a73710ca60.png","childImageSharp":{"fluid":{"src":"/static/060e6275da4d3338d9611d7949cd9b68/54539/With_Margin_Horizontal_4_3_4_2_a73710ca60.png"}}}},"title":"(4)+2","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a88a5fe4718c1cb39fc3f1aaa654715a/With_Margin_Vertical_3_4_2_4_5d3bde6c38.png","childImageSharp":{"fluid":{"src":"/static/a88a5fe4718c1cb39fc3f1aaa654715a/54539/With_Margin_Vertical_3_4_2_4_5d3bde6c38.png"}}}},"title":"2+(4)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/edbce6d46852d5703326603108a7effb/With_Margin_Vertical_3_4_1_1_2434fa7509.png","childImageSharp":{"fluid":{"src":"/static/edbce6d46852d5703326603108a7effb/54539/With_Margin_Vertical_3_4_1_1_2434fa7509.png"}}}},"title":"1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/848d0915b6f7859d89504ee40862381a/With_Margin_Vertical_3_4_1_1_1_b261b19784.png","childImageSharp":{"fluid":{"src":"/static/848d0915b6f7859d89504ee40862381a/54539/With_Margin_Vertical_3_4_1_1_1_b261b19784.png"}}}},"title":"1+1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/696842bc51429a04dfcf3fbb769b6d03/With_Margin_Vertical_3_4_2_1_d58ced89c0.png","childImageSharp":{"fluid":{"src":"/static/696842bc51429a04dfcf3fbb769b6d03/54539/With_Margin_Vertical_3_4_2_1_d58ced89c0.png"}}}},"title":"(2)+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5b765b3019dfa61f12ed3b00d92dc263/With_Margin_Vertical_3_4_1_2_a9d1210a12.png","childImageSharp":{"fluid":{"src":"/static/5b765b3019dfa61f12ed3b00d92dc263/54539/With_Margin_Vertical_3_4_1_2_a9d1210a12.png"}}}},"title":"1+(2)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/70d3411b2db7ce6c819e0e68ccf57dbc/With_Margin_Vertical_3_4_4_2_75ea16a2d8.png","childImageSharp":{"fluid":{"src":"/static/70d3411b2db7ce6c819e0e68ccf57dbc/54539/With_Margin_Vertical_3_4_4_2_75ea16a2d8.png"}}}},"title":"(4)+2","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2fd4fb6b7ef63bc30c86df3d1de99284/2_4_e7ceeb13f7.png","childImageSharp":{"fluid":{"src":"/static/2fd4fb6b7ef63bc30c86df3d1de99284/92af7/2_4_e7ceeb13f7.png"}}}},"title":"2+(4)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b1fdef067933397f852916e6505ccc4d/1_1_34d3fcf812.png","childImageSharp":{"fluid":{"src":"/static/b1fdef067933397f852916e6505ccc4d/92af7/1_1_34d3fcf812.png"}}}},"title":"1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1e75db520b13cd42457f1aa313085d9e/1_1_1_a59a9e25a0.png","childImageSharp":{"fluid":{"src":"/static/1e75db520b13cd42457f1aa313085d9e/92af7/1_1_1_a59a9e25a0.png"}}}},"title":"1+1+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5675d376c2710aac6cd01b728c29b278/2_1_929ce5dbf8.png","childImageSharp":{"fluid":{"src":"/static/5675d376c2710aac6cd01b728c29b278/92af7/2_1_929ce5dbf8.png"}}}},"title":"(2)+1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b8e545937067f6d88181ca87433f765c/1_2_90ae9eb375.png","childImageSharp":{"fluid":{"src":"/static/b8e545937067f6d88181ca87433f765c/92af7/1_2_90ae9eb375.png"}}}},"title":"1+(2)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e233cf6802c1babd53c8e169801051bb/4_2_09d778a1e4.png","childImageSharp":{"fluid":{"src":"/static/e233cf6802c1babd53c8e169801051bb/92af7/4_2_09d778a1e4.png"}}}},"title":"(4)+2","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Width","Ratio","Combination"],"tabData":[{"title":"Full Width","data":[{"title":"Horizontal(4:3)","atomIndexes":[0,1,2,3,4,5]},{"title":"Vertical(3:4)","atomIndexes":[6,7,8,9,10,11]},{"title":"Square(1:1)","atomIndexes":[12,13,14,15,16,17]}]},{"title":"With Margin","data":[{"title":"Horizontal(4:3)","atomIndexes":[18,19,20,21,22,23]},{"title":"Vertical(3:4)","atomIndexes":[24,25,26,27,28,29]},{"title":"Square(1:1)","atomIndexes":[30,31,32,33,34,35]}]}]}}]}},{"node":{"component_id":"LDSG_video-player_04","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/872d21ac15355f4ac74eef5d8f315cec/True_Only_T_Itle_True_947a57baaf.png","childImageSharp":{"fluid":{"src":"/static/872d21ac15355f4ac74eef5d8f315cec/54539/True_Only_T_Itle_True_947a57baaf.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7a35de8202a223b3056eac81861f9981/True_Only_T_Itle_False_a2591115bd.png","childImageSharp":{"fluid":{"src":"/static/7a35de8202a223b3056eac81861f9981/54539/True_Only_T_Itle_False_a2591115bd.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2b42cfea08867d31233c4ede03421a58/True_Title_Description_True_ad29d3c8ee.png","childImageSharp":{"fluid":{"src":"/static/2b42cfea08867d31233c4ede03421a58/54539/True_Title_Description_True_ad29d3c8ee.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fc9c04aa0b876f2f96e045c0fe38c8d8/True_Title_Description_False_afcaa1508c.png","childImageSharp":{"fluid":{"src":"/static/fc9c04aa0b876f2f96e045c0fe38c8d8/54539/True_Title_Description_False_afcaa1508c.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7aa23d33f58a5f4ccc56ff16edfafe97/True_Title_Sponsor_Name_True_3d85b3baf3.png","childImageSharp":{"fluid":{"src":"/static/7aa23d33f58a5f4ccc56ff16edfafe97/54539/True_Title_Sponsor_Name_True_3d85b3baf3.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5dacc1f762312065fb978b580f6d26cb/True_Title_Sponsor_Name_False_7570bb5d6e.png","childImageSharp":{"fluid":{"src":"/static/5dacc1f762312065fb978b580f6d26cb/54539/True_Title_Sponsor_Name_False_7570bb5d6e.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/dd61ce105a0200041ec4360fbf8b07a1/True_Title_Live_True_fee35598e7.png","childImageSharp":{"fluid":{"src":"/static/dd61ce105a0200041ec4360fbf8b07a1/54539/True_Title_Live_True_fee35598e7.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c2079d550963a7f4becd92b3de5938a7/True_Title_Live_False_e462c9254b.png","childImageSharp":{"fluid":{"src":"/static/c2079d550963a7f4becd92b3de5938a7/54539/True_Title_Live_False_e462c9254b.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/677023e09c5a327c2002121c592e2916/True_Title_Description_Live_True_53af7ffd26.png","childImageSharp":{"fluid":{"src":"/static/677023e09c5a327c2002121c592e2916/54539/True_Title_Description_Live_True_53af7ffd26.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f88420af8d8e05318b033229e52301cd/True_Title_Description_Live_False_4d86bd9465.png","childImageSharp":{"fluid":{"src":"/static/f88420af8d8e05318b033229e52301cd/54539/True_Title_Description_Live_False_4d86bd9465.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ee5594a7fbfd67512ce06efa6e371222/True_Title_Sponsor_Name_Live_True_c7369b8117.png","childImageSharp":{"fluid":{"src":"/static/ee5594a7fbfd67512ce06efa6e371222/54539/True_Title_Sponsor_Name_Live_True_c7369b8117.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cfc996400bf64e1b14a5b9cc1f09030d/True_Title_Sponsor_Name_Live_False_4985c21562.png","childImageSharp":{"fluid":{"src":"/static/cfc996400bf64e1b14a5b9cc1f09030d/54539/True_Title_Sponsor_Name_Live_False_4985c21562.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/523bda80a0523146785d909efcf6c4f7/True_None_True_2eaec28051.png","childImageSharp":{"fluid":{"src":"/static/523bda80a0523146785d909efcf6c4f7/54539/True_None_True_2eaec28051.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e361fe9f126da05eb1472b34dad27460/True_None_False_f4a8db822c.png","childImageSharp":{"fluid":{"src":"/static/e361fe9f126da05eb1472b34dad27460/54539/True_None_False_f4a8db822c.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/150e893b6e92326cb3531ae617382ab6/False_Only_T_Itle_True_bf4fa6308e.png","childImageSharp":{"fluid":{"src":"/static/150e893b6e92326cb3531ae617382ab6/54539/False_Only_T_Itle_True_bf4fa6308e.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ee136f6f642caa78624b4eb3c33a84c0/False_Only_T_Itle_False_24820e47f2.png","childImageSharp":{"fluid":{"src":"/static/ee136f6f642caa78624b4eb3c33a84c0/54539/False_Only_T_Itle_False_24820e47f2.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/136a21f2dc9fa970b29367e60d0efc08/False_Title_Description_True_de2673481f.png","childImageSharp":{"fluid":{"src":"/static/136a21f2dc9fa970b29367e60d0efc08/54539/False_Title_Description_True_de2673481f.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/51c822c7a6ec838faa0dfbc79cdcc98a/False_Title_Description_False_dd2010ade8.png","childImageSharp":{"fluid":{"src":"/static/51c822c7a6ec838faa0dfbc79cdcc98a/54539/False_Title_Description_False_dd2010ade8.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aae62e1625c24d2dce19490d274e5499/False_Title_Sponsor_Name_True_9c748f2654.png","childImageSharp":{"fluid":{"src":"/static/aae62e1625c24d2dce19490d274e5499/54539/False_Title_Sponsor_Name_True_9c748f2654.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f6b4d98fae92565a790a5ba3ee6b4d5f/False_Title_Sponsor_Name_False_a85a76bcb3.png","childImageSharp":{"fluid":{"src":"/static/f6b4d98fae92565a790a5ba3ee6b4d5f/54539/False_Title_Sponsor_Name_False_a85a76bcb3.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a88dead929c36e06abb955fe97395933/False_Title_Live_True_41751fc922.png","childImageSharp":{"fluid":{"src":"/static/a88dead929c36e06abb955fe97395933/54539/False_Title_Live_True_41751fc922.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9dfe65a99d7e548c22d50a5abefaca39/False_Title_Live_False_9facceffb8.png","childImageSharp":{"fluid":{"src":"/static/9dfe65a99d7e548c22d50a5abefaca39/54539/False_Title_Live_False_9facceffb8.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a0fe2f2e99611d8f41a0baa7fada76b3/False_Title_Description_Live_True_54e6b8ed55.png","childImageSharp":{"fluid":{"src":"/static/a0fe2f2e99611d8f41a0baa7fada76b3/54539/False_Title_Description_Live_True_54e6b8ed55.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/29e81fdeb26f38be6e07b0063bb7eb06/False_Title_Description_Live_False_b72836d3f9.png","childImageSharp":{"fluid":{"src":"/static/29e81fdeb26f38be6e07b0063bb7eb06/54539/False_Title_Description_Live_False_b72836d3f9.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c4950fd0226690c4b360a7b3d4d30e5e/False_Title_Sponsor_Name_Live_True_5956a6610c.png","childImageSharp":{"fluid":{"src":"/static/c4950fd0226690c4b360a7b3d4d30e5e/54539/False_Title_Sponsor_Name_Live_True_5956a6610c.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e499aeb1864fc0e44917d5c0a43c6588/False_Title_Sponsor_Name_Live_False_6c5c3539f8.png","childImageSharp":{"fluid":{"src":"/static/e499aeb1864fc0e44917d5c0a43c6588/54539/False_Title_Sponsor_Name_Live_False_6c5c3539f8.png"}}}},"title":"False","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bb6e0846388f818245121076a3e41f2b/False_None_True_31bef8f7bd.png","childImageSharp":{"fluid":{"src":"/static/bb6e0846388f818245121076a3e41f2b/54539/False_None_True_31bef8f7bd.png"}}}},"title":"True","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3247190fa7da18e3cdb44fb260c4c490/False_None_False_3149b14176.png","childImageSharp":{"fluid":{"src":"/static/3247190fa7da18e3cdb44fb260c4c490/54539/False_None_False_3149b14176.png"}}}},"title":"False","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Profile Image","Title","Slot"],"tabData":[{"title":"True","data":[{"title":"Only Title","atomIndexes":[0,1]},{"title":"Title + Description","atomIndexes":[2,3]},{"title":"Title + Sponsor Name","atomIndexes":[4,5]},{"title":"Title + Live","atomIndexes":[6,7]},{"title":"Title + Description + Live","atomIndexes":[8,9]},{"title":"Title + Sponsor Name + Live","atomIndexes":[10,11]},{"title":"None","atomIndexes":[12,13]}]},{"title":"False","data":[{"title":"Only Title","atomIndexes":[14,15]},{"title":"Title + Description","atomIndexes":[16,17]},{"title":"Title + Sponsor Name","atomIndexes":[18,19]},{"title":"Title + Live","atomIndexes":[20,21]},{"title":"Title + Description + Live","atomIndexes":[22,23]},{"title":"Title + Sponsor Name + Live","atomIndexes":[24,25]},{"title":"None","atomIndexes":[26,27]}]}]}}]}}],"typeSimulator4Levels":[{"node":{"component_id":"1-do-not-delete","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/b2e4c7c32d25281073bb98eb915799ad/tabs_16_c299f594cf.gif","childImageSharp":null}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/d945431e5a72fcd48f6477c185571280/expanded_tabs_02_eaae7d85c7.png","childImageSharp":{"fluid":{"src":"/static/d945431e5a72fcd48f6477c185571280/73f08/expanded_tabs_02_eaae7d85c7.png"}}}},"title":"Inactive","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d945431e5a72fcd48f6477c185571280/expanded_tabs_02_eaae7d85c7.png","childImageSharp":{"fluid":{"src":"/static/d945431e5a72fcd48f6477c185571280/73f08/expanded_tabs_02_eaae7d85c7.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4adb26dd389b8ccf994d4b473cd72c38/tabs_18_c2fcc4e6e0.png","childImageSharp":{"fluid":{"src":"/static/4adb26dd389b8ccf994d4b473cd72c38/73f08/tabs_18_c2fcc4e6e0.png"}}}},"title":"Inactive","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["level1","level2","Type","State"],"tabData":[{"title":"Level1","data":[{"title":"Level2","data":[{"title":"Level3","atomIndexes":[0,1]},{"title":"Primary Blue","atomIndexes":[2,3]}]},{"title":"Level2-1","data":[{"title":"Primary Green 1","atomIndexes":[0,1]},{"title":"Primary Blue 1","atomIndexes":[2,3]}]}]},{"title":"Level1-1","data":[{"title":"Level2-2","data":[{"title":"Primary Green","atomIndexes":[0,1]},{"title":"Primary Blue","atomIndexes":[2,3]}]},{"title":"Level2-3","data":[{"title":"Primary Green 1","atomIndexes":[0,1]},{"title":"Primary Blue 1","atomIndexes":[2,3]}]}]}]}}]}},{"node":{"component_id":"Snackbar_BottomType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/062f293909eeac70a8c0875b4a09d3a3/icon_button_basic_title_description_e4e70d05a7.png","childImageSharp":{"fluid":{"src":"/static/062f293909eeac70a8c0875b4a09d3a3/9d1d3/icon_button_basic_title_description_e4e70d05a7.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7ff28407c87d8747176f37f486122e5d/snackbar_4_3_3_2x_566d2956ea.png","childImageSharp":{"fluid":{"src":"/static/7ff28407c87d8747176f37f486122e5d/132e4/snackbar_4_3_3_2x_566d2956ea.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/76d023889e6b9410bda1b96a1c4fdc7c/snackbar_16_9_3_2x_69f72c8bf3.png","childImageSharp":{"fluid":{"src":"/static/76d023889e6b9410bda1b96a1c4fdc7c/132e4/snackbar_16_9_3_2x_69f72c8bf3.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/18fb466040777859962d268f1029f847/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_4fa88fdde4.png","childImageSharp":{"fluid":{"src":"/static/18fb466040777859962d268f1029f847/72f36/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_4fa88fdde4.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a00f57b791030837e8e79a5d311fdf82/snackbar_profile_single_3_2x_197094ada4.png","childImageSharp":{"fluid":{"src":"/static/a00f57b791030837e8e79a5d311fdf82/132e4/snackbar_profile_single_3_2x_197094ada4.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/739ca874634aa6124a52f00965c782c8/snackbar_profile_multi_3_2x_98e69d31ef.png","childImageSharp":{"fluid":{"src":"/static/739ca874634aa6124a52f00965c782c8/132e4/snackbar_profile_multi_3_2x_98e69d31ef.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/aca56acd6f972273aed8b78cd46b7e15/111_dialog_snackbar_ios_bottom_icon_button_profile_service_77cc40fd67.png","childImageSharp":{"fluid":{"src":"/static/aca56acd6f972273aed8b78cd46b7e15/72f36/111_dialog_snackbar_ios_bottom_icon_button_profile_service_77cc40fd67.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/051b470e795768bc6a9e79bdcd9b8d0b/111_dialog_snackbar_ios_bottom_icon_button_pictogram_b30f398c7e.png","childImageSharp":{"fluid":{"src":"/static/051b470e795768bc6a9e79bdcd9b8d0b/72f36/111_dialog_snackbar_ios_bottom_icon_button_pictogram_b30f398c7e.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/02ffac20284da2266ad476de4a1f5e54/simul_snack_b_basic_1_bc87be445d.png","childImageSharp":{"fluid":{"src":"/static/02ffac20284da2266ad476de4a1f5e54/9d1d3/simul_snack_b_basic_1_bc87be445d.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6315f6d05532016f5668770dabfbc30a/simul_snack_b_basic_2_a45ae33723.png","childImageSharp":{"fluid":{"src":"/static/6315f6d05532016f5668770dabfbc30a/9d1d3/simul_snack_b_basic_2_a45ae33723.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7e5fcd046c7c444c740aaa6287c0f847/simul_snack_b_basic_3_842ee7a515.png","childImageSharp":{"fluid":{"src":"/static/7e5fcd046c7c444c740aaa6287c0f847/9d1d3/simul_snack_b_basic_3_842ee7a515.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d3fa525ef7966c572c48545039c8dfef/simul_snack_b_basic_4_9ad8b93ed8.png","childImageSharp":{"fluid":{"src":"/static/d3fa525ef7966c572c48545039c8dfef/9d1d3/simul_snack_b_basic_4_9ad8b93ed8.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8d72b5bccec7edb229007bda7aa76272/simul_snack_b_basic_5_cdbc234f0b.png","childImageSharp":{"fluid":{"src":"/static/8d72b5bccec7edb229007bda7aa76272/9d1d3/simul_snack_b_basic_5_cdbc234f0b.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a0172725470ba935d2ff5cdb38d7797f/simul_snack_b_basic_6_3230978428.png","childImageSharp":{"fluid":{"src":"/static/a0172725470ba935d2ff5cdb38d7797f/9d1d3/simul_snack_b_basic_6_3230978428.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/365003dd2b7aea5c3d97e688883fb2fd/simul_snack_b_basic_7_6a7486b983.png","childImageSharp":{"fluid":{"src":"/static/365003dd2b7aea5c3d97e688883fb2fd/9d1d3/simul_snack_b_basic_7_6a7486b983.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fc411bca7a6a75b8c35bb57710573153/simul_snack_b_basic_8_aa2f5429f0.png","childImageSharp":{"fluid":{"src":"/static/fc411bca7a6a75b8c35bb57710573153/9d1d3/simul_snack_b_basic_8_aa2f5429f0.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/74a3c051f59dc88da5d5514dbfedde7c/icon_button_basic_description_1line_3759309e61.png","childImageSharp":{"fluid":{"src":"/static/74a3c051f59dc88da5d5514dbfedde7c/9d1d3/icon_button_basic_description_1line_3759309e61.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fa36cb2c058ceb1af424ea4e3fdaec50/snackbar_4_3_1_2x_5de56e30b1.png","childImageSharp":{"fluid":{"src":"/static/fa36cb2c058ceb1af424ea4e3fdaec50/132e4/snackbar_4_3_1_2x_5de56e30b1.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a689d846bda006b09fb5544990bf3e08/snackbar_16_9_1_2x_b4fb9f7499.png","childImageSharp":{"fluid":{"src":"/static/a689d846bda006b09fb5544990bf3e08/132e4/snackbar_16_9_1_2x_b4fb9f7499.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c65d056fd7c701ede3e8aa20d384e12d/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_1_2852ccfd68.png","childImageSharp":{"fluid":{"src":"/static/c65d056fd7c701ede3e8aa20d384e12d/72f36/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_1_2852ccfd68.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7c8f32005f44cb233f18660b0f332272/snackbar_profile_single_1_2x_8e9aeac082.png","childImageSharp":{"fluid":{"src":"/static/7c8f32005f44cb233f18660b0f332272/132e4/snackbar_profile_single_1_2x_8e9aeac082.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b437903bbecff965d7b3bb6cf74e6d7b/snackbar_profile_multi_1_2x_f44b70dacf.png","childImageSharp":{"fluid":{"src":"/static/b437903bbecff965d7b3bb6cf74e6d7b/132e4/snackbar_profile_multi_1_2x_f44b70dacf.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/88dd2b1a0954cf44fb36e4a3d8cf7dd2/111_dialog_snackbar_ios_bottom_icon_button_profile_service_1_1db1101079.png","childImageSharp":{"fluid":{"src":"/static/88dd2b1a0954cf44fb36e4a3d8cf7dd2/72f36/111_dialog_snackbar_ios_bottom_icon_button_profile_service_1_1db1101079.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/99c4850a154ebef9ae1e9c64b3512429/111_dialog_snackbar_ios_bottom_icon_button_pictogram_1_5507163bb8.png","childImageSharp":{"fluid":{"src":"/static/99c4850a154ebef9ae1e9c64b3512429/72f36/111_dialog_snackbar_ios_bottom_icon_button_pictogram_1_5507163bb8.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/89b6ded86a028cb7b9f6f185dd6e90ae/icon_button_basic_description_2line_d31829cbee.png","childImageSharp":{"fluid":{"src":"/static/89b6ded86a028cb7b9f6f185dd6e90ae/9d1d3/icon_button_basic_description_2line_d31829cbee.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2fd2ada75e027267b90519dff7401c0b/snackbar_4_3_2_2x_09e39d80de.png","childImageSharp":{"fluid":{"src":"/static/2fd2ada75e027267b90519dff7401c0b/132e4/snackbar_4_3_2_2x_09e39d80de.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2cc9b60e5d22ed03108c62e3a0c5970c/snackbar_16_9_2_2x_c4af8074dd.png","childImageSharp":{"fluid":{"src":"/static/2cc9b60e5d22ed03108c62e3a0c5970c/132e4/snackbar_16_9_2_2x_c4af8074dd.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/85ff56184ec52d529c0b36c619e3928d/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_2_39eef0b63a.png","childImageSharp":{"fluid":{"src":"/static/85ff56184ec52d529c0b36c619e3928d/72f36/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_2_39eef0b63a.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0254aa91a975d79780746c582c3bc7d1/snackbar_profile_single_2_2x_ffed29b57e.png","childImageSharp":{"fluid":{"src":"/static/0254aa91a975d79780746c582c3bc7d1/132e4/snackbar_profile_single_2_2x_ffed29b57e.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e4b6ffca1bd8951b716f3e72deb60818/snackbar_profile_multi_2_2x_8dbda879d6.png","childImageSharp":{"fluid":{"src":"/static/e4b6ffca1bd8951b716f3e72deb60818/132e4/snackbar_profile_multi_2_2x_8dbda879d6.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5f9c4857d0c8257baf0735e5001afc0b/111_dialog_snackbar_ios_bottom_icon_button_profile_service_2_7a7819ae1d.png","childImageSharp":{"fluid":{"src":"/static/5f9c4857d0c8257baf0735e5001afc0b/72f36/111_dialog_snackbar_ios_bottom_icon_button_profile_service_2_7a7819ae1d.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/244318bb5098bb6c63e7d70c58d16a92/111_dialog_snackbar_ios_bottom_icon_button_pictogram_2_96d441b2f2.png","childImageSharp":{"fluid":{"src":"/static/244318bb5098bb6c63e7d70c58d16a92/72f36/111_dialog_snackbar_ios_bottom_icon_button_pictogram_2_96d441b2f2.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/581474dcee35f30d4ee8735c6da2f218/icon_button_dim_title_description_f3bbafbe40.png","childImageSharp":{"fluid":{"src":"/static/581474dcee35f30d4ee8735c6da2f218/9d1d3/icon_button_dim_title_description_f3bbafbe40.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/97e6687da12755fee8c033f1fe648145/snackbar_4_3_6_2x_c1e2a24488.png","childImageSharp":{"fluid":{"src":"/static/97e6687da12755fee8c033f1fe648145/132e4/snackbar_4_3_6_2x_c1e2a24488.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/91b6af49e5c81b1becba79a4d5d2d9a6/snackbar_16_9_6_2x_c27d124067.png","childImageSharp":{"fluid":{"src":"/static/91b6af49e5c81b1becba79a4d5d2d9a6/132e4/snackbar_16_9_6_2x_c27d124067.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/250e000b68327a8c371a602431098e23/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_dim_12e2f0c026.png","childImageSharp":{"fluid":{"src":"/static/250e000b68327a8c371a602431098e23/72f36/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_dim_12e2f0c026.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/327875beb90eff232083b0619626c300/snackbar_profile_single_6_2x_dbcc6b46ae.png","childImageSharp":{"fluid":{"src":"/static/327875beb90eff232083b0619626c300/132e4/snackbar_profile_single_6_2x_dbcc6b46ae.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f38e1457d2b40cca11c17b12880448da/snackbar_profile_multi_6_2x_ca45281e31.png","childImageSharp":{"fluid":{"src":"/static/f38e1457d2b40cca11c17b12880448da/132e4/snackbar_profile_multi_6_2x_ca45281e31.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0846c335131d7e042a5c7c4a298af453/111_dialog_snackbar_ios_bottom_icon_button_profile_service_dim_4e42efc8ec.png","childImageSharp":{"fluid":{"src":"/static/0846c335131d7e042a5c7c4a298af453/72f36/111_dialog_snackbar_ios_bottom_icon_button_profile_service_dim_4e42efc8ec.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c7bf33055bcc32250bee666117f97032/111_dialog_snackbar_ios_bottom_icon_button_pictogram_dim_498a9243ef.png","childImageSharp":{"fluid":{"src":"/static/c7bf33055bcc32250bee666117f97032/72f36/111_dialog_snackbar_ios_bottom_icon_button_pictogram_dim_498a9243ef.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cc3fea180ea4b1e2ac4618f8ceaae54e/simul_snack_b_dim_1_4110c695ee.png","childImageSharp":{"fluid":{"src":"/static/cc3fea180ea4b1e2ac4618f8ceaae54e/9d1d3/simul_snack_b_dim_1_4110c695ee.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d97f1334e1ac6e5fd5dbb088cc2fb6be/simul_snack_b_dim_2_36018f36c3.png","childImageSharp":{"fluid":{"src":"/static/d97f1334e1ac6e5fd5dbb088cc2fb6be/9d1d3/simul_snack_b_dim_2_36018f36c3.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4038441f312735633bc804d4994fb361/simul_snack_b_dim_3_a76380b216.png","childImageSharp":{"fluid":{"src":"/static/4038441f312735633bc804d4994fb361/9d1d3/simul_snack_b_dim_3_a76380b216.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/400e1eba522aa8d96c1bfac7a00d26f7/simul_snack_b_dim_4_11df7c0ebd.png","childImageSharp":{"fluid":{"src":"/static/400e1eba522aa8d96c1bfac7a00d26f7/9d1d3/simul_snack_b_dim_4_11df7c0ebd.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/00961a52752aac21a2cabe56a28f48c2/simul_snack_b_dim_5_9e2bd8a36d.png","childImageSharp":{"fluid":{"src":"/static/00961a52752aac21a2cabe56a28f48c2/9d1d3/simul_snack_b_dim_5_9e2bd8a36d.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/727f7d4e9320af6a002aa7f584fe6cf4/simul_snack_b_dim_6_e0fb734fab.png","childImageSharp":{"fluid":{"src":"/static/727f7d4e9320af6a002aa7f584fe6cf4/9d1d3/simul_snack_b_dim_6_e0fb734fab.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8d60e58c1e55fa078dd256a589308dd8/simul_snack_b_dim_7_665750b7f5.png","childImageSharp":{"fluid":{"src":"/static/8d60e58c1e55fa078dd256a589308dd8/9d1d3/simul_snack_b_dim_7_665750b7f5.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e2fcd7e00058af75f98f58b6b8ee2974/simul_snack_b_dim_8_993c8bb6af.png","childImageSharp":{"fluid":{"src":"/static/e2fcd7e00058af75f98f58b6b8ee2974/9d1d3/simul_snack_b_dim_8_993c8bb6af.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8fda24444b7a9cf2ad65da6eff7a9b8e/icon_button_dim_description_1line_e556f93ce8.png","childImageSharp":{"fluid":{"src":"/static/8fda24444b7a9cf2ad65da6eff7a9b8e/9d1d3/icon_button_dim_description_1line_e556f93ce8.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/41cdd336066c880b8af3b7df73286a01/snackbar_4_3_4_2x_0bc6f1375a.png","childImageSharp":{"fluid":{"src":"/static/41cdd336066c880b8af3b7df73286a01/132e4/snackbar_4_3_4_2x_0bc6f1375a.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4a17791f38e02732cb7984b78b1a87fe/snackbar_16_9_4_2x_7a6170507a.png","childImageSharp":{"fluid":{"src":"/static/4a17791f38e02732cb7984b78b1a87fe/132e4/snackbar_16_9_4_2x_7a6170507a.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e38f2a95ca61ec61a30afeace8f3dd7a/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_dim_1_9dad1cde1f.png","childImageSharp":{"fluid":{"src":"/static/e38f2a95ca61ec61a30afeace8f3dd7a/72f36/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_dim_1_9dad1cde1f.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a95470a83c2f728c46ccffb55d6a8dd4/snackbar_profile_single_4_2x_5efc1397e1.png","childImageSharp":{"fluid":{"src":"/static/a95470a83c2f728c46ccffb55d6a8dd4/132e4/snackbar_profile_single_4_2x_5efc1397e1.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5a947712ac3617d699ceae47cd723960/snackbar_profile_multi_4_2x_fd790722f8.png","childImageSharp":{"fluid":{"src":"/static/5a947712ac3617d699ceae47cd723960/132e4/snackbar_profile_multi_4_2x_fd790722f8.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7c270c8e64ddb87cd4cdc595978cc3cb/111_dialog_snackbar_ios_bottom_icon_button_profile_service_dim_1_3ff570253c.png","childImageSharp":{"fluid":{"src":"/static/7c270c8e64ddb87cd4cdc595978cc3cb/72f36/111_dialog_snackbar_ios_bottom_icon_button_profile_service_dim_1_3ff570253c.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d0a19a6d8ab01cd171446c1903d24387/111_dialog_snackbar_ios_bottom_icon_button_pictogram_dim_1_1_5e888f7037.png","childImageSharp":{"fluid":{"src":"/static/d0a19a6d8ab01cd171446c1903d24387/72f36/111_dialog_snackbar_ios_bottom_icon_button_pictogram_dim_1_1_5e888f7037.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a304a260e68863c70427076121e48433/icon_button_dim_description_2line_f6932775d7.png","childImageSharp":{"fluid":{"src":"/static/a304a260e68863c70427076121e48433/9d1d3/icon_button_dim_description_2line_f6932775d7.png"}}}},"title":"Square Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/dfc8da1b598f7a38af4f2d1d9a5cb660/snackbar_4_3_5_2x_217be26b53.png","childImageSharp":{"fluid":{"src":"/static/dfc8da1b598f7a38af4f2d1d9a5cb660/132e4/snackbar_4_3_5_2x_217be26b53.png"}}}},"title":"Horizontal Rectangular Image (4:3)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0581fe3f4063e06bfb8af2d7a2706689/snackbar_16_9_5_2x_d51d7d32a2.png","childImageSharp":{"fluid":{"src":"/static/0581fe3f4063e06bfb8af2d7a2706689/132e4/snackbar_16_9_5_2x_d51d7d32a2.png"}}}},"title":"Horizontal Rectangular Image (16:9)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bf44a72a6f6ba73e13a6fce43c768ac4/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_dim_2_43fc6bd7ab.png","childImageSharp":{"fluid":{"src":"/static/bf44a72a6f6ba73e13a6fce43c768ac4/72f36/111_dialog_snackbar_ios_bottom_icon_button_image_vertical_rectangular_dim_2_43fc6bd7ab.png"}}}},"title":"Vertical Rectangular Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6cc57657fa01c2aad86df7213d147263/snackbar_profile_single_5_2x_e0912433c6.png","childImageSharp":{"fluid":{"src":"/static/6cc57657fa01c2aad86df7213d147263/132e4/snackbar_profile_single_5_2x_e0912433c6.png"}}}},"title":"Single Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/761e7e8fb423faea68992bc95f32422c/snackbar_profile_multi_5_2x_7b6f4c90af.png","childImageSharp":{"fluid":{"src":"/static/761e7e8fb423faea68992bc95f32422c/132e4/snackbar_profile_multi_5_2x_7b6f4c90af.png"}}}},"title":"Multi Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6b9d7eed44e9f4852b067dcae9da009e/111_dialog_snackbar_ios_bottom_icon_button_profile_service_dim_2_498171abe0.png","childImageSharp":{"fluid":{"src":"/static/6b9d7eed44e9f4852b067dcae9da009e/72f36/111_dialog_snackbar_ios_bottom_icon_button_profile_service_dim_2_498171abe0.png"}}}},"title":"Service Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7604651a81e709d53b221f527b7dbced/111_dialog_snackbar_ios_bottom_icon_button_pictogram_dim_2_1_ef6fcb6901.png","childImageSharp":{"fluid":{"src":"/static/7604651a81e709d53b221f527b7dbced/72f36/111_dialog_snackbar_ios_bottom_icon_button_pictogram_dim_2_1_ef6fcb6901.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fddab9da1eb4fabc5cdb47766754dd1a/111_dialog_snackbar_ios_bottom_text_button_text_only_e36f3bb60f.png","childImageSharp":{"fluid":{"src":"/static/fddab9da1eb4fabc5cdb47766754dd1a/72f36/111_dialog_snackbar_ios_bottom_text_button_text_only_e36f3bb60f.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b1afc4d3be20fbb24c466b434bbb4d44/111_dialog_snackbar_ios_bottom_text_button_pictogram_49dfb9e337.png","childImageSharp":{"fluid":{"src":"/static/b1afc4d3be20fbb24c466b434bbb4d44/72f36/111_dialog_snackbar_ios_bottom_text_button_pictogram_49dfb9e337.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/08201aec8c348d50869fa4107e0d45db/simul_snack_b_basic_10_276cf8b72b.png","childImageSharp":{"fluid":{"src":"/static/08201aec8c348d50869fa4107e0d45db/9d1d3/simul_snack_b_basic_10_276cf8b72b.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/69d8dc80d7b8930ea10dd67d73efee3e/simul_snack_b_basic_9_97e61174fa.png","childImageSharp":{"fluid":{"src":"/static/69d8dc80d7b8930ea10dd67d73efee3e/9d1d3/simul_snack_b_basic_9_97e61174fa.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fddab9da1eb4fabc5cdb47766754dd1a/111_dialog_snackbar_ios_bottom_text_button_text_only_1_ba3da2b7d5.png","childImageSharp":{"fluid":{"src":"/static/fddab9da1eb4fabc5cdb47766754dd1a/72f36/111_dialog_snackbar_ios_bottom_text_button_text_only_1_ba3da2b7d5.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/efd4d8a26d010e7327dfebe19eca872b/111_dialog_snackbar_ios_bottom_text_button_pictogram_1_5a3067daed.png","childImageSharp":{"fluid":{"src":"/static/efd4d8a26d010e7327dfebe19eca872b/72f36/111_dialog_snackbar_ios_bottom_text_button_pictogram_1_5a3067daed.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/759f6ea4f9d8dbaffa4e768a2d92da48/111_dialog_snackbar_ios_bottom_text_button_text_only_2_e072f00464.png","childImageSharp":{"fluid":{"src":"/static/759f6ea4f9d8dbaffa4e768a2d92da48/72f36/111_dialog_snackbar_ios_bottom_text_button_text_only_2_e072f00464.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2f76eb4274f8f0de1a8b767db32a5efb/111_dialog_snackbar_ios_bottom_text_button_pictogram_2_f440b0e510.png","childImageSharp":{"fluid":{"src":"/static/2f76eb4274f8f0de1a8b767db32a5efb/72f36/111_dialog_snackbar_ios_bottom_text_button_pictogram_2_f440b0e510.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ad422fc071f5d04dcff052ccafd9b5e8/111_dialog_snackbar_ios_bottom_text_button_text_only_dim_971ffdfd55.png","childImageSharp":{"fluid":{"src":"/static/ad422fc071f5d04dcff052ccafd9b5e8/72f36/111_dialog_snackbar_ios_bottom_text_button_text_only_dim_971ffdfd55.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ac54e991df3988821526987854365557/111_dialog_snackbar_ios_bottom_text_button_pictogram_dim_2805c62853.png","childImageSharp":{"fluid":{"src":"/static/ac54e991df3988821526987854365557/72f36/111_dialog_snackbar_ios_bottom_text_button_pictogram_dim_2805c62853.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/820cc018cdfef5a9850ecb76c32f8ee1/simul_snack_b_dim_10_0b38814aab.png","childImageSharp":{"fluid":{"src":"/static/820cc018cdfef5a9850ecb76c32f8ee1/9d1d3/simul_snack_b_dim_10_0b38814aab.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3d2248e0db9041aa4c97e1557a3c5c81/simul_snack_b_dim_9_74b6809acd.png","childImageSharp":{"fluid":{"src":"/static/3d2248e0db9041aa4c97e1557a3c5c81/9d1d3/simul_snack_b_dim_9_74b6809acd.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ad422fc071f5d04dcff052ccafd9b5e8/111_dialog_snackbar_ios_bottom_text_button_text_only_dim_1_f0a7eb2fe4.png","childImageSharp":{"fluid":{"src":"/static/ad422fc071f5d04dcff052ccafd9b5e8/72f36/111_dialog_snackbar_ios_bottom_text_button_text_only_dim_1_f0a7eb2fe4.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/14120636fb1b55df5d4afcfb7cd42c4a/111_dialog_snackbar_ios_bottom_text_button_pictogram_dim_1_f767a737a3.png","childImageSharp":{"fluid":{"src":"/static/14120636fb1b55df5d4afcfb7cd42c4a/72f36/111_dialog_snackbar_ios_bottom_text_button_pictogram_dim_1_f767a737a3.png"}}}},"title":"Pictogram","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c3342b79a1278e2c443070a0c4c3969e/111_dialog_snackbar_ios_bottom_text_button_text_only_dim_2_36d352c95b.png","childImageSharp":{"fluid":{"src":"/static/c3342b79a1278e2c443070a0c4c3969e/72f36/111_dialog_snackbar_ios_bottom_text_button_text_only_dim_2_36d352c95b.png"}}}},"title":"None (Text Only)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2f4fadea218f179ddeb3644c7e6ba104/111_dialog_snackbar_ios_bottom_text_button_pictogram_dim_2_24b30de892.png","childImageSharp":{"fluid":{"src":"/static/2f4fadea218f179ddeb3644c7e6ba104/72f36/111_dialog_snackbar_ios_bottom_text_button_pictogram_dim_2_24b30de892.png"}}}},"title":"Pictogram","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type","Background Area","Text Area","Image Area"],"tabData":[{"title":"Icon Button","data":[{"title":"Basic","data":[{"title":"Title + Description","atomIndexes":[0,1,2,3,4,5,6,7]},{"title":"Title + Description 2Line","atomIndexes":[8,9,10,11,12,13,14,15]},{"title":"Description 1Line","atomIndexes":[16,17,18,19,20,21,22,23]},{"title":"Description 2Line","atomIndexes":[24,25,26,27,28,29,30,31]}]},{"title":"Dim","data":[{"title":"Title + Description","atomIndexes":[32,33,34,35,36,37,38,39]},{"title":"Title + Description 2Line","atomIndexes":[40,41,42,43,44,45,46,47]},{"title":"Description 1Line","atomIndexes":[48,49,50,51,52,53,54,55]},{"title":"Description 2Line","atomIndexes":[56,57,58,59,60,61,62,63]}]}]},{"title":"Text Button","data":[{"title":"Basic","data":[{"title":"Title + Description","atomIndexes":[64,65]},{"title":"Title + Description 2Line","atomIndexes":[66,67]},{"title":"Description 1Line","atomIndexes":[68,69]},{"title":"Description 2Line","atomIndexes":[70,71]}]},{"title":"Dim","data":[{"title":"Title + Description","atomIndexes":[72,73]},{"title":"Title + Description 2Line","atomIndexes":[74,75]},{"title":"Description 1Line","atomIndexes":[76,77]},{"title":"Description 2Line","atomIndexes":[78,79]}]}]}]}}]}},{"node":{"component_id":"Empty_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/6a49c66105853f08cf8a093711e137e7/img_type_small_text_des_none_light_4e550e18c8.png","childImageSharp":{"fluid":{"src":"/static/6a49c66105853f08cf8a093711e137e7/54539/img_type_small_text_des_none_light_4e550e18c8.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/63bcc00cce429f98a30c78f3ed0b7c04/img_type_small_text_des_1_btn_light_9f2ec17e33.png","childImageSharp":{"fluid":{"src":"/static/63bcc00cce429f98a30c78f3ed0b7c04/54539/img_type_small_text_des_1_btn_light_9f2ec17e33.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0354152f6a1ab533ef85d1ec8dc5e2f8/img_type_small_text_des_2_btn_light_4342e3d3fb.png","childImageSharp":{"fluid":{"src":"/static/0354152f6a1ab533ef85d1ec8dc5e2f8/54539/img_type_small_text_des_2_btn_light_4342e3d3fb.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ec6512ffb5d8090c84b58eb8b7dae799/img_type_small_text_title_none_light_601607f700.png","childImageSharp":{"fluid":{"src":"/static/ec6512ffb5d8090c84b58eb8b7dae799/54539/img_type_small_text_title_none_light_601607f700.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9f056fb4ce48d57c6a70510ca18ab104/img_type_small_text_title_1_btn_light_acfc708d55.png","childImageSharp":{"fluid":{"src":"/static/9f056fb4ce48d57c6a70510ca18ab104/54539/img_type_small_text_title_1_btn_light_acfc708d55.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0a6157cf53ff59fa723228eb6e4ae132/img_type_small_text_title_2_btn_light_dbba8ea623.png","childImageSharp":{"fluid":{"src":"/static/0a6157cf53ff59fa723228eb6e4ae132/54539/img_type_small_text_title_2_btn_light_dbba8ea623.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/745260a3e312cda9c0fa335f81a3836d/img_type_small_pic_des_none_light_50d5884a46.png","childImageSharp":{"fluid":{"src":"/static/745260a3e312cda9c0fa335f81a3836d/54539/img_type_small_pic_des_none_light_50d5884a46.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5cf324fa08db8906f3214212228d3e3a/img_type_small_pic_des_1_btn_light_d4907765b4.png","childImageSharp":{"fluid":{"src":"/static/5cf324fa08db8906f3214212228d3e3a/54539/img_type_small_pic_des_1_btn_light_d4907765b4.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/39c15a6dcaeac4de883865e4475b541e/img_type_small_pic_des_2_btn_light_ecff77ea0c.png","childImageSharp":{"fluid":{"src":"/static/39c15a6dcaeac4de883865e4475b541e/54539/img_type_small_pic_des_2_btn_light_ecff77ea0c.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e0d492c021ed65e5128809f14de73d30/img_type_small_pic_title_none_light_b73cbe874e.png","childImageSharp":{"fluid":{"src":"/static/e0d492c021ed65e5128809f14de73d30/54539/img_type_small_pic_title_none_light_b73cbe874e.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/54c9422bedee56f1a3ffc7d338bcaa62/img_type_small_pic_title_1_btn_light_ad341ea4ac.png","childImageSharp":{"fluid":{"src":"/static/54c9422bedee56f1a3ffc7d338bcaa62/54539/img_type_small_pic_title_1_btn_light_ad341ea4ac.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/72700f9447570c076a2937c136af91e2/img_type_small_pic_title_2_btn_light_74e923d352.png","childImageSharp":{"fluid":{"src":"/static/72700f9447570c076a2937c136af91e2/54539/img_type_small_pic_title_2_btn_light_74e923d352.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6bd9e0dec7ba40a861700753c62280fb/img_type_large_text_des_none_light_1b8ea4b7a2.png","childImageSharp":{"fluid":{"src":"/static/6bd9e0dec7ba40a861700753c62280fb/54539/img_type_large_text_des_none_light_1b8ea4b7a2.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7090734b9aecd4726eb2baf55c08652b/img_type_large_text_des_1_btn_light_d940f0d77b.png","childImageSharp":{"fluid":{"src":"/static/7090734b9aecd4726eb2baf55c08652b/54539/img_type_large_text_des_1_btn_light_d940f0d77b.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9d432d3ca0c1c6070dc9c55e4b9281bc/img_type_large_text_des_2_btn_light_872f40eca8.png","childImageSharp":{"fluid":{"src":"/static/9d432d3ca0c1c6070dc9c55e4b9281bc/54539/img_type_large_text_des_2_btn_light_872f40eca8.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2e62545c5e76ecdc995bc27753edc39f/img_type_large_text_title_none_light_ac7df108eb.png","childImageSharp":{"fluid":{"src":"/static/2e62545c5e76ecdc995bc27753edc39f/54539/img_type_large_text_title_none_light_ac7df108eb.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7090734b9aecd4726eb2baf55c08652b/img_type_large_text_des_1_btn_light_d940f0d77b.png","childImageSharp":{"fluid":{"src":"/static/7090734b9aecd4726eb2baf55c08652b/54539/img_type_large_text_des_1_btn_light_d940f0d77b.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9d432d3ca0c1c6070dc9c55e4b9281bc/img_type_large_text_des_2_btn_light_872f40eca8.png","childImageSharp":{"fluid":{"src":"/static/9d432d3ca0c1c6070dc9c55e4b9281bc/54539/img_type_large_text_des_2_btn_light_872f40eca8.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7cd68c46ca7c5372ce5fdf27f789913c/img_type_large_pic_des_none_light_4a6ac6894c.png","childImageSharp":{"fluid":{"src":"/static/7cd68c46ca7c5372ce5fdf27f789913c/54539/img_type_large_pic_des_none_light_4a6ac6894c.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/041855ae8f84daf9678187ac5461aeda/img_type_large_pic_des_1_btn_light_24e0653502.png","childImageSharp":{"fluid":{"src":"/static/041855ae8f84daf9678187ac5461aeda/54539/img_type_large_pic_des_1_btn_light_24e0653502.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/acbd1641b8fd3164c0136bc8e6114c4b/img_type_large_pic_des_2_btn_light_8fe55c452a.png","childImageSharp":{"fluid":{"src":"/static/acbd1641b8fd3164c0136bc8e6114c4b/54539/img_type_large_pic_des_2_btn_light_8fe55c452a.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a9c11f686e6f1c07daa71668baa84363/img_type_large_pic_title_none_light_8413bdd3ce.png","childImageSharp":{"fluid":{"src":"/static/a9c11f686e6f1c07daa71668baa84363/54539/img_type_large_pic_title_none_light_8413bdd3ce.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2ceb88ace1a8d4953ad43d8612d39bca/img_type_large_pic_title_1_btn_light_0e1f006314.png","childImageSharp":{"fluid":{"src":"/static/2ceb88ace1a8d4953ad43d8612d39bca/54539/img_type_large_pic_title_1_btn_light_0e1f006314.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4f69861bd42de932855240d8f666dac5/img_type_large_pic_title_2_btn_light_9bd2ae23e7.png","childImageSharp":{"fluid":{"src":"/static/4f69861bd42de932855240d8f666dac5/54539/img_type_large_pic_title_2_btn_light_9bd2ae23e7.png"}}}},"title":"2 Button","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type","Image Area","Text Area","Button Area"],"tabData":[{"title":"Small","data":[{"title":"Text only","data":[{"title":"Description Only","atomIndexes":[0,1,2]},{"title":"Title + Description","atomIndexes":[3,4,5]}]},{"title":"Pictogram","data":[{"title":"Description Only","atomIndexes":[6,7,8]},{"title":"Title + Description","atomIndexes":[9,10,11]}]}]},{"title":"Large","data":[{"title":"Text only","data":[{"title":"Description Only","atomIndexes":[12,13,14]},{"title":"Title + Description","atomIndexes":[15,16,17]}]},{"title":"Pictogram","data":[{"title":"Description Only","atomIndexes":[18,19,20]},{"title":"Title + Description","atomIndexes":[21,22,23]}]}]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/ef8a48170ce1e44b403a5287fb5930f6/img_type_small_text_des_none_dark_39c2103193.png","childImageSharp":{"fluid":{"src":"/static/ef8a48170ce1e44b403a5287fb5930f6/54539/img_type_small_text_des_none_dark_39c2103193.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/507dc9eeb5fc9cc583c02aaf302dda44/img_type_small_text_des_1_btn_dark_1c3dcb2e6d.png","childImageSharp":{"fluid":{"src":"/static/507dc9eeb5fc9cc583c02aaf302dda44/54539/img_type_small_text_des_1_btn_dark_1c3dcb2e6d.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3d86746dbc9080ee828018c3f2cb8559/img_type_small_text_des_2_btn_dark_45034ff2f7.png","childImageSharp":{"fluid":{"src":"/static/3d86746dbc9080ee828018c3f2cb8559/54539/img_type_small_text_des_2_btn_dark_45034ff2f7.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ef11a4c4ac1cb2127d5c1973624169a8/img_type_small_text_title_none_dark_47a3bf7144.png","childImageSharp":{"fluid":{"src":"/static/ef11a4c4ac1cb2127d5c1973624169a8/54539/img_type_small_text_title_none_dark_47a3bf7144.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f6b19dd58aa483216f93cadb4a84d345/img_type_small_text_title_1_btn_dark_eba276e619.png","childImageSharp":{"fluid":{"src":"/static/f6b19dd58aa483216f93cadb4a84d345/54539/img_type_small_text_title_1_btn_dark_eba276e619.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/62266a19950164c2ccb54df5870895c8/img_type_small_text_title_2_btn_dark_676e2c3ee2.png","childImageSharp":{"fluid":{"src":"/static/62266a19950164c2ccb54df5870895c8/54539/img_type_small_text_title_2_btn_dark_676e2c3ee2.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d7f967f2a26dc03abcdca627b9dc612a/img_type_small_pic_des_none_dark_33c379b141.png","childImageSharp":{"fluid":{"src":"/static/d7f967f2a26dc03abcdca627b9dc612a/54539/img_type_small_pic_des_none_dark_33c379b141.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4604638576af51fde0e0e0b935f93671/img_type_small_pic_des_1_btn_dark_6d12a5a125.png","childImageSharp":{"fluid":{"src":"/static/4604638576af51fde0e0e0b935f93671/54539/img_type_small_pic_des_1_btn_dark_6d12a5a125.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f2e1b7a9758fd01dd4ea7782d4add0e2/img_type_small_pic_des_2_btn_dark_fc7dfb6e82.png","childImageSharp":{"fluid":{"src":"/static/f2e1b7a9758fd01dd4ea7782d4add0e2/54539/img_type_small_pic_des_2_btn_dark_fc7dfb6e82.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/47699dd6fb42751bb6612202dace0c62/img_type_small_pic_title_none_dark_5b24a7d4ce.png","childImageSharp":{"fluid":{"src":"/static/47699dd6fb42751bb6612202dace0c62/54539/img_type_small_pic_title_none_dark_5b24a7d4ce.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b92fc8244ee550a8db85fac3be430519/img_type_small_pic_title_1_btn_dark_fb355e71c1.png","childImageSharp":{"fluid":{"src":"/static/b92fc8244ee550a8db85fac3be430519/54539/img_type_small_pic_title_1_btn_dark_fb355e71c1.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ec28cc2fbc37a3428bc7a20ed4ab46a8/img_type_small_pic_title_2_btn_dark_19e6048856.png","childImageSharp":{"fluid":{"src":"/static/ec28cc2fbc37a3428bc7a20ed4ab46a8/54539/img_type_small_pic_title_2_btn_dark_19e6048856.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/295ccbdbaf370a1cd9ac7e99e30eb0ba/img_type_large_text_des_none_dark_cd93d5136c.png","childImageSharp":{"fluid":{"src":"/static/295ccbdbaf370a1cd9ac7e99e30eb0ba/54539/img_type_large_text_des_none_dark_cd93d5136c.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a06263d899d76f85343519113540c677/img_type_large_text_des_1_btn_dark_7c27351b8a.png","childImageSharp":{"fluid":{"src":"/static/a06263d899d76f85343519113540c677/54539/img_type_large_text_des_1_btn_dark_7c27351b8a.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5abef59c7c5a1a76eec24860088274b4/img_type_large_text_des_2_btn_dark_ee2db9df18.png","childImageSharp":{"fluid":{"src":"/static/5abef59c7c5a1a76eec24860088274b4/54539/img_type_large_text_des_2_btn_dark_ee2db9df18.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/eb8b7b623a64efa33399a1f87c05083a/img_type_large_text_title_none_dark_530120f0b8.png","childImageSharp":{"fluid":{"src":"/static/eb8b7b623a64efa33399a1f87c05083a/54539/img_type_large_text_title_none_dark_530120f0b8.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b3b056335baf964cdbe1da8e51c943c9/img_type_large_text_title_1_btn_dark_06fb097e7e.png","childImageSharp":{"fluid":{"src":"/static/b3b056335baf964cdbe1da8e51c943c9/54539/img_type_large_text_title_1_btn_dark_06fb097e7e.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bec0fe868b062a93f489e7d15e0b49df/img_type_large_text_title_2_btn_dark_6de2a9bcb3.png","childImageSharp":{"fluid":{"src":"/static/bec0fe868b062a93f489e7d15e0b49df/54539/img_type_large_text_title_2_btn_dark_6de2a9bcb3.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/52c5a830f8a8dc43e6d60c27a82c18ef/img_type_large_pic_des_none_dark_1e4d965f8e.png","childImageSharp":{"fluid":{"src":"/static/52c5a830f8a8dc43e6d60c27a82c18ef/54539/img_type_large_pic_des_none_dark_1e4d965f8e.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1b8dabb09e1b3a241084224545f5d27b/img_type_large_pic_des_1_btn_dark_3c73c1c2f0.png","childImageSharp":{"fluid":{"src":"/static/1b8dabb09e1b3a241084224545f5d27b/54539/img_type_large_pic_des_1_btn_dark_3c73c1c2f0.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/77d631da2e93bb776f602589e1e3ada9/img_type_large_pic_des_2_btn_dark_1eb0c78d88.png","childImageSharp":{"fluid":{"src":"/static/77d631da2e93bb776f602589e1e3ada9/54539/img_type_large_pic_des_2_btn_dark_1eb0c78d88.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b149d6a4ea0787838a8827193a2b43f8/img_type_large_pic_title_none_dark_a18482aaf4.png","childImageSharp":{"fluid":{"src":"/static/b149d6a4ea0787838a8827193a2b43f8/54539/img_type_large_pic_title_none_dark_a18482aaf4.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f3841aafec446f237c13b17869081d51/img_type_large_pic_title_1_btn_dark_dfaf72ae82.png","childImageSharp":{"fluid":{"src":"/static/f3841aafec446f237c13b17869081d51/54539/img_type_large_pic_title_1_btn_dark_dfaf72ae82.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b25e28c5795357a4933116000009e8e9/img_type_large_pic_title_2_btn_dark_9b9e19b63c.png","childImageSharp":{"fluid":{"src":"/static/b25e28c5795357a4933116000009e8e9/54539/img_type_large_pic_title_2_btn_dark_9b9e19b63c.png"}}}},"title":"2 Button","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type","Image Area","Text Area","Button Area"],"tabData":[{"title":"Small","data":[{"title":"Text only","data":[{"title":"Description Only","atomIndexes":[0,1,2]},{"title":"Title + Description","atomIndexes":[3,4,5]}]},{"title":"Pictogram","data":[{"title":"Description Only","atomIndexes":[6,7,8]},{"title":"Title + Description","atomIndexes":[9,10,11]}]}]},{"title":"Large","data":[{"title":"Text only","data":[{"title":"Description Only","atomIndexes":[12,13,14]},{"title":"Title + Description","atomIndexes":[15,16,17]}]},{"title":"Pictogram","data":[{"title":"Description Only","atomIndexes":[18,19,20]},{"title":"Title + Description","atomIndexes":[21,22,23]}]}]}]}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/f92a38d6e5f70a75f4b15e556e64d167/img_type_small_text_des_none_overlay_a9b75e07bf.png","childImageSharp":{"fluid":{"src":"/static/f92a38d6e5f70a75f4b15e556e64d167/54539/img_type_small_text_des_none_overlay_a9b75e07bf.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bcded87285d2ecbbd9f5210f16044aa8/img_type_small_text_des_1_btn_overlay_a7f51d4df1.png","childImageSharp":{"fluid":{"src":"/static/bcded87285d2ecbbd9f5210f16044aa8/54539/img_type_small_text_des_1_btn_overlay_a7f51d4df1.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/03174a674e419def8288179b2e0f594b/img_type_small_text_des_2_btn_overlay_d1bd1d686a.png","childImageSharp":{"fluid":{"src":"/static/03174a674e419def8288179b2e0f594b/54539/img_type_small_text_des_2_btn_overlay_d1bd1d686a.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d592845ec51b5e5ed4f5547eb1329329/img_type_small_text_title_none_overlay_9aa2c2fa7f.png","childImageSharp":{"fluid":{"src":"/static/d592845ec51b5e5ed4f5547eb1329329/54539/img_type_small_text_title_none_overlay_9aa2c2fa7f.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5e09b93f3e668f0f4715a9aa565a4e31/img_type_small_text_title_1_btn_overlay_ca43723119.png","childImageSharp":{"fluid":{"src":"/static/5e09b93f3e668f0f4715a9aa565a4e31/54539/img_type_small_text_title_1_btn_overlay_ca43723119.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1b6d3a709b4e52eccc5426d9806569c9/img_type_small_text_title_2_btn_overlay_99c2819f71.png","childImageSharp":{"fluid":{"src":"/static/1b6d3a709b4e52eccc5426d9806569c9/54539/img_type_small_text_title_2_btn_overlay_99c2819f71.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/caa5a8d80102b4bec0b07cf13cafda17/img_type_small_pic_des_none_overlay_69513a0e4c.png","childImageSharp":{"fluid":{"src":"/static/caa5a8d80102b4bec0b07cf13cafda17/54539/img_type_small_pic_des_none_overlay_69513a0e4c.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0a6c61cdf4ced5d2046988c8a348b02a/img_type_small_pic_des_1_btn_overlay_4851abe242.png","childImageSharp":{"fluid":{"src":"/static/0a6c61cdf4ced5d2046988c8a348b02a/54539/img_type_small_pic_des_1_btn_overlay_4851abe242.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6c77805d187aa58a45b34f853a18db58/img_type_small_pic_des_2_btn_overlay_c166efe1ca.png","childImageSharp":{"fluid":{"src":"/static/6c77805d187aa58a45b34f853a18db58/54539/img_type_small_pic_des_2_btn_overlay_c166efe1ca.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1fe5bc3def236457bcb0262c67f5fcc6/img_type_small_pic_title_none_overlay_a9060db351.png","childImageSharp":{"fluid":{"src":"/static/1fe5bc3def236457bcb0262c67f5fcc6/54539/img_type_small_pic_title_none_overlay_a9060db351.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ea1bf05665a96531f17701f264c1d018/img_type_small_pic_title_1_btn_overlay_87d28f2f0c.png","childImageSharp":{"fluid":{"src":"/static/ea1bf05665a96531f17701f264c1d018/54539/img_type_small_pic_title_1_btn_overlay_87d28f2f0c.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/06d44ed3162d05c30a3b24cd19ce15f7/img_type_small_pic_title_2_btn_overlay_c3d0910e5a.png","childImageSharp":{"fluid":{"src":"/static/06d44ed3162d05c30a3b24cd19ce15f7/54539/img_type_small_pic_title_2_btn_overlay_c3d0910e5a.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/90258e44161fc29eb635f23c3ade5470/img_type_large_text_des_none_overlay_aab71cf3fa.png","childImageSharp":{"fluid":{"src":"/static/90258e44161fc29eb635f23c3ade5470/54539/img_type_large_text_des_none_overlay_aab71cf3fa.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/bb9878ba815b06b18a09a91c0d294ae6/img_type_large_text_des_1_btn_overlay_d00cd49dd2.png","childImageSharp":{"fluid":{"src":"/static/bb9878ba815b06b18a09a91c0d294ae6/54539/img_type_large_text_des_1_btn_overlay_d00cd49dd2.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7bd23b49085469f8ef8a4713de973482/img_type_large_text_des_2_btn_overlay_1f08d5a561.png","childImageSharp":{"fluid":{"src":"/static/7bd23b49085469f8ef8a4713de973482/54539/img_type_large_text_des_2_btn_overlay_1f08d5a561.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e183c95e2999272c3744d2f1fd5161a6/img_type_large_text_title_none_overlay_b58dfcd9f5.png","childImageSharp":{"fluid":{"src":"/static/e183c95e2999272c3744d2f1fd5161a6/54539/img_type_large_text_title_none_overlay_b58dfcd9f5.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/be21d1d57c53c525e713db3f58fa4edd/img_type_large_text_title_1_btn_overlay_f46f45c090.png","childImageSharp":{"fluid":{"src":"/static/be21d1d57c53c525e713db3f58fa4edd/54539/img_type_large_text_title_1_btn_overlay_f46f45c090.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e5b84d5a3f22def83e90a703738d0265/img_type_large_text_title_2_btn_overlay_242ae7ef17.png","childImageSharp":{"fluid":{"src":"/static/e5b84d5a3f22def83e90a703738d0265/54539/img_type_large_text_title_2_btn_overlay_242ae7ef17.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f159acaa0e6453809a358e823058a11c/img_type_large_pic_des_none_overlay_5cee7eef31.png","childImageSharp":{"fluid":{"src":"/static/f159acaa0e6453809a358e823058a11c/54539/img_type_large_pic_des_none_overlay_5cee7eef31.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6349b68fc9bf1cdc050647a2eaf09400/img_type_large_pic_des_1_btn_overlay_79c19fd534.png","childImageSharp":{"fluid":{"src":"/static/6349b68fc9bf1cdc050647a2eaf09400/54539/img_type_large_pic_des_1_btn_overlay_79c19fd534.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/832b5c9be130374e1524a4413f61eb52/img_type_large_pic_des_2_btn_overlay_a8179b8c4d.png","childImageSharp":{"fluid":{"src":"/static/832b5c9be130374e1524a4413f61eb52/54539/img_type_large_pic_des_2_btn_overlay_a8179b8c4d.png"}}}},"title":"2 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cb78d26146778f5f5e9dba7652ac1931/img_type_large_pic_title_none_overlay_d31fa308d9.png","childImageSharp":{"fluid":{"src":"/static/cb78d26146778f5f5e9dba7652ac1931/54539/img_type_large_pic_title_none_overlay_d31fa308d9.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d293325c4861b6aef6064739817321a2/img_type_large_pic_title_1_btn_overlay_9742c28b60.png","childImageSharp":{"fluid":{"src":"/static/d293325c4861b6aef6064739817321a2/54539/img_type_large_pic_title_1_btn_overlay_9742c28b60.png"}}}},"title":"1 Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/decff8555dbc875db49d7e3091b69371/img_type_large_pic_title_2_btn_overlay_688df559a4.png","childImageSharp":{"fluid":{"src":"/static/decff8555dbc875db49d7e3091b69371/54539/img_type_large_pic_title_2_btn_overlay_688df559a4.png"}}}},"title":"2 Button","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type","Image Area","Text Area","Button Area"],"tabData":[{"title":"Small","data":[{"title":"Text only","data":[{"title":"Description Only","atomIndexes":[0,1,2]},{"title":"Title + Description","atomIndexes":[3,4,5]}]},{"title":"Pictogram","data":[{"title":"Description Only","atomIndexes":[6,7,8]},{"title":"Title + Description","atomIndexes":[9,10,11]}]}]},{"title":"Large","data":[{"title":"Text only","data":[{"title":"Description Only","atomIndexes":[12,13,14]},{"title":"Title + Description","atomIndexes":[15,16,17]}]},{"title":"Pictogram","data":[{"title":"Description Only","atomIndexes":[18,19,20]},{"title":"Title + Description","atomIndexes":[21,22,23]}]}]}]}}]}},{"node":{"component_id":"LDSG_video-player_06","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/fea2304eda716927c0144b955ba687f8/Theme_A_Play_Enabled_Enabled_84af27b772.png","childImageSharp":{"fluid":{"src":"/static/fea2304eda716927c0144b955ba687f8/54539/Theme_A_Play_Enabled_Enabled_84af27b772.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f3a57e50f650fbf0caedb38ca5f8bcda/Theme_A_Play_Enabled_None_464af2c33e.png","childImageSharp":{"fluid":{"src":"/static/f3a57e50f650fbf0caedb38ca5f8bcda/54539/Theme_A_Play_Enabled_None_464af2c33e.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ec4a248981618398b9deba053cb3ff60/Theme_A_Play_None_Enabled_82e245582c.png","childImageSharp":{"fluid":{"src":"/static/ec4a248981618398b9deba053cb3ff60/54539/Theme_A_Play_None_Enabled_82e245582c.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b38ad84d03d37df3351101c118618977/Theme_A_Play_None_None_f2fd1bfb30.png","childImageSharp":{"fluid":{"src":"/static/b38ad84d03d37df3351101c118618977/54539/Theme_A_Play_None_None_f2fd1bfb30.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ac662dcce6365d98c0360ca860d236ac/Theme_A_Play_Duration_Enabled_Enabled_360cae57f5.png","childImageSharp":{"fluid":{"src":"/static/ac662dcce6365d98c0360ca860d236ac/54539/Theme_A_Play_Duration_Enabled_Enabled_360cae57f5.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/142757b61d156af58c900d027d6bcc32/Theme_A_Play_Duration_Enabled_None_37f62ec0c6.png","childImageSharp":{"fluid":{"src":"/static/142757b61d156af58c900d027d6bcc32/54539/Theme_A_Play_Duration_Enabled_None_37f62ec0c6.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8ec0b1e85fb1481214a0c33b3036e82f/Theme_A_Play_Duration_None_Enabled_6e2f307dc8.png","childImageSharp":{"fluid":{"src":"/static/8ec0b1e85fb1481214a0c33b3036e82f/54539/Theme_A_Play_Duration_None_Enabled_6e2f307dc8.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/908eaf81232c7ae19e33cd6757191e7d/Theme_A_Play_Duration_None_None_9cda3f62b7.png","childImageSharp":{"fluid":{"src":"/static/908eaf81232c7ae19e33cd6757191e7d/54539/Theme_A_Play_Duration_None_None_9cda3f62b7.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1acafdd91e443e32370e206b0dbaab86/Theme_A_Pause_Enabled_Enabled_e87b53afcf.png","childImageSharp":{"fluid":{"src":"/static/1acafdd91e443e32370e206b0dbaab86/54539/Theme_A_Pause_Enabled_Enabled_e87b53afcf.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/604b59d2f75610a2eb66f3aebaf75902/Theme_A_Pause_Enabled_None_f492e8e463.png","childImageSharp":{"fluid":{"src":"/static/604b59d2f75610a2eb66f3aebaf75902/54539/Theme_A_Pause_Enabled_None_f492e8e463.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fa3384f7ae195e1ab4e4f1f46d68888f/Theme_A_Pause_None_Enabled_86ca68d8f2.png","childImageSharp":{"fluid":{"src":"/static/fa3384f7ae195e1ab4e4f1f46d68888f/54539/Theme_A_Pause_None_Enabled_86ca68d8f2.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a8d750922db1e51dcf970ebdaa35b7f7/Theme_A_Puase_None_None_4c22958255.png","childImageSharp":{"fluid":{"src":"/static/a8d750922db1e51dcf970ebdaa35b7f7/54539/Theme_A_Puase_None_None_4c22958255.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6af688c32635ef82a40afb38090b965b/Theme_B_Play_Enabled_Enabled_9eceec798e.png","childImageSharp":{"fluid":{"src":"/static/6af688c32635ef82a40afb38090b965b/54539/Theme_B_Play_Enabled_Enabled_9eceec798e.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/967e4ec689951613af1f3284fe74c88d/Theme_B_Pause_None_Enabled_59f72aefc1.png","childImageSharp":{"fluid":{"src":"/static/967e4ec689951613af1f3284fe74c88d/54539/Theme_B_Pause_None_Enabled_59f72aefc1.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cf4d89c64b7d3e4a778ed4cb026f6ea8/Theme_B_Play_None_Enabled_3be7d0bde8.png","childImageSharp":{"fluid":{"src":"/static/cf4d89c64b7d3e4a778ed4cb026f6ea8/54539/Theme_B_Play_None_Enabled_3be7d0bde8.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a590c3e2d870f1de432616126529db5f/Theme_B_Play_None_None_c0d97ad0ee.png","childImageSharp":{"fluid":{"src":"/static/a590c3e2d870f1de432616126529db5f/54539/Theme_B_Play_None_None_c0d97ad0ee.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b2e52ddc46c0c2a2f61af83dccd7e641/Theme_B_Pause_Enabled_Enabled_be4272ae32.png","childImageSharp":{"fluid":{"src":"/static/b2e52ddc46c0c2a2f61af83dccd7e641/54539/Theme_B_Pause_Enabled_Enabled_be4272ae32.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/694173d4f5e40e6c6e9cc49e7db84f3a/Theme_B_Pause_Enabled_None_77babc5842.png","childImageSharp":{"fluid":{"src":"/static/694173d4f5e40e6c6e9cc49e7db84f3a/54539/Theme_B_Pause_Enabled_None_77babc5842.png"}}}},"title":"None","is_wide":null},{"image":{"localFile":{"publicURL":"/static/967e4ec689951613af1f3284fe74c88d/Theme_B_Pause_None_Enabled_17d733e840.png","childImageSharp":{"fluid":{"src":"/static/967e4ec689951613af1f3284fe74c88d/54539/Theme_B_Pause_None_Enabled_17d733e840.png"}}}},"title":"Enabled","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1948e2846f2859b8cd3ca8faf9bbdab5/Theme_B_Puase_None_None_e716959ca6.png","childImageSharp":{"fluid":{"src":"/static/1948e2846f2859b8cd3ca8faf9bbdab5/54539/Theme_B_Puase_None_None_e716959ca6.png"}}}},"title":"None","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Theme","Status","Previous","Next"],"tabData":[{"title":"Theme A","data":[{"title":"Play","data":[{"title":"Enabled","atomIndexes":[0,1]},{"title":"None","atomIndexes":[2,3]}]},{"title":"Play + Duration","data":[{"title":"Enabled","atomIndexes":[4,5]},{"title":"None","atomIndexes":[6,7]}]},{"title":"Pause","data":[{"title":"Enabled","atomIndexes":[8,9]},{"title":"None","atomIndexes":[10,11]}]}]},{"title":"Theme B","data":[{"title":"Play","data":[{"title":"Enabled","atomIndexes":[12,13]},{"title":"None","atomIndexes":[14,15]}]},{"title":"Pause","data":[{"title":"Enabled","atomIndexes":[16,17]},{"title":"None","atomIndexes":[18,19]}]}]}]}}]}}],"typeSimulator1Levels":[{"node":{"component_id":"1-do-not-delete","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/74c2a4246024caf1fa1205dfd204c6f8/img_action_do_02_1a158ec67f.png","childImageSharp":{"fluid":{"src":"/static/74c2a4246024caf1fa1205dfd204c6f8/346b9/img_action_do_02_1a158ec67f.png"}}}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/f1ecddd28cca028c733ef70512c63e76/img_anatomy_dont_02_6780d4f118.png","childImageSharp":{"fluid":{"src":"/static/f1ecddd28cca028c733ef70512c63e76/346b9/img_anatomy_dont_02_6780d4f118.png"}}}},"title":"Inactive","is_wide":false}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}}]}},{"node":{"component_id":"badge_common","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/cccdcb6681f14f6c8599eb28954a4f66/img_type_new_215d624815.png","childImageSharp":{"fluid":{"src":"/static/cccdcb6681f14f6c8599eb28954a4f66/335bc/img_type_new_215d624815.png"}}}},"title":"N Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3b80476297c0e3f8059ae8e3a7497baa/img_type_dot_896470c7ad.png","childImageSharp":{"fluid":{"src":"/static/3b80476297c0e3f8059ae8e3a7497baa/335bc/img_type_dot_896470c7ad.png"}}}},"title":"Dot Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e2cdc9f41e48809eb32aabed55b0d3e5/img_type_number_80dd5b1213.png","childImageSharp":{"fluid":{"src":"/static/e2cdc9f41e48809eb32aabed55b0d3e5/8c48f/img_type_number_80dd5b1213.png"}}}},"title":"Number Badge","is_wide":null}],"title":"Common","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2]}}}]}},{"node":{"component_id":"type_checkbox","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/e75cd33ea30ce94e8739efb70e6cccd3/img_type_check_light_change_64f68da0b7.png","childImageSharp":{"fluid":{"src":"/static/e75cd33ea30ce94e8739efb70e6cccd3/8334f/img_type_check_light_change_64f68da0b7.png"}}}},"title":"Check","is_wide":null},{"image":{"localFile":{"publicURL":"/static/2552cfcb9bea6bfdd39ebe60c98a798f/img_type_number_light_change_83cc89a9ad.png","childImageSharp":{"fluid":{"src":"/static/2552cfcb9bea6bfdd39ebe60c98a798f/8334f/img_type_number_light_change_83cc89a9ad.png"}}}},"title":"Number","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/74c4eff57d512bafeed28e518d35ab9a/img_type_check_dark_change_a6865d9b31.png","childImageSharp":{"fluid":{"src":"/static/74c4eff57d512bafeed28e518d35ab9a/8334f/img_type_check_dark_change_a6865d9b31.png"}}}},"title":"Check","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ebae67321c22977a596106c0d7dafaa7/img_type_number_dark_change_751cc21219.png","childImageSharp":{"fluid":{"src":"/static/ebae67321c22977a596106c0d7dafaa7/8334f/img_type_number_dark_change_751cc21219.png"}}}},"title":"Number","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/f1ab1925509ffa62564c29aa94998a7f/img_type_check_overlay_change_bf02ec587f.png","childImageSharp":{"fluid":{"src":"/static/f1ab1925509ffa62564c29aa94998a7f/e1073/img_type_check_overlay_change_bf02ec587f.png"}}}},"title":"Check","is_wide":null},{"image":{"localFile":{"publicURL":"/static/089aeba89a08330aac653323697800e8/img_type_number_overlay_change_012fa24625.png","childImageSharp":{"fluid":{"src":"/static/089aeba89a08330aac653323697800e8/e1073/img_type_number_overlay_change_012fa24625.png"}}}},"title":"Number","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}}]}},{"node":{"component_id":"type_RadioButton","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/c87b5d281041c0d2159e0c452c38f9e3/img_type_selected_light_639477d21a.png","childImageSharp":{"fluid":{"src":"/static/c87b5d281041c0d2159e0c452c38f9e3/8334f/img_type_selected_light_639477d21a.png"}}}},"title":"Unselected/Selected","is_wide":null},{"image":{"localFile":{"publicURL":"/static/23b1642f65170b1254972dd2419040e6/img_type_disable_light_8964668c48.png","childImageSharp":{"fluid":{"src":"/static/23b1642f65170b1254972dd2419040e6/8334f/img_type_disable_light_8964668c48.png"}}}},"title":"Disabled","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/05578f586e27a9f3742630503f386c52/img_type_selected_dark_3a9ad69224.png","childImageSharp":{"fluid":{"src":"/static/05578f586e27a9f3742630503f386c52/8334f/img_type_selected_dark_3a9ad69224.png"}}}},"title":"Unselected/Selected","is_wide":null},{"image":{"localFile":{"publicURL":"/static/db539707a3e6680150d56ec852f945e5/group_123_copy_d9c72a18e5.png","childImageSharp":{"fluid":{"src":"/static/db539707a3e6680150d56ec852f945e5/8334f/group_123_copy_d9c72a18e5.png"}}}},"title":"Disabled","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/7878e3c21aa0983e35c958b981d7ddff/group_124_17afbcf5c9.png","childImageSharp":{"fluid":{"src":"/static/7878e3c21aa0983e35c958b981d7ddff/bcfcb/group_124_17afbcf5c9.png"}}}},"title":"Unselected/Selected","is_wide":null},{"image":{"localFile":{"publicURL":"/static/be588b706b7458c8db9e389ab695d3c3/group_124_copy_07938f496f.png","childImageSharp":{"fluid":{"src":"/static/be588b706b7458c8db9e389ab695d3c3/bcfcb/group_124_copy_07938f496f.png"}}}},"title":"Disabled","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}}]}},{"node":{"component_id":"type_searchbar","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/e98c58f682ce95b501ab0655e9e6d701/115_search_bar_ios_default_before_search_entry_271d804ed8.png","childImageSharp":{"fluid":{"src":"/static/e98c58f682ce95b501ab0655e9e6d701/f8eb5/115_search_bar_ios_default_before_search_entry_271d804ed8.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/dab6f49f3bfef1e79bd244a682a66c39/img_type_back_close_light_dab2fff171.png","childImageSharp":{"fluid":{"src":"/static/dab6f49f3bfef1e79bd244a682a66c39/54539/img_type_back_close_light_dab2fff171.png"}}}},"title":"Back + Cancel Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/84c55e32c2b627b096de931805013528/invalid_name_19f6bf635c.png","childImageSharp":{"fluid":{"src":"/static/84c55e32c2b627b096de931805013528/54539/invalid_name_19f6bf635c.png"}}}},"title":"Cancel Button","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["States"],"tabData":{"atomIndexes":[0,1,2]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/a72792d128d8f3460de4d0a4b5377696/img_type_defualt_dark_d8fd403545.png","childImageSharp":{"fluid":{"src":"/static/a72792d128d8f3460de4d0a4b5377696/54539/img_type_defualt_dark_d8fd403545.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/234f0588e6e55421c4072e420fecd901/img_type_back_close_dark_faaa5fca75.png","childImageSharp":{"fluid":{"src":"/static/234f0588e6e55421c4072e420fecd901/54539/img_type_back_close_dark_faaa5fca75.png"}}}},"title":"Back + Cancel Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/555e14ecc3fd189deb71c2347b163fd8/115_search_bar_ios_search_entry_close_button_49844e1cd8.png","childImageSharp":{"fluid":{"src":"/static/555e14ecc3fd189deb71c2347b163fd8/54539/115_search_bar_ios_search_entry_close_button_49844e1cd8.png"}}}},"title":"Cancel Button","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["States"],"tabData":{"atomIndexes":[0,1,2]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/43750edcbcfe9819752ddf480271bd18/img_type_defualt_overlay_193376a309.png","childImageSharp":{"fluid":{"src":"/static/43750edcbcfe9819752ddf480271bd18/54539/img_type_defualt_overlay_193376a309.png"}}}},"title":"Default","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c0140f5e865f7e90e72d47968b7f94c6/img_type_back_close_overlay_fa60793d30.png","childImageSharp":{"fluid":{"src":"/static/c0140f5e865f7e90e72d47968b7f94c6/54539/img_type_back_close_overlay_fa60793d30.png"}}}},"title":"Back + Cancel Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5acffc9a19fd0b2b1934f92bdc7dc58a/img_type_close_overlay_894fded3e4.png","childImageSharp":{"fluid":{"src":"/static/5acffc9a19fd0b2b1934f92bdc7dc58a/54539/img_type_close_overlay_894fded3e4.png"}}}},"title":"Cancel Button","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["States"],"tabData":{"atomIndexes":[0,1,2]}}}]}},{"node":{"component_id":"type_pagination","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/4c41fb2376efdf0eb5553e08c5bb9b7a/img_type_dot_5_light_20b03b5059.png","childImageSharp":{"fluid":{"src":"/static/4c41fb2376efdf0eb5553e08c5bb9b7a/ea686/img_type_dot_5_light_20b03b5059.png"}}}},"title":"Dot (5 of less)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fcfd1b4d9c9602572016f2dc0f8c8733/img_type_dot_6_light_1bff78aa29.png","childImageSharp":{"fluid":{"src":"/static/fcfd1b4d9c9602572016f2dc0f8c8733/ea686/img_type_dot_6_light_1bff78aa29.png"}}}},"title":"Dot (6 and more)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d2f120202b65a2d0bf7f4221cfbbe5ed/img_type_number_light_c37f7fb186.png","childImageSharp":{"fluid":{"src":"/static/d2f120202b65a2d0bf7f4221cfbbe5ed/ea686/img_type_number_light_c37f7fb186.png"}}}},"title":"Number","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/e40c7b9b5a87b58a39510548f14f9eb6/img_type_dot_5_dark_236a03385b.png","childImageSharp":{"fluid":{"src":"/static/e40c7b9b5a87b58a39510548f14f9eb6/ea686/img_type_dot_5_dark_236a03385b.png"}}}},"title":"Dot (5 of less)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/16d54323abe69594915b098ed4b9a617/img_type_dot_6_dark_6c16b728b4.png","childImageSharp":{"fluid":{"src":"/static/16d54323abe69594915b098ed4b9a617/ea686/img_type_dot_6_dark_6c16b728b4.png"}}}},"title":"Dot (6 and more)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f3600e7b18e84c712739f5205b2920d0/img_type_number_dark_cac508e64c.png","childImageSharp":{"fluid":{"src":"/static/f3600e7b18e84c712739f5205b2920d0/ea686/img_type_number_dark_cac508e64c.png"}}}},"title":"Number","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/85f7e943603e654759fdfe2e93a7c47c/img_type_dot_5_overlay_32ca052b7e.png","childImageSharp":{"fluid":{"src":"/static/85f7e943603e654759fdfe2e93a7c47c/ea686/img_type_dot_5_overlay_32ca052b7e.png"}}}},"title":"Dot (5 of less)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6798fc152fa0fa6155162aafd127f485/img_type_dot_6_overlay_487db1ea7d.png","childImageSharp":{"fluid":{"src":"/static/6798fc152fa0fa6155162aafd127f485/ea686/img_type_dot_6_overlay_487db1ea7d.png"}}}},"title":"Dot (6 and more)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/96cbc0cf6fce829e9d292481c142250e/img_type_number_overlay_490c6b0333.png","childImageSharp":{"fluid":{"src":"/static/96cbc0cf6fce829e9d292481c142250e/ea686/img_type_number_overlay_490c6b0333.png"}}}},"title":"Number","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2]}}}]}},{"node":{"component_id":"Spinner_Type","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/cc2d84e37f75276c158adf063bcd2c82/113_spinner_ios_large_sementic_color_a31cecdcdd.png","childImageSharp":{"fluid":{"src":"/static/cc2d84e37f75276c158adf063bcd2c82/2b502/113_spinner_ios_large_sementic_color_a31cecdcdd.png"}}}},"title":"Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8f3fea0ab5c76423487969dc0703c494/img_spinner_s_light_1a3c26d243.png","childImageSharp":{"fluid":{"src":"/static/8f3fea0ab5c76423487969dc0703c494/93eb7/img_spinner_s_light_1a3c26d243.png"}}}},"title":"Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e1fec022e359aa5854e9cbc3121abdd9/img_spinner_c_light_5f5d10f88b.png","childImageSharp":{"fluid":{"src":"/static/e1fec022e359aa5854e9cbc3121abdd9/2c3e0/img_spinner_c_light_5f5d10f88b.png"}}}},"title":"Custom","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/fed1da7877c20b3ea1b731ef4ff51ca8/img_spinner_l_dark_206f03884d.png","childImageSharp":{"fluid":{"src":"/static/fed1da7877c20b3ea1b731ef4ff51ca8/2b502/img_spinner_l_dark_206f03884d.png"}}}},"title":"Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6f7fca8d8274cbeb3049c83133254002/img_spinner_s_dark_fc5c74eeb8.png","childImageSharp":{"fluid":{"src":"/static/6f7fca8d8274cbeb3049c83133254002/93eb7/img_spinner_s_dark_fc5c74eeb8.png"}}}},"title":"Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/efd3deffe78e70d82e4aafd4b9a0a4dd/img_spinner_c_dark_62130cf20d.png","childImageSharp":{"fluid":{"src":"/static/efd3deffe78e70d82e4aafd4b9a0a4dd/7bbaf/img_spinner_c_dark_62130cf20d.png"}}}},"title":"Custom","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/43943f31a5b3286edb214ce8adf8f54e/img_spinner_l_overlay_120621bd8e.png","childImageSharp":{"fluid":{"src":"/static/43943f31a5b3286edb214ce8adf8f54e/2b502/img_spinner_l_overlay_120621bd8e.png"}}}},"title":"Large","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3157de291b488f44a95f22293425d978/img_spinner_s_overlay_431b9c4160.png","childImageSharp":{"fluid":{"src":"/static/3157de291b488f44a95f22293425d978/93eb7/img_spinner_s_overlay_431b9c4160.png"}}}},"title":"Small","is_wide":null},{"image":{"localFile":{"publicURL":"/static/27fbf6c172e7325316a6099f8e65ce9f/img_spinner_c_overlay_04d5540fd2.png","childImageSharp":{"fluid":{"src":"/static/27fbf6c172e7325316a6099f8e65ce9f/7bbaf/img_spinner_c_overlay_04d5540fd2.png"}}}},"title":"Custom","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2]}}}]}},{"node":{"component_id":"ImageGrid_MultipleType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/b6cf2e91af2db0de20fbbe258b69cbe5/img_grid_multi_square_1_2x_94dbc44ab7.png","childImageSharp":{"fluid":{"src":"/static/b6cf2e91af2db0de20fbbe258b69cbe5/c9953/img_grid_multi_square_1_2x_94dbc44ab7.png"}}}},"title":"Square 1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3f56a6d147e4b08567f2b2b93c934bc2/img_grid_multi_square_2_2x_7d33273a73.png","childImageSharp":{"fluid":{"src":"/static/3f56a6d147e4b08567f2b2b93c934bc2/c9953/img_grid_multi_square_2_2x_7d33273a73.png"}}}},"title":"Square 2","is_wide":null},{"image":{"localFile":{"publicURL":"/static/353bb284b4b54288e5fb8c6e1223614c/img_grid_multi_rec_1_2x_8d885501c0.png","childImageSharp":{"fluid":{"src":"/static/353bb284b4b54288e5fb8c6e1223614c/c9953/img_grid_multi_rec_1_2x_8d885501c0.png"}}}},"title":"Rectangular 1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0f5a316811dd893a736476a3d338d7c4/img_grid_multi_rec_2_2x_c09c80882d.png","childImageSharp":{"fluid":{"src":"/static/0f5a316811dd893a736476a3d338d7c4/c9953/img_grid_multi_rec_2_2x_c09c80882d.png"}}}},"title":"Rectangular 2","is_wide":null}],"title":"Common","type":"Light","data":{"menu":null,"tabData":{"atomIndexes":[0,1,2,3]}}}]}},{"node":{"component_id":"List_LeftArea","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/6260dbaca0b7359444aaf7d442770598/list_left_area_profile_light_2x_73529b1274.png","childImageSharp":{"fluid":{"src":"/static/6260dbaca0b7359444aaf7d442770598/c9953/list_left_area_profile_light_2x_73529b1274.png"}}}},"title":"Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/baa7849fbe7cfee049c164242efe90cb/img_type_left_02_light_a8b83689d2.png","childImageSharp":{"fluid":{"src":"/static/baa7849fbe7cfee049c164242efe90cb/54539/img_type_left_02_light_a8b83689d2.png"}}}},"title":"Service","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b8448d734aa9af9608cfd85169c89cb2/list_left_area_image1_1_light_2x_4539ab997d.png","childImageSharp":{"fluid":{"src":"/static/b8448d734aa9af9608cfd85169c89cb2/c9953/list_left_area_image1_1_light_2x_4539ab997d.png"}}}},"title":"Image 1:1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/8518e5182138b60e45e6f1c4c3c97aa0/list_left_area_image4_3_light_2x_8085687cf7.png","childImageSharp":{"fluid":{"src":"/static/8518e5182138b60e45e6f1c4c3c97aa0/c9953/list_left_area_image4_3_light_2x_8085687cf7.png"}}}},"title":"Image 4:3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5f8c8866828886075ad7fb24016721c0/list_left_area_image16_9_light_2x_e41ef1a15a.png","childImageSharp":{"fluid":{"src":"/static/5f8c8866828886075ad7fb24016721c0/c9953/list_left_area_image16_9_light_2x_e41ef1a15a.png"}}}},"title":"Image 16:9","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6e099a577d931d30d39723f13327256c/list_left_area_image2_2_28_light_2x_cf46059dea.png","childImageSharp":{"fluid":{"src":"/static/6e099a577d931d30d39723f13327256c/c9953/list_left_area_image2_2_28_light_2x_cf46059dea.png"}}}},"title":"Image 2:2.28","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f064089b21f12c899b5f07628d69e2d7/img_type_left_07_light_248bfb9bdc.png","childImageSharp":{"fluid":{"src":"/static/f064089b21f12c899b5f07628d69e2d7/54539/img_type_left_07_light_248bfb9bdc.png"}}}},"title":"Icon","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Left Area"],"tabData":{"atomIndexes":[0,1,2,3,4,5,6]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/f1da7a47fdb78dc9ffe8d1a2823c7d46/list_left_area_profile_dark_2x_8d097058f1.png","childImageSharp":{"fluid":{"src":"/static/f1da7a47fdb78dc9ffe8d1a2823c7d46/c9953/list_left_area_profile_dark_2x_8d097058f1.png"}}}},"title":"Profile","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d0718aa98b893210e34990835028b5cf/img_type_left_02_dark_021a559e7d.png","childImageSharp":{"fluid":{"src":"/static/d0718aa98b893210e34990835028b5cf/54539/img_type_left_02_dark_021a559e7d.png"}}}},"title":"Service","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0e6559b679b53942f84d09aafa6bd005/list_left_area_image1_1_dark_2x_35d387d178.png","childImageSharp":{"fluid":{"src":"/static/0e6559b679b53942f84d09aafa6bd005/c9953/list_left_area_image1_1_dark_2x_35d387d178.png"}}}},"title":"Image 1:1","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4d000551a9fe780b265f1797aad80d2a/list_left_area_image4_3_dark_2x_4c45fe4cd6.png","childImageSharp":{"fluid":{"src":"/static/4d000551a9fe780b265f1797aad80d2a/c9953/list_left_area_image4_3_dark_2x_4c45fe4cd6.png"}}}},"title":"Image 4:3","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7fee4b587bb23424b5875c83b1aa3c2b/list_left_area_image16_9_dark_2x_b93246b2da.png","childImageSharp":{"fluid":{"src":"/static/7fee4b587bb23424b5875c83b1aa3c2b/c9953/list_left_area_image16_9_dark_2x_b93246b2da.png"}}}},"title":"Image 16:9","is_wide":null},{"image":{"localFile":{"publicURL":"/static/71e03a7a76f44077920ca62022d32c2a/list_left_area_image2_2_28_dark_2x_77bbc53d22.png","childImageSharp":{"fluid":{"src":"/static/71e03a7a76f44077920ca62022d32c2a/c9953/list_left_area_image2_2_28_dark_2x_77bbc53d22.png"}}}},"title":"Image 2:2.28","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0a5274feec7ac47e759bcff1a92665f5/img_type_left_07_dark_52ce8fb694.png","childImageSharp":{"fluid":{"src":"/static/0a5274feec7ac47e759bcff1a92665f5/54539/img_type_left_07_dark_52ce8fb694.png"}}}},"title":"Icon","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Left Area"],"tabData":{"atomIndexes":[0,1,2,3,4,5,6]}}}]}},{"node":{"component_id":"List_RightArea","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/55fe5368c46fc58a33350934523dba1d/list_right_area_switch_light_2x_75d2339513.png","childImageSharp":{"fluid":{"src":"/static/55fe5368c46fc58a33350934523dba1d/54539/list_right_area_switch_light_2x_75d2339513.png"}}}},"title":"Switch","is_wide":null},{"image":{"localFile":{"publicURL":"/static/82363cc2de9504d8a20cb1b00c45eba5/list_right_area_checkbox_light_2x_25ba654b58.png","childImageSharp":{"fluid":{"src":"/static/82363cc2de9504d8a20cb1b00c45eba5/54539/list_right_area_checkbox_light_2x_25ba654b58.png"}}}},"title":"Checkbox","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e96f6317abfd7a6dfb137201a551f402/list_right_area_checkmark_light_2x_4a263eb817.png","childImageSharp":{"fluid":{"src":"/static/e96f6317abfd7a6dfb137201a551f402/54539/list_right_area_checkmark_light_2x_4a263eb817.png"}}}},"title":"Checkmark","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9bca9eafcfccc10c3ff37220694987a0/list_right_area_radio_light_2x_2e60cb4ba4.png","childImageSharp":{"fluid":{"src":"/static/9bca9eafcfccc10c3ff37220694987a0/54539/list_right_area_radio_light_2x_2e60cb4ba4.png"}}}},"title":"Radio Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/073c6b8e740ddcc0e2f6a6a4e01f2cc5/list_right_area_icon_btn_light_2x_1366dd4f44.png","childImageSharp":{"fluid":{"src":"/static/073c6b8e740ddcc0e2f6a6a4e01f2cc5/54539/list_right_area_icon_btn_light_2x_1366dd4f44.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ba2e56301d8a85f85745e4fc2bad846e/list_right_area_text_light_2x_9e8232af9a.png","childImageSharp":{"fluid":{"src":"/static/ba2e56301d8a85f85745e4fc2bad846e/54539/list_right_area_text_light_2x_9e8232af9a.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/af5032fb8b0d3c31fef3ab6b9ea1fa68/list_right_area_bottom_light_2x_89708ff586.png","childImageSharp":{"fluid":{"src":"/static/af5032fb8b0d3c31fef3ab6b9ea1fa68/54539/list_right_area_bottom_light_2x_89708ff586.png"}}}},"title":"Below list Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d570f12acd51f76a69baee2758620c87/img_type_right_08_light_950258b7c4.png","childImageSharp":{"fluid":{"src":"/static/d570f12acd51f76a69baee2758620c87/54539/img_type_right_08_light_950258b7c4.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/3e505e1b42b52a7042a2c5ad5dee2d31/list_right_area_badge_light_2x_2cfb081a8f.png","childImageSharp":{"fluid":{"src":"/static/3e505e1b42b52a7042a2c5ad5dee2d31/54539/list_right_area_badge_light_2x_2cfb081a8f.png"}}}},"title":"Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e94bc18c15d4cedb935d2edcc54baa4c/list_right_area_image_light_2x_3ce7c14187.png","childImageSharp":{"fluid":{"src":"/static/e94bc18c15d4cedb935d2edcc54baa4c/54539/list_right_area_image_light_2x_3ce7c14187.png"}}}},"title":"Image","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Left Area"],"tabData":{"atomIndexes":[0,1,2,3,4,5,6,7,8,9]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/303c3a035a9e3670e9a34c64f5d3c207/list_right_area_switch_dark_2x_e6d19894d4.png","childImageSharp":{"fluid":{"src":"/static/303c3a035a9e3670e9a34c64f5d3c207/54539/list_right_area_switch_dark_2x_e6d19894d4.png"}}}},"title":"Switch","is_wide":null},{"image":{"localFile":{"publicURL":"/static/744d9c78f63e021a018f2e07bbd69d1b/list_right_area_checkbox_dark_2x_3f05e46054.png","childImageSharp":{"fluid":{"src":"/static/744d9c78f63e021a018f2e07bbd69d1b/54539/list_right_area_checkbox_dark_2x_3f05e46054.png"}}}},"title":"Checkbox","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6c2bab955e029c02a7f7441bbd1747ee/list_right_area_checkmark_dark_2x_7083424286.png","childImageSharp":{"fluid":{"src":"/static/6c2bab955e029c02a7f7441bbd1747ee/54539/list_right_area_checkmark_dark_2x_7083424286.png"}}}},"title":"Checkmark","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e399bf32d9064b7b89d2fbc47a0db3ca/list_right_area_radio_dark_2x_7cee434a40.png","childImageSharp":{"fluid":{"src":"/static/e399bf32d9064b7b89d2fbc47a0db3ca/54539/list_right_area_radio_dark_2x_7cee434a40.png"}}}},"title":"Radio Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/abe1b227cbf300e2768c708bf5f7de2b/list_right_area_icon_btn_dark_2x_25f9904f03.png","childImageSharp":{"fluid":{"src":"/static/abe1b227cbf300e2768c708bf5f7de2b/54539/list_right_area_icon_btn_dark_2x_25f9904f03.png"}}}},"title":"Icon Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ec04c9b9ed50ae95bac786d206ac67ec/list_right_area_text_dark_2x_29d9084708.png","childImageSharp":{"fluid":{"src":"/static/ec04c9b9ed50ae95bac786d206ac67ec/54539/list_right_area_text_dark_2x_29d9084708.png"}}}},"title":"Text Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f43e260186c57b0a4c00029beaa608ba/list_right_area_bottom_dark_2x_d677b60c26.png","childImageSharp":{"fluid":{"src":"/static/f43e260186c57b0a4c00029beaa608ba/54539/list_right_area_bottom_dark_2x_d677b60c26.png"}}}},"title":"Below list Button","is_wide":null},{"image":{"localFile":{"publicURL":"/static/07928118c3b8f4758630fafc1642503f/img_type_right_08_dark_7bf85ded2a.png","childImageSharp":{"fluid":{"src":"/static/07928118c3b8f4758630fafc1642503f/54539/img_type_right_08_dark_7bf85ded2a.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/258cbef242af032a2992722abdb27437/list_right_area_badge_dark_2x_8e3904e78d.png","childImageSharp":{"fluid":{"src":"/static/258cbef242af032a2992722abdb27437/54539/list_right_area_badge_dark_2x_8e3904e78d.png"}}}},"title":"Badge","is_wide":null},{"image":{"localFile":{"publicURL":"/static/f015c001060e64857f2dec244e4ce3c3/list_right_area_image_dark_2x_2bf7d253a8.png","childImageSharp":{"fluid":{"src":"/static/f015c001060e64857f2dec244e4ce3c3/54539/list_right_area_image_dark_2x_2bf7d253a8.png"}}}},"title":"Image","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Left Area"],"tabData":{"atomIndexes":[0,1,2,3,4,5,6,7,8,9]}}}]}},{"node":{"component_id":"Snackbar_TopType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/94d0e5c30c5a1d75108f11424a3f49cb/111_dialog_snackbar_ios_top_common_9524192579.png","childImageSharp":{"fluid":{"src":"/static/94d0e5c30c5a1d75108f11424a3f49cb/44d34/111_dialog_snackbar_ios_top_common_9524192579.png"}}}},"title":"Common (Feedback)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fd12ffc15d6398e6aca239c35ba18e1a/111_dialog_snackbar_ios_top_chat_45730c7ce5.png","childImageSharp":{"fluid":{"src":"/static/fd12ffc15d6398e6aca239c35ba18e1a/44d34/111_dialog_snackbar_ios_top_chat_45730c7ce5.png"}}}},"title":"Chat notification","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/6882b45e7a7a88dac7aa73db4f5ecfe3/111_dialog_snackbar_ios_top_common_dark_dde74bde19.png","childImageSharp":{"fluid":{"src":"/static/6882b45e7a7a88dac7aa73db4f5ecfe3/44d34/111_dialog_snackbar_ios_top_common_dark_dde74bde19.png"}}}},"title":"Common (Feedback)","is_wide":null},{"image":{"localFile":{"publicURL":"/static/fb414dd5ee5385b7dacfd38730c43177/111_dialog_snackbar_ios_top_chat_dark_1cde8fa90b.png","childImageSharp":{"fluid":{"src":"/static/fb414dd5ee5385b7dacfd38730c43177/44d34/111_dialog_snackbar_ios_top_chat_dark_1cde8fa90b.png"}}}},"title":"Chat notification","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}}]}},{"node":{"component_id":"TopNav_SearchType","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/86ef82156fbb38608894031dae0c1e88/top_navi_search_1_2x_e9dd69238b.png","childImageSharp":{"fluid":{"src":"/static/86ef82156fbb38608894031dae0c1e88/c9953/top_navi_search_1_2x_e9dd69238b.png"}}}},"title":"Default","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/aaf98022c746782db46d8d42c511b69b/top_navi_search_2_2x_5e91d93538.png","childImageSharp":{"fluid":{"src":"/static/aaf98022c746782db46d8d42c511b69b/c9953/top_navi_search_2_2x_5e91d93538.png"}}}},"title":"Default","is_wide":null}],"title":"Dark","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/b31b257c359b71a20d573fb93f875bd1/top_navi_search_3_2x_fd3eda8b14.png","childImageSharp":{"fluid":{"src":"/static/b31b257c359b71a20d573fb93f875bd1/52603/top_navi_search_3_2x_fd3eda8b14.png"}}}},"title":"Default","is_wide":null}],"title":"Overlay","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0]}}}]}},{"node":{"component_id":"BottomSheet_Layout","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/90ef6245fecad9a52dca8a1fcacd0bbb/basic_8_f7c883e850.png","childImageSharp":{"fluid":{"src":"/static/90ef6245fecad9a52dca8a1fcacd0bbb/50033/basic_8_f7c883e850.png"}}}},"title":"Basic view","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d00e5b2770ea16d95b1513e6ffa02001/exapnded_8_1_0463d227cc.png","childImageSharp":{"fluid":{"src":"/static/d00e5b2770ea16d95b1513e6ffa02001/50033/exapnded_8_1_0463d227cc.png"}}}},"title":"Expanded view","is_wide":null}],"title":"iPhone 8","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/ee7167c785267d3cdbd8c0600809c222/basic_x_d5c70138fc.png","childImageSharp":{"fluid":{"src":"/static/ee7167c785267d3cdbd8c0600809c222/50033/basic_x_d5c70138fc.png"}}}},"title":"Basic view","is_wide":null},{"image":{"localFile":{"publicURL":"/static/75c77dd7503f51244358576e2663e956/expanded_x_76f4eb8298.png","childImageSharp":{"fluid":{"src":"/static/75c77dd7503f51244358576e2663e956/50033/expanded_x_76f4eb8298.png"}}}},"title":"Expanded view","is_wide":null}],"title":"iPhone X","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1]}}}]}},{"node":{"component_id":"LDSG_Bottom-Sheet_02","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/014a050b447fae46c5a7199738bc5d66/01_Text_Botton_Sheet_f8a4c01c05.png","childImageSharp":{"fluid":{"src":"/static/014a050b447fae46c5a7199738bc5d66/54539/01_Text_Botton_Sheet_f8a4c01c05.png"}}}},"title":"Text","is_wide":null},{"image":{"localFile":{"publicURL":"/static/a3ab4f95a5bca18704dcdae5ff5ad740/02_Avatar_Botton_Sheet_a10d06c0bd.png","childImageSharp":{"fluid":{"src":"/static/a3ab4f95a5bca18704dcdae5ff5ad740/54539/02_Avatar_Botton_Sheet_a10d06c0bd.png"}}}},"title":"Avatar","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e0b0c8fe6ffb8d3b47d1f7c836771c7c/03_Grid_Bottom_Sheet_ce012c441b.png","childImageSharp":{"fluid":{"src":"/static/e0b0c8fe6ffb8d3b47d1f7c836771c7c/54539/03_Grid_Bottom_Sheet_ce012c441b.png"}}}},"title":"Grid","is_wide":null},{"image":{"localFile":{"publicURL":"/static/47423e5aa83069afa13d5f8e455f140d/04_List_Bottom_Sheet_5afac3b170.png","childImageSharp":{"fluid":{"src":"/static/47423e5aa83069afa13d5f8e455f140d/54539/04_List_Bottom_Sheet_5afac3b170.png"}}}},"title":"List","is_wide":null},{"image":{"localFile":{"publicURL":"/static/70bac382e336340c6ab133c731f949ef/05_Image_Bottom_Sheet_afe7b8001b.png","childImageSharp":{"fluid":{"src":"/static/70bac382e336340c6ab133c731f949ef/54539/05_Image_Bottom_Sheet_afe7b8001b.png"}}}},"title":"Image","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1cca3354f6c6353731eafd3166e6e855/06_Banner_Bottom_Sheet_1b0058f32d.png","childImageSharp":{"fluid":{"src":"/static/1cca3354f6c6353731eafd3166e6e855/54539/06_Banner_Bottom_Sheet_1b0058f32d.png"}}}},"title":"Banner","is_wide":null},{"image":{"localFile":{"publicURL":"/static/ba77c6e9fb38aef7064a56b40a819e63/07_Custom_Bottom_Sheet_1fab9a06b4.png","childImageSharp":{"fluid":{"src":"/static/ba77c6e9fb38aef7064a56b40a819e63/54539/07_Custom_Bottom_Sheet_1fab9a06b4.png"}}}},"title":"Custom","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Element Pattern"],"tabData":{"atomIndexes":[0,1,2,3,4,5,6]}}}]}},{"node":{"component_id":"type_ToolBar","tabs":[{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/2ad6173e9ae20c9df1cd8727c6ef2fce/img_toolbar_5_light_f75cd6f926.png","childImageSharp":{"fluid":{"src":"/static/2ad6173e9ae20c9df1cd8727c6ef2fce/44d34/img_toolbar_5_light_f75cd6f926.png"}}}},"title":"5 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d1997314d565d74fbcee1452903ac820/img_toolbar_4_light_915f83790c.png","childImageSharp":{"fluid":{"src":"/static/d1997314d565d74fbcee1452903ac820/44d34/img_toolbar_4_light_915f83790c.png"}}}},"title":"4 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0a9f5ba6f1a227ff5cbaaa2f02814c5b/img_toolbar_3_light_42ca4c3d82.png","childImageSharp":{"fluid":{"src":"/static/0a9f5ba6f1a227ff5cbaaa2f02814c5b/44d34/img_toolbar_3_light_42ca4c3d82.png"}}}},"title":"3 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/9617dde5b681e7dd5975853499169134/img_toolbar_2_light_f21fa501f0.png","childImageSharp":{"fluid":{"src":"/static/9617dde5b681e7dd5975853499169134/44d34/img_toolbar_2_light_f21fa501f0.png"}}}},"title":"2 Column","is_wide":null}],"title":"Light","type":"Light","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2,3]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/9da10852136a81f971f02e17d6f630f0/img_toolbar_5_dark_00a6bcc9b2.png","childImageSharp":{"fluid":{"src":"/static/9da10852136a81f971f02e17d6f630f0/44d34/img_toolbar_5_dark_00a6bcc9b2.png"}}}},"title":"5 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/1ca2b8635ee38b54651575dbc58d0a88/img_toolbar_4_dark_5bfd3b87f7.png","childImageSharp":{"fluid":{"src":"/static/1ca2b8635ee38b54651575dbc58d0a88/44d34/img_toolbar_4_dark_5bfd3b87f7.png"}}}},"title":"4 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/86927bfda476e938af235120f503ec1b/img_toolbar_3_dark_cba6068e27.png","childImageSharp":{"fluid":{"src":"/static/86927bfda476e938af235120f503ec1b/44d34/img_toolbar_3_dark_cba6068e27.png"}}}},"title":"3 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/4bda9beaf5d75d44217895e356bbc499/img_toolbar_2_dark_7024f9269f.png","childImageSharp":{"fluid":{"src":"/static/4bda9beaf5d75d44217895e356bbc499/44d34/img_toolbar_2_dark_7024f9269f.png"}}}},"title":"2 Column","is_wide":null}],"title":"Dark","type":"Dark","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2,3]}}},{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/a3da97e2bd932f8ca3a06a60be93688e/img_toolbar_5_overlay_ef153820b3.png","childImageSharp":{"fluid":{"src":"/static/a3da97e2bd932f8ca3a06a60be93688e/44d34/img_toolbar_5_overlay_ef153820b3.png"}}}},"title":"5 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/faae2c70e45ab99bd75f9ffec43bef34/img_toolbar_4_overlay_53593c25ef.png","childImageSharp":{"fluid":{"src":"/static/faae2c70e45ab99bd75f9ffec43bef34/44d34/img_toolbar_4_overlay_53593c25ef.png"}}}},"title":"4 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/6454f9dceb51958b4445893c5dff79b8/img_toolbar_3_overlay_008726b1df.png","childImageSharp":{"fluid":{"src":"/static/6454f9dceb51958b4445893c5dff79b8/44d34/img_toolbar_3_overlay_008726b1df.png"}}}},"title":"3 Column","is_wide":null},{"image":{"localFile":{"publicURL":"/static/360e75cae01c65a3491e40b0727a7c81/img_toolbar_2_overlay_8bef971a7a.png","childImageSharp":{"fluid":{"src":"/static/360e75cae01c65a3491e40b0727a7c81/44d34/img_toolbar_2_overlay_8bef971a7a.png"}}}},"title":"2 Column","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Type"],"tabData":{"atomIndexes":[0,1,2,3]}}}]}}],"typeSimulatorFabs":[{"node":{"component_id":"1-do-not-delete","tab":{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/4b258be6f1f1c37b29867d8882d0fa12/text_input_03_482709c772.png","childImageSharp":{"fluid":{"src":"/static/4b258be6f1f1c37b29867d8882d0fa12/73f08/text_input_03_482709c772.png"}}}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/1ab50e56898dc514d3a12b3a5a0f6520/img_anatomy_c20329c599.png","childImageSharp":{"fluid":{"src":"/static/1ab50e56898dc514d3a12b3a5a0f6520/73f08/img_anatomy_c20329c599.png"}}}},"title":"Inactive","is_wide":false},{"image":{"localFile":{"publicURL":"/static/4b258be6f1f1c37b29867d8882d0fa12/text_input_03_482709c772.png","childImageSharp":{"fluid":{"src":"/static/4b258be6f1f1c37b29867d8882d0fa12/73f08/text_input_03_482709c772.png"}}}},"title":"Active","is_wide":false},{"image":{"localFile":{"publicURL":"/static/72bf81e23a9ea3c5e36fbfd8773efa81/text_input_02_ad847b5735.png","childImageSharp":{"fluid":{"src":"/static/72bf81e23a9ea3c5e36fbfd8773efa81/73f08/text_input_02_ad847b5735.png"}}}},"title":"Inactive","is_wide":false}],"title":"FAB","type":"Light","data":{"menu":["Type","State"],"tabData":[{"title":"Primary Green","atomIndexes":[0,1]},{"title":"Destructive Red","atomIndexes":[2,3]}]}}}},{"node":{"component_id":"Floating_Action_Button_simulator","tab":{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/6e72b8805efa4d9cff91ae42cc8e14ae/green_21cc027342.png","childImageSharp":{"fluid":{"src":"/static/6e72b8805efa4d9cff91ae42cc8e14ae/d6750/green_21cc027342.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/66655e3def8b5d48527971549aa63d58/green_press_8e01ba4721.png","childImageSharp":{"fluid":{"src":"/static/66655e3def8b5d48527971549aa63d58/d6750/green_press_8e01ba4721.png"}}}},"title":"Pressed","is_wide":null},{"image":{"localFile":{"publicURL":"/static/99ff7e1b607304f4af0cac084d7a4aaa/white_935e5471fa.png","childImageSharp":{"fluid":{"src":"/static/99ff7e1b607304f4af0cac084d7a4aaa/62337/white_935e5471fa.png"}}}},"title":"Active","is_wide":null},{"image":{"localFile":{"publicURL":"/static/b75327fdee5c07b723f34ce76a66d045/white_press_074703e3cf.png","childImageSharp":{"fluid":{"src":"/static/b75327fdee5c07b723f34ce76a66d045/62337/white_press_074703e3cf.png"}}}},"title":"Pressed","is_wide":null}],"title":null,"type":"Light","data":{"menu":["Type","State"],"tabData":[{"title":"Green","atomIndexes":[0,1]},{"title":"White","atomIndexes":[2,3]}]}}}},{"node":{"component_id":"Video_Type","tab":{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/eab4a5e8974a097e2e1f16fe86482270/video_fullscreen_landscape_2x_2bfc5b5c3f.png","childImageSharp":{"fluid":{"src":"/static/eab4a5e8974a097e2e1f16fe86482270/c9953/video_fullscreen_landscape_2x_2bfc5b5c3f.png"}}}},"title":"Landscape","is_wide":null},{"image":{"localFile":{"publicURL":"/static/53df5256dac843f3616e8da584e95ee5/video_fullscreen_portrait_2x_c1931bfee9.png","childImageSharp":{"fluid":{"src":"/static/53df5256dac843f3616e8da584e95ee5/c9953/video_fullscreen_portrait_2x_c1931bfee9.png"}}}},"title":"Portrait","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e795782c1c185ae47602181550602d1d/video_module_full_width_2x_84b1867e34.png","childImageSharp":{"fluid":{"src":"/static/e795782c1c185ae47602181550602d1d/fa23c/video_module_full_width_2x_84b1867e34.png"}}}},"title":"Full-width","is_wide":null},{"image":{"localFile":{"publicURL":"/static/03e949c67382b4e3298022da0f6a4b78/video_module_card_2x_3d0e2371e8.png","childImageSharp":{"fluid":{"src":"/static/03e949c67382b4e3298022da0f6a4b78/fa23c/video_module_card_2x_3d0e2371e8.png"}}}},"title":"Card","is_wide":null}],"title":null,"type":"Light","data":{"menu":["Type","Mode"],"tabData":[{"title":"Fullscreen type","atomIndexes":[0,1]},{"title":"Module type","atomIndexes":[2,3]}]}}}},{"node":{"component_id":"TopNav_RegularType_Overlay","tab":{"type_simulator_atoms":[{"image":{"localFile":{"publicURL":"/static/b6b90fe6583f33391f6187811906c0f6/img_type_regular_text_icon_dim_overlay_d7b229eddd.png","childImageSharp":{"fluid":{"src":"/static/b6b90fe6583f33391f6187811906c0f6/319bd/img_type_regular_text_icon_dim_overlay_d7b229eddd.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/cd0a3a1e94983fc039700311b5f61c0c/img_type_regular_text_icon_transparent_overlay_e6229459db.png","childImageSharp":{"fluid":{"src":"/static/cd0a3a1e94983fc039700311b5f61c0c/319bd/img_type_regular_text_icon_transparent_overlay_e6229459db.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/7ea3b22829b5280c4775f3c927709c26/img_type_regular_text_icontext_dim_overlay_b0bd23ec19.png","childImageSharp":{"fluid":{"src":"/static/7ea3b22829b5280c4775f3c927709c26/319bd/img_type_regular_text_icontext_dim_overlay_b0bd23ec19.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/525e2046464719cf5443ad4a70b754fc/img_type_regular_text_icontext_transparent_overlay_52321b8238.png","childImageSharp":{"fluid":{"src":"/static/525e2046464719cf5443ad4a70b754fc/319bd/img_type_regular_text_icontext_transparent_overlay_52321b8238.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/20745fd9423bb5e59069edc4edbf93a6/img_type_regular_text_text_dim_overlay_7fe8f1e7e6.png","childImageSharp":{"fluid":{"src":"/static/20745fd9423bb5e59069edc4edbf93a6/319bd/img_type_regular_text_text_dim_overlay_7fe8f1e7e6.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d6dd21b21fc816a73dfb62bc92341393/img_type_regular_text_text_transparent_overlay_b4d8b4ef98.png","childImageSharp":{"fluid":{"src":"/static/d6dd21b21fc816a73dfb62bc92341393/319bd/img_type_regular_text_text_transparent_overlay_b4d8b4ef98.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/c49b9d6faa8d9cee42b589e0e384386c/img_type_regular_textmenu_icon_dim_overlay_6948f6458a.png","childImageSharp":{"fluid":{"src":"/static/c49b9d6faa8d9cee42b589e0e384386c/319bd/img_type_regular_textmenu_icon_dim_overlay_6948f6458a.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/5dc2a12d4ca0ae0cdfb0416993faf439/img_type_regular_textmenu_icon_transparent_overlay_c59d51f994.png","childImageSharp":{"fluid":{"src":"/static/5dc2a12d4ca0ae0cdfb0416993faf439/319bd/img_type_regular_textmenu_icon_transparent_overlay_c59d51f994.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/0aaa56b5273090f0b6a30935b58d29df/img_type_regular_textmenu_icontext_dim_overlay_3fbf8c8cba.png","childImageSharp":{"fluid":{"src":"/static/0aaa56b5273090f0b6a30935b58d29df/319bd/img_type_regular_textmenu_icontext_dim_overlay_3fbf8c8cba.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/e68dfc93569e7d1a8f96bd6e9d80804c/img_type_regular_textmenu_icontext_transparent_overlay_6329c508e7.png","childImageSharp":{"fluid":{"src":"/static/e68dfc93569e7d1a8f96bd6e9d80804c/319bd/img_type_regular_textmenu_icontext_transparent_overlay_6329c508e7.png"}}}},"title":"Transparent","is_wide":null},{"image":{"localFile":{"publicURL":"/static/d1df43bc301de59bc42ae5eb7516f398/img_type_regular_textmenu_text_dim_overlay_14c18b4b32.png","childImageSharp":{"fluid":{"src":"/static/d1df43bc301de59bc42ae5eb7516f398/319bd/img_type_regular_textmenu_text_dim_overlay_14c18b4b32.png"}}}},"title":"Dim","is_wide":null},{"image":{"localFile":{"publicURL":"/static/25e265753112617a0e6ff87b324fbe6c/img_type_regular_textmenu_text_transparent_overlay_dad0d5eae6.png","childImageSharp":{"fluid":{"src":"/static/25e265753112617a0e6ff87b324fbe6c/319bd/img_type_regular_textmenu_text_transparent_overlay_dad0d5eae6.png"}}}},"title":"Transparent","is_wide":null}],"title":"Overlay","type":"OverLay","data":{"menu":["Title Area","Button Area","Button Area"],"tabData":[{"title":"Text","atomIndexes":null},{"title":"Text + Menu","atomIndexes":null}]}}}}],"tabWrappers":[{"node":{"tabs":[{"title":"iOS","content":"<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_EN_59954d816d.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_JP_b85d13c9ac.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">SF Pro Text | Display</td>\n<td style=\"width: 49.6148%; height: 20px;\">Hiragino Sans</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Light &bull; Regular &bull; Medium &bull; Semibold &bull; Bold &bull; Heavy</td>\n<td style=\"width: 49.6148%; height: 20px;\">W3 &bull; W6 &bull; W7</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_heiti_6ba5892219.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_Thai_ddecb03792.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Pingfang</td>\n<td style=\"width: 49.6148%; height: 20px;\">Thonburi</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Medium &bull; Semibold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold &bull; Extrabold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_Kor_245c707447.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Apple SD Gothic Neo</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Light &bull; Regular &bull; Medium &bull; Semibold &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/Android_EN_65f497a33b.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_JP_6e456113e2.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Roboto</td>\n<td style=\"width: 49.6148%; height: 20px;\">Noto Sans CJK JP</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_heiti_05df8ef14e.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_Thai_d698986e06.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Noto Sans CJK TC</td>\n<td style=\"width: 49.6148%; height: 20px;\">Noto Sans CJK Thai</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_Kor_abe18726e1.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Noto Sans CJK KR</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-typography-en"}},{"node":{"tabs":[{"title":"iOS","content":"<h4>Modality Criteria</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_modalitycriteria_ios_a8990e1311.png\" alt=\"\" width=\"1600\" height=\"1164\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Required</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Immersion</th>\n<td style=\"width: 40%; height: 20px;\">When the modal task is immersive content or when the full screen is required.</td>\n<td style=\"width: 40%; height: 20px;\">Taking pictures, writing posts, QR code scan, and editing photos</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Completeness</th>\n<td style=\"width: 40%; height: 20px;\">When the modal task has clear starting point and ending point</td>\n<td style=\"width: 40%; height: 20px;\">Add friend, create chat room, and create group</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE services</th>\n<td style=\"width: 40%; height: 20px;\">Services provided by LINE</td>\n<td style=\"width: 40%; height: 20px;\">Sticker shop, theme shop, and LINE shopping</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 120px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Recommend</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Inconsistency of context</th>\n<td style=\"width: 40%; height: 20px;\">When the modal task has deviated from the existing context</td>\n<td style=\"width: 40%; height: 20px;\">Keep, Official Account</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Necessity of isolation</th>\n<td style=\"width: 40%; height: 20px;\">When you must restrict the user from moving to another screen while performing a modal task</td>\n<td style=\"width: 40%; height: 20px;\">Scan bill</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Unimportance</th>\n<td style=\"width: 40%; height: 20px;\">When the modal task is not related to an important task in the existing screen</td>\n<td style=\"width: 40%; height: 20px;\">Shopping Talk and GIF magazine</td>\n</tr>\n<tr style=\"height: 40px;\">\n<th style=\"width: 20%; height: 40px; text-align: left;\">Regression</th>\n<td style=\"width: 40%; height: 40px;\">If one must return to the existing screen after completing the modal task</td>\n<td style=\"width: 40%; height: 40px;\">Enter the address and enter the date</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<p>&nbsp;</p>\n<h4>Modality Checklist</h4>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Required</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Immersion</th>\n<td style=\"width: 40%; height: 20px;\">Is it a task which requires the full screen for the user&rsquo;s immersion for the content?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Completeness</th>\n<td style=\"width: 40%; height: 20px;\">Is the task composed of a single line of flow from the starting point to the end point?<br />(Linear flow )</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE services</th>\n<td style=\"width: 40%; height: 20px;\">Is it a LINE Family Service not related to the core functions of the bottom navigation?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 120px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Recommend</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Inconsistency of context</th>\n<td style=\"width: 40%; height: 20px;\">When the modal task has deviated from the existing context</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">&nbsp;</th>\n<td style=\"width: 40%;\">Is it possible to identify the amount of information on the provided screen upon entry at a glance?</td>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">&nbsp;</th>\n<td style=\"width: 40%;\">Is the menu structure provided upon entry simple and not complicated?</td>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">&nbsp;</th>\n<td style=\"width: 40%;\">Are there many cases where the modal screen is generated again after entering the modal?</td>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Necessity of isolation</th>\n<td style=\"width: 40%; height: 20px;\">Is there an advantage to restricting the movement of users until completing or canceling the task?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Unimportance</th>\n<td style=\"width: 40%; height: 20px;\">Is the task an important task for the existing screen?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 40px;\">\n<th style=\"width: 20%; height: 40px; text-align: left;\">Regression</th>\n<td style=\"width: 40%; height: 40px;\">Is it absolutely necessary to return to the existing screen after completing the task?</td>\n<td style=\"width: 40%; height: 40px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<h4>Modality Criteria</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_modalitycriteria_aos_b4370486e2.png\" alt=\"\" width=\"1600\" height=\"636\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Immersion</th>\n<td style=\"width: 40%; height: 20px;\">When the modal task is immersive content or when the full screen is required.</td>\n<td style=\"width: 40%; height: 20px;\">Taking pictures, writing posts, QR code scan, and editing photos</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE services</th>\n<td style=\"width: 40%; height: 20px;\">Services provided by LINE</td>\n<td style=\"width: 40%; height: 20px;\">Sticker shop, theme shop, and LINE shopping</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<p>&nbsp;</p>\n<h4>Modality Checklist</h4>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Immersion</th>\n<td style=\"width: 40%; height: 20px;\">Is it a task which requires the full screen for the user&rsquo;s immersion for the content?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE services</th>\n<td style=\"width: 40%; height: 20px;\">Is it a LINE Family Service not related to the core functions of the bottom navigation?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_c964247f2e.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-modal-1-en"}},{"node":{"tabs":[{"title":"iOS","content":"<h4>Modality Criteria</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_09_d1cfa4b92e.png\" alt=\"\" width=\"1200\" height=\"901\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Required</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">몰입성</th>\n<td style=\"width: 40%; height: 20px;\">모달 과업이 몰입형 컨텐츠거나 전체 화면이 필요한 경우</td>\n<td style=\"width: 40%; height: 20px;\">사진 촬영, 포스트 작성, QR 코드 스캔, 사진 편집</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">완결성</th>\n<td style=\"width: 40%; height: 20px;\">모달 과업이 명확한 시작점과 종료점이 있는 경우</td>\n<td style=\"width: 40%; height: 20px;\">친구 추가, 채팅방 생성, 그룹 생성</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE 서비스</th>\n<td style=\"width: 40%; height: 20px;\">LINE에서 제공하는 서비스</td>\n<td style=\"width: 40%; height: 20px;\">스티커샵, 테마샵, LINE 쇼핑</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 115px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Recommend</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 15px; text-align: left;\">맥락 불일치성</th>\n<td style=\"width: 40%; height: 15px;\">모달 과업이 기존 컨텍스트에서 벗어난 경우</td>\n<td style=\"width: 40%; height: 15px;\">Keep, Official Account</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">고립 필요성</th>\n<td style=\"width: 40%; height: 20px;\">모달 과업 진행 시 사용자가 다른 화면으로 이동하는 것을 제한 해야 하는 경우</td>\n<td style=\"width: 40%; height: 20px;\">Scan bill</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">비 주요성</th>\n<td style=\"width: 40%; height: 20px;\">모달 과업이 기존 화면의 주요 과업과 관련이 없는 경우</td>\n<td style=\"width: 40%; height: 20px;\">쇼핑 톡, GIF magazine</td>\n</tr>\n<tr style=\"height: 40px;\">\n<th style=\"width: 20%; height: 40px; text-align: left;\">회귀성</th>\n<td style=\"width: 40%; height: 40px;\">모달 과업 완료 후 기존 화면으로 반드시 복귀해야 하는 경우</td>\n<td style=\"width: 40%; height: 40px;\">주소 입력, 날짜 입력</td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<h4>Modality Criteria</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_10_a814005086.png\" alt=\"\" width=\"1200\" height=\"487\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">몰입성</th>\n<td style=\"width: 40%; height: 20px;\">모달 과업이 몰입형 컨텐츠거나 전체 화면이 필요한 경우</td>\n<td style=\"width: 40%; height: 20px;\">사진 촬영, 포스트 작성, QR 코드 스캔,사진 편집</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE 서비스</th>\n<td style=\"width: 40%; height: 20px;\">LINE에서 제공하는 서비스</td>\n<td style=\"width: 40%; height: 20px;\">스티커샵, 테마샵, LINE 쇼핑</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<p>&nbsp;</p>\n<h4>Modality Checklist</h4>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">몰입성</th>\n<td style=\"width: 40%; height: 20px;\">콘텐츠에 대한 사용자의 몰입을 위해 전체 화면이 필요한 작업입니까?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE 서비스 (LIFF)</th>\n<td style=\"width: 40%; height: 20px;\">Bottom navigation의 핵심 기능과 관련 없는 LINE Family Service 입니까?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-modal-1-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<h4>Modality Criteria</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_modalitycriteria_ios_a8990e1311.png\" alt=\"\" width=\"1600\" height=\"1164\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Required</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">没入性</th>\n<td style=\"width: 40%; height: 20px;\">モーダルタスクが没入性のある、または全画面表示が必要な場合</td>\n<td style=\"width: 40%; height: 20px;\">写真の撮影、ポストの作成、QRコードのスキャン、写真の編集</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">完結性</th>\n<td style=\"width: 40%; height: 20px;\">モーダルタスクが明確な開始点と終了点を持つ場合</td>\n<td style=\"width: 40%; height: 20px;\">友だちの追加、チャットの作成、グループの作成</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINEサービス</th>\n<td style=\"width: 40%; height: 20px;\">LINEが提供するサービス</td>\n<td style=\"width: 40%; height: 20px;\">ステッカーショップ、テーマショップ、LINEショッピング</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 120px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Recommend</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">コンテキストとの不一致性</th>\n<td style=\"width: 40%; height: 20px;\">モーダルタスクが既存のコンテキストから離れた場合</td>\n<td style=\"width: 40%; height: 20px;\">Keep, Official Account</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">隔離の必要性</th>\n<td style=\"width: 40%; height: 20px;\">モーダルタスクを進めている間、ユーザーが別の画面に移動するのを制限する必要がある場合</td>\n<td style=\"width: 40%; height: 20px;\">Scan bill</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">非重要性</th>\n<td style=\"width: 40%; height: 20px;\">モーダルタスクが既存の画面のメインタスクと関連していない場合</td>\n<td style=\"width: 40%; height: 20px;\">ショッピングトーク、GIF magazine</td>\n</tr>\n<tr style=\"height: 40px;\">\n<th style=\"width: 20%; height: 40px; text-align: left;\">回帰性</th>\n<td style=\"width: 40%; height: 40px;\">モーダルタスクを完了してから、必ず既存の画面に戻る必要がある場合</td>\n<td style=\"width: 40%; height: 40px;\">住所の入力、日付の入力</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<p>&nbsp;</p>\n<h4>Modality Checklist</h4>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Required</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">没入性</th>\n<td style=\"width: 40%; height: 20px;\">コンテンツへのユーザーの没入のために、タスクは全画面表示を必要としますか？</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">完結性</th>\n<td style=\"width: 40%; height: 20px;\">そのタスクが、開始点から終了点まで、1つの動線で構成されていますか？<br />（Linear flow: 線形フロー）</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINEサービス</th>\n<td style=\"width: 40%; height: 20px;\">Bottom navigationの主な機能と関連していないLINE Family Serviceですか？</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 120px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Recommend</th>\n<td style=\"width: 40%; height: 20px;\">&nbsp;</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">コンテキストとの不一致性</th>\n<td style=\"width: 40%; height: 20px;\">モーダルタスクが既存のコンテキストから離れた場合</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">&nbsp;</th>\n<td style=\"width: 40%;\">遷移する際に提供される画面の情報量をすぐに確認できますか？</td>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">&nbsp;</th>\n<td style=\"width: 40%;\">遷移する際に提供されるメニューの構造が複雑ではなく、単純ですか？</td>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">&nbsp;</th>\n<td style=\"width: 40%;\">モーダルに遷移してから、再度モーダル画面が発生することが多いですか？</td>\n<td style=\"width: 40%; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">孤立の必要性</th>\n<td style=\"width: 40%; height: 20px;\">そのタスクを完了またはキャンセルする前に、ユーザーの移動を制限するメリットがありますか？</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">非重要性</th>\n<td style=\"width: 40%; height: 20px;\">そのタスクが、既存の画面でのメインタスクですか？</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 40px;\">\n<th style=\"width: 20%; height: 40px; text-align: left;\">回帰性</th>\n<td style=\"width: 40%; height: 40px;\">そのタスクを完了して、必ず既存の画面に戻る必要がありますか？</td>\n<td style=\"width: 40%; height: 40px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<h4>Modality Criteria</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_modalitycriteria_aos_b4370486e2.png\" alt=\"\" width=\"1600\" height=\"636\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Immersion</th>\n<td style=\"width: 40%; height: 20px;\">When the modal task is immersive content or when the full screen is required.</td>\n<td style=\"width: 40%; height: 20px;\">Taking pictures, writing posts, QR code scan, and editing photos</td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE services</th>\n<td style=\"width: 40%; height: 20px;\">Services provided by LINE</td>\n<td style=\"width: 40%; height: 20px;\">Sticker shop, theme shop, and LINE shopping</td>\n</tr>\n</tbody>\n</table>\n</div>\n<h4>&nbsp;</h4>\n<h4>&nbsp;</h4>\n<h4>Modality Checklist</h4>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 80px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">Immersion</th>\n<td style=\"width: 40%; height: 20px;\">Is it a task which requires the full screen for the user&rsquo;s immersion for the content?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<th style=\"width: 20%; height: 20px; text-align: left;\">LINE services</th>\n<td style=\"width: 40%; height: 20px;\">Is it a LINE Family Service not related to the core functions of the bottom navigation?</td>\n<td style=\"width: 40%; height: 20px; text-align: center;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/contents_check_6289c633d6.svg\" alt=\"\" width=\"20\" height=\"20\" /></td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-modal-1-ja"}},{"node":{"tabs":[{"title":"iOS","content":"<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_EN_8a0aa7e603.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_JP_ff2bda35b4.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">SF Pro Text | Display</td>\n<td style=\"width: 49.6148%; height: 20px;\">Hiragino Sans</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Light &bull; Regular &bull; Medium &bull; Semibold &bull; Bold &bull; Heavy</td>\n<td style=\"width: 49.6148%; height: 20px;\">W3 &bull; W6 &bull; W7</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_heiti_cf47139919.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_Thai_524aa1580c.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Pingfang</td>\n<td style=\"width: 49.6148%; height: 20px;\">Thonburi</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Medium &bull; Semibold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold &bull; Extrabold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_Kor_4f9e7ebe7b.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Apple SD Gothic Neo</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Light &bull; Regular &bull; Medium &bull; Semibold &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/Android_EN_7944daefe3.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_JP_c322335967.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Roboto</td>\n<td style=\"width: 49.6148%; height: 20px;\">Noto Sans CJK JP</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_heiti_d225863f67.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_Thai_4eb3dfe79f.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Noto Sans CJK TC</td>\n<td style=\"width: 49.6148%; height: 20px;\">Noto Sans CJK Thai</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_Kor_3add66412e.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Noto Sans CJK KR</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-typography-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_EN_8d35c27fd0.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_JP_ce3fdbfa97.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">SF Pro Text | Display</td>\n<td style=\"width: 49.6148%; height: 20px;\">Hiragino Sans</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Light &bull; Regular &bull; Medium &bull; Semibold &bull; Bold &bull; Heavy</td>\n<td style=\"width: 49.6148%; height: 20px;\">W3 &bull; W6 &bull; W7</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_heiti_5ff92ea16d.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_Thai_e24afd8076.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Pingfang</td>\n<td style=\"width: 49.6148%; height: 20px;\">Thonburi</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Medium &bull; Semibold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold &bull; Extrabold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/i_OS_Kor_110457d5b0.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Apple SD Gothic Neo</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Light &bull; Regular &bull; Medium &bull; Semibold &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/Android_EN_3f23c17d86.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_JP_313bd4189b.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Roboto</td>\n<td style=\"width: 49.6148%; height: 20px;\">Noto Sans CJK JP</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_heiti_71d4ac8a0e.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_Thai_c21d27859b.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Noto Sans CJK TC</td>\n<td style=\"width: 49.6148%; height: 20px;\">Noto Sans CJK Thai</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">Regular &bull; Bold</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%; height: 160px;\" border=\"1\">\n<tbody>\n<tr style=\"height: 120px;\">\n<td style=\"width: 49.6128%; height: 120px;\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/And_Kor_9ef9d09878.png\" alt=\"\" width=\"290\" height=\"116\" /></td>\n<td style=\"width: 49.6148%; height: 120px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Noto Sans CJK KR</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 49.6128%; height: 20px;\">Regular &bull; Bold</td>\n<td style=\"width: 49.6148%; height: 20px;\">&nbsp;</td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-typography-ja"}},{"node":{"tabs":[{"title":"iOS","content":"<h4>&lsquo;X&rsquo; button only</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_xbtn_ios_53b986b4e2.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place on the right if only the &ldquo;X&rdquo; button is used.<br />The text buttons, such as Close or Complete, can replace the &ldquo;X&rdquo; button.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with a progressive task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_progressive_ios_66f66d16b2.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place the &ldquo;X&rdquo; button on the left in case of performing the canceling role by using it together with a progressive task, such as Next, Search, Save, and Done.<br />Consider using the text button, such as &ldquo;Cancel,&rdquo; even in the Close area in case of providing the task as a text button.<br />If entered by pressing a text button, such as &ldquo;Edit,&rdquo; a text button, such as &ldquo;Cancel,&rdquo; must be used even in the Close area.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with Additional task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_additional_ios_e1368f2260.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place the &ldquo;X&rdquo; button on the right in case of it being used together with an additional task, such as Edit, Setting, Alarm, My list, or Help.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>more then two additional tasks</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_more_ios_6dd39ba1a7.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right or Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">The &ldquo;X&rdquo; button can be placed on the left or right in cases where it is placed together with two or more additional buttons.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with &lsquo;Back&rsquo; button</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_backbtn_ios_f39a21a28a.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place the &ldquo;Previous&rdquo; button on the left and the &ldquo;X&rdquo; button on the right if depth is generated.</td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<h4>&lsquo;X&rsquo; button only</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_xbtn_aos_5e15328db8.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place on the right if only the &ldquo;X&rdquo; button is used.<br />The text buttons, such as Close and Complete, cannot replace the &ldquo;X&rdquo; button.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with a progressive task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_progressive_aos_b02927dcf6.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place the &ldquo;X&rdquo; button on the left in case of performing the canceling role by using it together with a progressive task, such as Next, Search, Save, and Done.<br />Consider using the text button, such as &ldquo;Cancel,&rdquo; even in the Close area in case of providing the task as a text button.<br />If entered by pressing a text button, such as &ldquo;Edit,&rdquo; a text button, such as &ldquo;Cancel,&rdquo; must be used even in the Close area.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with Additional task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_additional_aos_a11cda082d.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place the &ldquo;X&rdquo; button on the right in case of it being used together with an additional task, such as Edit, Setting, Alarm, My list, or Help.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>more then two additional tasks</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_more_aos_7233862ebe.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right or Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">The &ldquo;X&rdquo; button can be placed on the left or right in cases where it is placed together with two or more additional buttons.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with &lsquo;Back&rsquo; button</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_backbtn_aos_2ea9d1714d.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Place the &ldquo;Previous&rdquo; button on the left and the &ldquo;X&rdquo; button on the right if depth is generated.</td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-modal-2-en"}},{"node":{"tabs":[{"title":"iOS","content":"<h4>&lsquo;X&rsquo; button only</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_12_15ef48972d.png\" alt=\"\" width=\"1600\" height=\"701\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">&lsquo;X&rsquo; 버튼만 사용할 경우에는 우측에 배치합니다.<br />닫기, 완료 등 텍스트 버튼으로 &lsquo;X&rsquo; 아이콘을 대체할 수 있습니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with a progressive task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_13_bb33ae99fb.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Next, Search, Save, Done 등 진전하는 과업과 함께 사용해 취소의 역할을 하는 경우 좌측에 &lsquo;X&rsquo; 버튼을 배치합니다.<br />과업을 텍스트 버튼으로 제공하는 경우 닫기 영역에도 &lsquo;취소&rsquo;등의 텍스트 버튼 사용을 고려합니다.<br />&lsquo;편집&rsquo; 등 텍스트 버튼을 눌러 진입한 경우, 닫기 영역에도 &lsquo;취소&rsquo;와 같은 텍스트 버튼을 사용해야 합니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with Additional task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_14_cdb2199475.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Edit, Setting, Alarm, My list, Help 등 부가적인 과업과 함께 사용 하는 경우 우측에 &lsquo;X&rsquo; 버튼을 배치합니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>more then two additional tasks</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_15_0d0aa2bae0.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right or Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">2 개 이상의 부가적인 버튼과 함께 배치하는 경우 &lsquo;X&rsquo; 버튼은 좌측 혹은 우측에 배치할 수 있습니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with &lsquo;Back&rsquo; button</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_16_d91d174ac2.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Depth 발생 시 &lsquo;이전&rsquo; 버튼을 좌측 &lsquo;X&rsquo; 버튼은 우측에 배치합니다.</td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<h4>&lsquo;X&rsquo; button only</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_17_64f195057b.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">&lsquo;X&rsquo; 버튼만 사용할 경우에는 우측에 배치합니다.<br />닫기, 완료 등 텍스트 버튼으로 &lsquo;X&rsquo; 아이콘을 대체할 수 없습니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with a progressive task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_18_7b24946791.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Next, Search, Save, Done 등 진전하는 과업과 함께 사용해 취소의 역할을 하는 경우 좌측에 &lsquo;X&rsquo; 버튼을 배치합니다.<br />과업을 텍스트 버튼으로 제공하는 경우 닫기 영역에도 &lsquo;취소&rsquo;등의 텍스트 버튼 사용을 고려합니다.<br />&lsquo;편집&rsquo; 등 텍스트 버튼을 눌러 진입한 경우, 닫기 영역에도 &lsquo;취소&rsquo;와 같은 텍스트 버튼을 사용해야 합니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with Additional task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_19_408cb09b34.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Edit, Setting, Alarm, My list, Help 등 부가적인 과업과 함께 사용 하는 경우 우측에 &lsquo;X&rsquo; 버튼을 배치합니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>more then two additional tasks</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_20_2abb10b636.png\" alt=\"\" width=\"2400\" height=\"901\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right or Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">2 개 이상의 부가적인 버튼과 함께 배치하는 경우 &lsquo;X&rsquo; 버튼은 좌측 혹은 우측에 배치할 수 있습니다.</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with &lsquo;Back&rsquo; button</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_Modal_21_7064251b49.png\" alt=\"\" width=\"1600\" height=\"601\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Depth 발생 시 &lsquo;이전&rsquo; 버튼을 좌측 &lsquo;X&rsquo; 버튼은 우측에 배치합니다.</td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-modal-2-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<h4>&lsquo;X&rsquo; button only</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_xbtn_ios_53b986b4e2.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">「X」ボタンのみ使用する場合は、右に配置します。<br />「X」アイコンを「閉じる」や「完了」などのテキストボタンに置き換えることもできます。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with a progressive task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_progressive_ios_66f66d16b2.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Next、Search、Save、Doneなど、先に進むタスクと組み合わせて使用する場合は、「X」ボタンを左に配置します。<br />タスクをテキストボタンとして提供する場合は、閉じるエリアにも「キャンセル」などのテキストボタンを使用することを検討してください。<br />「編集」などのテキストボタンを押して遷移した場合は、閉じるエリアにも「キャンセル」などのテキストボタンを使用する必要があります。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with Additional task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_additional_ios_e1368f2260.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Edit、Setting、Alarm、My list、Helpなどの付加的なタスクと組み合わせて使用する場合は、「X」ボタンを右に配置します。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>more then two additional tasks</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_more_ios_6dd39ba1a7.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right or Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">2つ以上の追加的なボタンと組み合わせて配置する場合、「X」を左または右に配置できます。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with &lsquo;Back&rsquo; button</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_backbtn_ios_f39a21a28a.png\" alt=\"\" width=\"1600\" height=\"480\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Depthが発生する場合は「前へ」ボタンを左に、「X」ボタンを右に配置します。</td>\n</tr>\n</tbody>\n</table>\n</div>"},{"title":"Android","content":"<h4>&lsquo;X&rsquo; button only</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_xbtn_aos_5e15328db8.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">「X」ボタンのみ使用する場合は右に配置します。<br />「X」アイコンを「閉じる」や「完了」などのテキストボタンに置き換えることはできません。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with a progressive task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_progressive_aos_b02927dcf6.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 32.9597%;\">Next、Search、Save、Doneなど、先に進むタスクと組み合わせて使用する場合は、「X」ボタンを左に配置します。<br />タスクをテキストボタンとして提供する場合は、閉じるエリアにも「キャンセル」などのテキストボタンを使用することを検討してください。<br />「編集」などのテキストボタンを押して遷移した場合は、閉じるエリアにも「キャンセル」などのテキストボタンを使用する必要があります。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with Additional task</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_additional_aos_a11cda082d.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Edit、Setting、Alarm、My list、Helpなどの付加的なタスクと組み合わせて使用する場合は、「X」ボタンを右に配置します。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>more then two additional tasks</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_more_aos_7233862ebe.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right or Left</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">2つ以上の追加的なボタンと組み合わせて配置する場合、「X」を左または右に配置できます。</td>\n</tr>\n</tbody>\n</table>\n</div>\n<p>&nbsp;</p>\n<h4>with &lsquo;Back&rsquo; button</h4>\n<figure class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_backbtn_aos_2ea9d1714d.png\" alt=\"\" width=\"1600\" height=\"440\" /></figure>\n<div class=\"editor_table\">\n<table style=\"border-collapse: collapse; width: 99.0426%;\" border=\"1\">\n<tbody>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Placement</th>\n<td style=\"width: 80%;\">Right</td>\n</tr>\n<tr>\n<th style=\"width: 20%; text-align: left;\">Usage</th>\n<td style=\"width: 80%;\">Depthが発生する場合は「前へ」ボタンを左に、「X」ボタンを右に配置します。</td>\n</tr>\n</tbody>\n</table>\n</div>"}],"component_id":"ldsm-modal-2-ja"}},{"node":{"tabs":[{"title":"tab1","content":"<p>tab 1</p>\n<p>tab 1 text</p>"},{"title":"tab2","content":"<p>tab 2</p>\n<p>tab 2 text</p>"}],"component_id":"tab_sample"}},{"node":{"tabs":[{"title":"Theme A","content":"<h3>Show/Hide</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_16_f8766222d5.gif\" alt=\"\" width=\"100%\" /></p>\n<p>All controls are only operated within the video player. You can tap anywhere to show the control UI.</p>\n<h3>States</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_15_5de4b8d546.gif\" alt=\"\" width=\"100%\" /></p>\n<p>The display options for Hover and Press are as follows.<br />Hover is used for PC web only.</p>\n<h3>Control</h3>\n<h4>Full Screen</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_17_cf8e1b31ab.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Switch to full-screen mode to use the native player (iOS) or expand the device's screen size (Android). <br />The video size is adjusted based on the maximum width if the device direction is changed.</p>\n<h4>AD Skip</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_18_f4b654399d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>This area will change to a Skip button depending on the ad duration.<br />However, this area may not be available depending on the ad platform policy.</p>\n<h4>Seek</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_19_a176565729.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Drag the Thumb of the track or double-tap the left or right side of the screen to change the current time.<br />The Skip length for the double-tap action can be entered by the user. (Default: 15)</p>\n<h4>Volume</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_20_747c47c5df.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Hover the cursor over the volume button to show the volume slider. Control the volume using the slider. <br />The location of the volume slider depends on the component (Headline/Toolbar).</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_21_d945d0a1c0.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Use the up/down key of the keyboard to change the volume.<br />The volume can be increased or decreased by 5%.</p>\n<p>&nbsp;</p>\n<p><strong>Appear &amp; Disappear - Key press</strong></p>\n<p>Press the volume key to control the volume.<br />If you Hold/Hit the key, it will be animated faster than pressing.</p>\n<h4>Ended</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_22_7c4621e700.gif\" alt=\"\" width=\"100%\" /></p>\n<p>The video player plays the next video automatically or shows the Replay/Outlink button at the end of the video depending on the auto-play settings.</p>\n<p>&nbsp;</p>\n<p><strong>Appear - Auto Play on/off</strong></p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_23_aa3e484f61.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Move around the recommended video list by swiping the screen or using the left and right buttons.</p>\n<h4>Setting</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_24_841950c372.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Click the See More button to show the settings as an Overlay.</p>\n<h4>Subtitle</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_25_36bd71188e.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Two lines of subtitles are provided depending on the width, and they can be turned On or Off with the Caption button.</p>\n<h4>PIP Mode</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_26_bf594b68e0.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Turn on PIP mode to play the video in the corner of the device screen using the PIP button.<br />Press and drag to move the video player to any location within the device screen.<br />Tap the screen to play or pause the video and close PIP mode to go back to the default screen.</p>"},{"title":"Theme B","content":"<h3>Show/Hide</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_27_91d9a151af.gif\" alt=\"\" width=\"100%\" /></p>\n<p>All controls are only operated within the video player.<br />You can tap anywhere to show the control UI.<br />Same as Theme A</p>\n<h3>States</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_50_49d0d3109f.gif\" alt=\"\" width=\"100%\" /></p>\n<p>The display options for Hover and Press are as follows.<br />Hover is used for PC web only.<br />Same as Theme A</p>\n<h3>Control</h3>\n<h4>Full Screen</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_28_408097fcab.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Switch to full-screen mode to use the native player (iOS) or expand the device's screen size (Android).<br />The video size is adjusted based on the maximum width if the device direction is changed.<br />Same as Theme A</p>\n<h4>AD Skip</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_29_e8ad7a077e.gif\" alt=\"\" width=\"100%\" /></p>\n<p>This area will change to a Skip button depending on the ad duration.<br />However, this area may not be available depending on the ad platform policy.<br />Same as Theme A</p>\n<h4>Play/Pause</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_30_d49b9dc07c.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Play or pause the video using the space bar.</p>\n<h4>Seek</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_31_8a902d0e72.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Change the current time by dragging the Thumb of the track or the left/right keys on the keyboard.<br />The Skip length for the left/right key action can be entered by the user. (Default: 15)</p>\n<h4>Volume</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_32_fa72e0b384.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Control the volume using the slider.<br />The location of the volume slider depends on the component (Headline/Toolbar).</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_33_9b3c3a95a4.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Use the up/down key of the keyboard to change the volume.<br />The volume can be increased or decreased by 5%.</p>\n<h4>Ended</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_34_abb9fca47d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>The video player plays the next video automatically or shows the Replay/Outlink button at the end of the video depending on the auto-play settings.</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_35_d418eae01d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Move around the recommended video list by swiping the screen or using the left and right buttons.</p>\n<h4>Setting</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_36_f49104b7bb.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Click the See More button to show the settings as an Overlay.</p>\n<h4>Subtitle</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_37_dbddbd2ccb.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Two lines of subtitles are provided depending on the width, and they can be turned On or Off with the Caption button.</p>\n<h4>PIP Mode</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_38_c414972516.gif\" alt=\"\" width=\"100%\" /></p>\n<p>Turn on PIP mode to play the video in the corner of the device screen using the PIP button.<br />Press and drag to move the video player to any location within the device screen.<br />Tap the screen to play or pause the video and close PIP mode to go back to the default screen.</p>"}],"component_id":"ldsg-video-player-behavior-en"}},{"node":{"tabs":[{"title":"Theme A","content":"<h3>Show/Hide</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_16_f8766222d5.gif\" alt=\"\" width=\"100%\" /></p>\n<p>모든 컨트롤은 비디오 플레이어 내에서만 동작하며, 어느 곳이나 터치하게 되면 컨트롤 UI가 나타나게 할 수 있습니다.</p>\n<h3>States</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_15_5de4b8d546.gif\" alt=\"\" width=\"100%\" /></p>\n<p>아이콘의 Hover, Press 시, 아래의 규칙에 따라 보여집니다.<br />Hover는 PC Web에서만 사용됩니다.</p>\n<h3>Control</h3>\n<h4>Full Screen</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_17_cf8e1b31ab.gif\" alt=\"\" width=\"100%\" /></p>\n<p>전체화면으로 전환 시, iOS는 네이티브 플레이어로 전환되며 Android는 디바이스 크기에 맞춰 확장됩니다.<br />디바이스 방향을 전환하는 경우 최대 너비를 기준으로 영상의 크기가 조정됩니다.</p>\n<h4>AD Skip</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_18_f4b654399d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>광고 재생 시간 카운트에 따라 Skip 버튼으로 전환됩니다. <br />단, 서비스 광고 플랫폼에 따라 변경이 불가능한 경우에는 해당 광고 플랫폼 정책에 따릅니다.</p>\n<h4>Seek</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_19_a176565729.gif\" alt=\"\" width=\"100%\" /></p>\n<p>트랙의 Thumb을 드래그하거나 스크린의 좌&middot;우 영역을 더블탭 하여 시점을 변경할 수 있습니다. <br />더블탭에서 Skip 길이는 사용자가 입력할 수 있습니다. (기본값 15)</p>\n<h4>Volume</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_20_747c47c5df.gif\" alt=\"\" width=\"100%\" /></p>\n<p>볼륨 버튼 Hover를 통해 볼륨 슬라이더를 제공하며, 볼륨을 조절할 수 있습니다. <br />사용 위치(Headline, Toolbar)에 따라 볼륨 슬라이더 위치가 지정됩니다.</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_21_d945d0a1c0.gif\" alt=\"\" width=\"100%\" /></p>\n<p>키보드 상&middot;하 키를 이용하여 볼륨을 조절할 수 있습니다. <br />볼륨은 5% 단위로 조절됩니다.</p>\n<p>&nbsp;</p>\n<p><strong>Appear &amp; Disappear - Key press</strong></p>\n<p>volume key 를 press 하여 볼륨을 조절합니다. <br />Hold/Hit 하는 경우, press 보다 빠르게 애니메이션 됩니다.</p>\n<h4>Ended</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_22_7c4621e700.gif\" alt=\"\" width=\"100%\" /></p>\n<p>영상 재생이 완료된 후, 자동 재생 설정 여부에 따라 다음 영상을 자동 재생 혹은 다시보기, Outlink 버튼으로 보여집니다.</p>\n<p>&nbsp;</p>\n<p><strong>Appear - Auto Play on/off</strong></p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_23_aa3e484f61.gif\" alt=\"\" width=\"100%\" /></p>\n<p>추천 영상 리스트는 스와이프 혹은 좌&middot;우 버튼을 이용하여 이동할 수 있습니다.</p>\n<h4>Setting</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_24_841950c372.gif\" alt=\"\" width=\"100%\" /></p>\n<p>더보기 버튼 클릭 후, Overlay로 제공되는 세팅 옵션을 사용할 수 있습니다.</p>\n<h4>Subtitle</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_25_36bd71188e.gif\" alt=\"\" width=\"100%\" /></p>\n<p>너비에 따라 자막은 두줄 이내에서 제공되며 자막 버튼을 통해 컨트롤(ON/OFF) 할 수 있습니다.</p>\n<h4>PIP Mode</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_26_bf594b68e0.gif\" alt=\"\" width=\"100%\" /></p>\n<p>PIP 버튼을 통해 디바이스 모서리로 PIP 모드를 활성화할 수 있습니다. <br />프레스&amp;드래그하여 디바이스 내에서 원하는 위치로 비디오 플레이어를 이동할 수 있습니다. <br />영상은 Tap을 통해 재생/일시정지를 할 수 있으며, PIP 모드를 종료하면 기본 화면으로 돌아갑니다.</p>"},{"title":"Theme B","content":"<h3>Show/Hide</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_27_91d9a151af.gif\" alt=\"\" width=\"100%\" /></p>\n<p>모든 컨트롤은 비디오 플레이어 내에서만 동작하며, 어느 곳이나 터치하게 되면 컨트롤 UI가 나타나게 할 수 있습니다.<br />Theme A와 동일</p>\n<h3>States</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_50_49d0d3109f.gif\" alt=\"\" width=\"100%\" /></p>\n<p>아이콘의 Hover, Press 시, 아래의 규칙에 따라 보여집니다.<br />Hover는 PC Web에서만 사용됩니다.<br />Theme A와 동일</p>\n<h3>Control</h3>\n<h4>Full Screen</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_28_408097fcab.gif\" alt=\"\" width=\"100%\" /></p>\n<p>전체화면으로 전환 시, iOS는 네이티브 플레이어로 전환되며 Android는 디바이스 크기에 맞춰 확장됩니다. <br />디바이스 방향을 전환하는 경우 최대 너비를 기준으로 영상의 크기가 조정됩니다.<br />Theme A와 동일</p>\n<h4>AD Skip</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_29_e8ad7a077e.gif\" alt=\"\" width=\"100%\" /></p>\n<p>광고 재생 시간 카운트에 따라 Skip 버튼으로 전환됩니다. <br />단, 서비스 광고 플랫폼에 따라 변경이 불가능한 경우에는 해당 광고 플랫폼 정책에 따릅니다.<br />Theme A와 동일</p>\n<h4>Play/Pause</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_30_d49b9dc07c.gif\" alt=\"\" width=\"100%\" /></p>\n<p>스페이스바를 통해 재생/일시정지를 컨트롤할 수 있습니다.</p>\n<h4>Seek</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_31_8a902d0e72.gif\" alt=\"\" width=\"100%\" /></p>\n<p>트랙의 Thumb을 드래그하거나 스크린의 키보드 좌&middot;우 키를 이용하여 시점을 변경할 수 있습니다.<br />키보드 좌&middot;우 키 시점 변경의 Skip 길이는 사용자가 입력할 수 있습니다. (기본값 15)</p>\n<h4>Volume</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_32_fa72e0b384.gif\" alt=\"\" width=\"100%\" /></p>\n<p>볼륨 버튼 Hover를 통해 볼륨 슬라이더를 제공하며, 볼륨을 조절할 수 있습니다. <br />사용 위치(Headline, Toolbar)에 따라 볼륨 슬라이더 위치가 지정됩니다.</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_33_9b3c3a95a4.gif\" alt=\"\" width=\"100%\" /></p>\n<p>키보드 상&middot;하 키를 이용하여 볼륨을 조절할 수 있습니다. <br />볼륨은 5% 단위로 조절됩니다.</p>\n<h4>Ended</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_34_abb9fca47d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>영상 재생이 완료된 후, 자동 재생 설정 여부에 따라 다음 영상을 자동 재생 혹은 다시보기, Outlink 버튼으로 보여집니다.</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_35_d418eae01d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>추천 영상 리스트는 스와이프 혹은 좌&middot;우 버튼을 이용하여 이동할 수 있습니다.</p>\n<h4>Setting</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_36_f49104b7bb.gif\" alt=\"\" width=\"100%\" /></p>\n<p>더보기 버튼 클릭 후, Overlay로 제공되는 세팅 옵션을 사용할 수 있습니다.</p>\n<h4>Subtitle</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_37_dbddbd2ccb.gif\" alt=\"\" width=\"100%\" /></p>\n<p>너비에 따라 자막은 두줄 이내에서 제공되며 자막 버튼을 통해 컨트롤(ON/OFF) 할 수 있습니다.</p>\n<h4>PIP Mode</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_38_c414972516.gif\" alt=\"\" width=\"100%\" /></p>\n<p>PIP 버튼을 통해 디바이스 모서리로 PIP 모드를 활성화할 수 있습니다. <br />프레스&amp;드래그하여 디바이스 내에서 원하는 위치로 비디오 플레이어를 이동할 수 있습니다. <br />영상은 Tap을 통해 재생/일시정지를 할 수 있으며, PIP 모드를 종료하면 기본 화면으로 돌아갑니다.</p>"}],"component_id":"ldsg-video-player-behavior-ko"}},{"node":{"tabs":[{"title":"Small","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_49_8573fdd7e5.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>The width and height of the custom thumbnail can be set within 100% (width) and 70% (height) of the video player, excluding the left and right margins (12).</li>\n<li>The height of the recommended video title and Toolbar should be included in the 70% of the height.</li>\n</ul>"},{"title":"Medium","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_50_82fe7802ea.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>The width and height of the custom thumbnail can be set within 100% (width) and 70% (height) of the video player, excluding the left and right margins (16).</li>\n<li>The height of the recommended video title and Toolbar should be included in the 70% of the height.</li>\n</ul>"},{"title":"Large","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_51_f352e8bc8f.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>The width and height of the custom thumbnail can be set within 100% (width) and 70% (height) of the video player, excluding the left and right margins (24).</li>\n<li>The height of the recommended video title and Toolbar should be included in the 70% of the height.</li>\n</ul>"}],"component_id":"ldsg-video-player-recommended-video-option-en"}},{"node":{"tabs":[{"title":"Small","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_49_8573fdd7e5.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>커스텀 썸네일은 좌&middot;우여백 12를 제외한 설정 비디오 플레이어의 너비 100%, 높이 70% 이내에서 설정할 수 있습니다.</li>\n<li>높이 70%는 추천 영상 타이틀과 Toolbar를 포함한 영역입니다.</li>\n</ul>"},{"title":"Medium","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_50_82fe7802ea.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>커스텀 썸네일은 좌&middot;우여백 16를 제외한 설정 비디오 플레이어의 너비 100%, 높이 70% 이내에서 설정할 수 있습니다.</li>\n<li>높이 70%는 추천 영상 타이틀과 Toolbar를 포함한 영역입니다.</li>\n</ul>"},{"title":"Large","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_51_f352e8bc8f.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>커스텀 썸네일은 좌&middot;우여백 24를 제외한 설정 비디오 플레이어의 너비 100%, 높이 70% 이내에서 설정할 수 있습니다.</li>\n<li>높이 70%는 추천 영상 타이틀과 Toolbar를 포함한 영역입니다.</li>\n</ul>"}],"component_id":"ldsg-video-player-recommended-video-option-ko"}},{"node":{"tabs":[{"title":"Small","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_49_8573fdd7e5.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>カスタムサムネイルは、左右の余白12を除いたビデオプレイヤー幅100%、高さ70%以内で設定できます。</li>\n<li>高さ70%はおすすめ動画のタイトルとToolbarを含む領域です。</li>\n</ul>"},{"title":"Medium","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_50_82fe7802ea.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>カスタムサムネイルは、左右の余白16を除いたビデオプレイヤー幅100%、高さ70%以内で設定できます。</li>\n<li>高さ70%はおすすめ動画のタイトルとToolbarを含む領域です。</li>\n</ul>"},{"title":"Large","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsg_components_video_player_51_f352e8bc8f.png\" alt=\"\" width=\"100%\" /></p>\n<ul>\n<li>カスタムサムネイルは、左右の余白24を除いたビデオプレイヤー幅100%、高さ70%以内で設定できます。</li>\n<li>高さ70%はおすすめ動画のタイトルとToolbarを含む領域です。</li>\n</ul>"}],"component_id":"ldsg-video-player-recommended-video-option-ja"}},{"node":{"tabs":[{"title":"Theme A","content":"<h3>Show/Hide</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_16_f8766222d5.gif\" alt=\"\" width=\"100%\" /></p>\n<p>すべてのコントロールはビデオプレイヤー内でのみ動作し、任意の場所をタッチするとコントロールUIが表示されます</p>\n<h3>States</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_15_5de4b8d546.gif\" alt=\"\" width=\"100%\" /></p>\n<p>アイコンをHover&amp;Pressする時、以下のルールに従って表示されます。<br />HoverはPC Webでのみ使用できます。</p>\n<h3>Control</h3>\n<h4>Full Screen</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_17_cf8e1b31ab.gif\" alt=\"\" width=\"100%\" /></p>\n<p>全画面に切り替えると、iOSではネイティブプレイヤーに切り替わり、Androidではデバイスのサイズに合わせて拡張されます。<br />デバイスの方向を切り替える場合、最大幅を基準として動画のサイズが調整されます。</p>\n<h4>AD Skip</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_18_f4b654399d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>広告再生時間のカウントに応じて、Skipボタンに切り替わります。<br />ただし、サービス広告プラットフォームによって変更できない場合は、広告プラットフォームの規定に従います。</p>\n<h4>Seek</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_19_a176565729.gif\" alt=\"\" width=\"100%\" /></p>\n<p>トラックのThumbをドラッグするか、画面の左右をダブルタップして再生地点を変更します。<br />ダブルタップでSkipする秒数はユーザーが入力できます。（デフォルト値15）</p>\n<h4>Volume</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_20_747c47c5df.gif\" alt=\"\" width=\"100%\" /></p>\n<p>音量ボタンをHoverして音量スライダーを表示し、音量を調節できます。<br />使用する位置(Headline, Toolbar)に応じて、音量スライダーの位置が決まっています。</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_21_d945d0a1c0.gif\" alt=\"\" width=\"100%\" /></p>\n<p>キーボードの上下キーを使用して音量を調節できます。<br />音量は5%単位で調節されます。</p>\n<p>&nbsp;</p>\n<p><strong>Appear &amp; Disappear - Key press</strong></p>\n<p>音量ボタンを押して音量を調節します。<br />Hold/Hitする場合、音量ボタンを押すより速くアニメーション表示されます。</p>\n<h4>Ended</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_22_7c4621e700.gif\" alt=\"\" width=\"100%\" /></p>\n<p>動画終了後は自動再生の設定内容に応じて、次の動画が自動再生されるか、「もう一度見る」またはOutlinkボタンが表示されます。</p>\n<p>&nbsp;</p>\n<p><strong>Appear - Auto Play on/off</strong></p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_23_aa3e484f61.gif\" alt=\"\" width=\"100%\" /></p>\n<p>おすすめ動画リストは、スワイプまたは左右ボタンを使用して移動できます。</p>\n<h4>Setting</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_24_841950c372.gif\" alt=\"\" width=\"100%\" /></p>\n<p>「もっと見る」ボタンを押した後、Overlayで表示される設定オプションを使用します。</p>\n<h4>Subtitle</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_25_36bd71188e.gif\" alt=\"\" width=\"100%\" /></p>\n<p>幅に応じて字幕は2行以内で表示され、字幕ボタンでコントロール(ON/OFF)できます。</p>\n<h4>PIP Mode</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_26_bf594b68e0.gif\" alt=\"\" width=\"100%\" /></p>\n<p>PIPボタンを押して、デバイスの隅でPIPモードを有効にできます。<br />プレス&amp;ドラッグして、画面内の任意の位置にビデオプレイヤーを移動します。<br />動画を押して再生または一時停止できます。PIPモードを終了するとデフォルト画面が表示されます。</p>"},{"title":"Theme B","content":"<h3>Show/Hide</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_27_91d9a151af.gif\" alt=\"\" width=\"100%\" /></p>\n<p>すべてのコントロールはビデオプレイヤー内でのみ動作し、任意の場所をタッチするとコントロールUIが表示されます。</p>\n<h3>States</h3>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_50_49d0d3109f.gif\" alt=\"\" width=\"100%\" /></p>\n<p>アイコンをHover&amp;Pressする時、以下のルールに従って表示されます。<br />HoverはPC Webでのみ使用できます。</p>\n<h3>Control</h3>\n<h4>Full Screen</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_28_408097fcab.gif\" alt=\"\" width=\"100%\" /></p>\n<p>全画面に切り替えると、iOSではネイティブプレイヤーに切り替わり、Androidではデバイスの画面サイズに合わせて拡張されます。<br />デバイスの向きを切り替える場合、最大幅を基準として動画のサイズが調整されます。</p>\n<h4>AD Skip</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_29_e8ad7a077e.gif\" alt=\"\" width=\"100%\" /></p>\n<p>広告再生時間のカウントに応じて、Skipボタンに切り替わります。<br />ただし、サービス広告プラットフォームによって変更できない場合は、広告プラットフォームの規定に従います。</p>\n<h4>Play/Pause</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_30_d49b9dc07c.gif\" alt=\"\" width=\"100%\" /></p>\n<p>スペースバーで再生または一時停止できます。</p>\n<h4>Seek</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_31_8a902d0e72.gif\" alt=\"\" width=\"100%\" /></p>\n<p>トラックのThumbをドラッグするか、キーボードの左右キーをダブルタップして再生地点を変更します。<br />キーボードの左右キーで再生地点を変更する時、Skipする秒数はユーザーが入力できます。（デフォルト値15）</p>\n<h4>Volume</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_32_fa72e0b384.gif\" alt=\"\" width=\"100%\" /></p>\n<p>音量ボタンをHoverして音量スライダーを表示し、音量を調節します。<br />Headline, Toolbarの位置に応じて、音量スライダーの位置が決まっています。</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_33_9b3c3a95a4.gif\" alt=\"\" width=\"100%\" /></p>\n<p>キーボードの上下キーを使用して音量を調節できます。<br />音量は5%単位で調節されます。</p>\n<h4>Ended</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_34_abb9fca47d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>動画終了後は自動再生の設定内容に応じて、次の動画が自動再生されるか、「もう一度見る」またはOutlinkボタンが表示されます。</p>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_35_d418eae01d.gif\" alt=\"\" width=\"100%\" /></p>\n<p>おすすめ動画リストは、スワイプまたは左右のボタンを使用して移動します。</p>\n<h4>Setting</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_36_f49104b7bb.gif\" alt=\"\" width=\"100%\" /></p>\n<p>「もっと見る」ボタンを押した後、Overlayで表示される設定オプションを使用します。</p>\n<h4>Subtitle</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_37_dbddbd2ccb.gif\" alt=\"\" width=\"100%\" /></p>\n<p>幅に応じて字幕は2行以内で表示され、字幕ボタンでコントロール(ON/OFF)できます。</p>\n<h4>PIP Mode</h4>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/video_player_38_c414972516.gif\" alt=\"\" width=\"100%\" /></p>\n<p>PIPボタンを押して、デバイスの隅でPIPモードを有効にできます。<br />プレス&amp;ドラッグして、画面内の任意の位置にビデオプレイヤーを移動します。<br />動画は押して再生または一時停止できます。PIPモードを終了するとデフォルト画面が表示されます。</p>"}],"component_id":"ldsg-video-player-behavior-ja"}},{"node":{"tabs":[{"title":"iOS","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_delete_06_6287c6b92d.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>\n<ul>\n<li>목록에서 삭제할 항목의 영역을&nbsp;<strong>tap한 상태에서 옆으로 밀면&nbsp;</strong>액션 버튼이 노출됩니다.&nbsp;</li>\n<li>Delete 버튼을 선택하면 사용자의 최종 확인을 요구하는 내용의 팝업이 노출됩니다.</li>\n<li>삭제되는 컨텐츠의 재생성 난이도 등에 따라 팝업을 간단한 피드백을 제공할 수 있는 컴포넌트로 대체할 수 있습니다.&nbsp;</li>\n</ul>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_delete_08_i_OS_c4ac8d50d7.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>\n<ul>\n<li>Edit 모드 또는 설정 내 목록을 관리할 수 있는 화면에서는 다음과 같이 사용할 수 있습니다.</li>\n<li>일반적인 경우 컨트롤 버튼은 우측에 제공하는 것을 권장하지만 항목의 편집 옵션이 한개보다 많을 경우 항목의 타이틀을 기준으로 좌측과 우측에 각각 버튼을 제공합니다.&nbsp;</li>\n<li>삭제 아이콘을 누르면 해당 항목의 영역이 좌측으로 밀리면서 delete 버튼이 노출됩니다.&nbsp;</li>\n<li>항목의 영역을 tap한 상태에서 옆으로 밀어도 delete 버튼이 노출됩니다.</li>\n<li>Delete 버튼을 선택하면 해당 항목은 목록에서 보이지 않게됩니다.</li>\n<li>항목은 버튼이 노출되었던 방향에 맞추어 좌측으로 밀리면서 사라집니다. 인터렉션을 통해 액션이 실행되는 장면 연출에 대해서도 통일성 있는 사용자 경험을 제공하여 완성도를 높일 수 있습니다.&nbsp;</li>\n<li>삭제를 비롯한 목록 편집을 끝낸 후 Done 버튼을 누르면 변경내역을 반영한 상태로 Edit 모드에서 벗어나게 됩니다. 최종 반영 전 Top Navigation에서 cancel을 의미하는 X버튼을 누르면 저장여부를 재확인하는 팝업이 노출되며 사용자는 '나중에하기' 또는 '지금 반영하기'중 선택할 수 있습니다.</li>\n<li>예시와 같이 편집모드 내에서 개별 항목을 삭제등 편집하는 경우 Done 버튼으로 최종 컨펌을 하는 단계가 있기 때문에 항목의 삭제마다 추가적인 알럿을 노출하지 않아도 됩니다. 그러나 컨텐츠의 재생성 난이도에 따라 Snackbar, Toast Overlay 또는 Popup을 추가하는 것 또한 가능합니다.&nbsp;</li>\n</ul>"},{"title":"Android","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_delete_09_Android_032476d627.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>\n<ul>\n<li>목록에서 삭제할 항목의 영역을 tap and hold 하면 메뉴 레이어가 노출됩니다.</li>\n<li>메뉴에서 Delete를 선택하면 사용자의 최종 확인을 요구하는 내용의 팝업이 노출됩니다.</li>\n<li>삭제되는 컨텐츠의 재생성 난이도등에 따라 간단한 피드백을 제공할 수 있는 컴포넌트로 대체할 수 있습니다.</li>\n</ul>\n<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_delete_11_Android_2669dc6534.png\" alt=\"\" width=\"1600\" height=\"1800\" /></p>\n<ul>\n<li>Edit 모드 또는 설정 내 목록을 관리할 수 있는 화면에서는 다음과 같이 사용할 수 있습니다.</li>\n<li>일반적인 경우 컨트롤 버튼은 우측에 제공하는 것을 권장하지만 항목의 편집 옵션이 한개보다 많을 경우 항목의 타이틀을 기준으로 좌측과 우측에 각각 버튼을 제공합니다.&nbsp;</li>\n<li>삭제할 항목을 선택하면 하단에 버튼이 활성화 되어 선택할 수 있습니다.&nbsp;</li>\n<li>삭제 버튼 선택시 알럿 팝업이 노출되며 삭제를 누르면 선택된 항목은 목록에서 사라집니다.&nbsp;</li>\n<li>삭제를 비롯한 목록 편집을 끝낸 후 Done 버튼을 누르면 변경내역을 반영한 상태로 Edit 모드에서 벗어나게 됩니다. 최종 반영 전 Top Navigation에서 cancel을 의미하는 X버튼을 누르면 저장여부를 재확인하는 팝업이 노출되며 사용자는 '나중에하기' 또는 '지금 반영하기'중 선택할 수 있습니다.</li>\n</ul>"}],"component_id":"ldsm-delete-1-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_06_09a417a124.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"},{"title":"Android","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_07_feb2ddc426.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"}],"component_id":"ldsm-edit-1-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_08_7ab56de144.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"},{"title":"Android","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_09_fbc6d220a6.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"}],"component_id":"ldsm-edit-2-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_10_48c08a23c0.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"},{"title":"Android","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_11_041bf9bc43.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"}],"component_id":"ldsm-edit-3-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_12_66a3e5dd3c.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"},{"title":"Android","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_13_939d104e49.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"}],"component_id":"ldsm-edit-4-ko"}},{"node":{"tabs":[{"title":"iOS","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_14_74954113be.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"},{"title":"Android","content":"<p class=\"editor_img\"><img src=\"https://vos.line-scdn.net/strapi-cluster-instance-bucket-474/img_ldsm_ux_guideline_common_actions_edit_15_28991521c7.png\" alt=\"\" width=\"1600\" height=\"900\" /></p>"}],"component_id":"ldsm-edit-5-ko"}}]}}},
    "staticQueryHashes": ["1232325070","1317824943","1578575388","246103232","3128451518","3400988825","3548854595","586743263","690016394"]}