{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e6018078-36ec-7e0f-76dc-47d476e0fe3b","type":"Block","tag":"div","classes":["64d34206-b862-d82e-3cef-f077413149c2"],"children":["5596dbb0-139a-6ec5-4d81-a92e4d326f75"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5596dbb0-139a-6ec5-4d81-a92e4d326f75","type":"Block","tag":"div","classes":["64d34206-b862-d82e-3cef-f077413149c3"],"children":["d7bca6df-d2c6-fe8e-a271-0c47f9479642"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d7bca6df-d2c6-fe8e-a271-0c47f9479642","type":"Block","tag":"div","classes":["64d34206-b862-d82e-3cef-f077413149c4"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"64d34206-b862-d82e-3cef-f077413149c2","fake":false,"type":"class","name":"toggle-5","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"64d34206-b862-d82e-3cef-f077413149c3","fake":false,"type":"class","name":"toggle-5_pill","namespace":"","comb":"","styleLess":"display: flex; box-sizing: content-box; width: 2.5rem; height: 1.25rem; justify-content: flex-start; align-items: center; border-top-style: solid; border-top-width: 0.125rem; border-top-color: #7587a5; border-right-style: solid; border-right-width: 0.125rem; border-right-color: #7587a5; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: #7587a5; border-left-style: solid; border-left-width: 0.125rem; border-left-color: #7587a5; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; background-color: #7587a5; cursor: pointer;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"64d34206-b862-d82e-3cef-f077413149c4","fake":false,"type":"class","name":"toggle-5_option","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; background-color: white;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-50","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-99","e-100"],"target":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","createdOn":1710514267187}],"events":[{"id":"e-99","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-53","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-58"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1710514267187},{"id":"e-100","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-54","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-57"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1710514267187}],"actionLists":[{"id":"a-53","title":"Toggle 5 [ON]","actionItemGroups":[{"actionItems":[{"id":"a-53-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"66b8b27328b4fd5acc321f98|d7bca6df-d2c6-fe8e-a271-0c47f9479642","appliesTo":"ELEMENT_CLASS","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c4"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-53-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|d7bca6df-d2c6-fe8e-a271-0c47f9479642","appliesTo":"ELEMENT_CLASS","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c4"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-53-n-3","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c3"],"boundaryMode":false},"globalSwatchId":"@var_variable-bac2d19d-196c-207f-1509-2277bfd175ce","rValue":12,"bValue":245,"gValue":96,"aValue":1},"instant":false},{"id":"a-53-n-4","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c3"],"boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false},{"id":"a-53-n-5","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|d7bca6df-d2c6-fe8e-a271-0c47f9479642","appliesTo":"ELEMENT_CLASS","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c4"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-ef00f520-f16d-b5a9-4164-b87ae8e21c98","rValue":246,"bValue":18,"gValue":173,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1710511102012},{"id":"a-54","title":"Toggle 5 [OFF]","actionItemGroups":[{"actionItems":[{"id":"a-54-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|d7bca6df-d2c6-fe8e-a271-0c47f9479642","appliesTo":"ELEMENT_CLASS","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c4"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-54-n-2","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c3"],"boundaryMode":false},"globalSwatchId":"@var_variable-766c080f-fc10-0857-15f8-812385ce4e3c","rValue":117,"bValue":165,"gValue":135,"aValue":1},"instant":false},{"id":"a-54-n-3","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|5596dbb0-139a-6ec5-4d81-a92e4d326f75","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c3"],"boundaryMode":false},"globalSwatchId":"@var_variable-766c080f-fc10-0857-15f8-812385ce4e3c","rValue":117,"bValue":165,"gValue":135,"aValue":1},"instant":false},{"id":"a-54-n-4","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b27328b4fd5acc321f98|d7bca6df-d2c6-fe8e-a271-0c47f9479642","appliesTo":"ELEMENT_CLASS","styleBlockIds":["64d34206-b862-d82e-3cef-f077413149c4"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1710511102012}]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from
Piixel Media