{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7434624b-c005-fb52-733f-73aad3a34d41","type":"Block","tag":"div","classes":["2dce5440-08b9-34b3-ff55-26720aeeb7af"],"children":["c6651b2f-bac7-9c1a-2779-5d6545c9108d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c6651b2f-bac7-9c1a-2779-5d6545c9108d","type":"Block","tag":"div","classes":["2dce5440-08b9-34b3-ff55-26720aeeb7b1"],"children":["7174d991-1a36-0439-5356-a8bc54be6b96"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7174d991-1a36-0439-5356-a8bc54be6b96","type":"Block","tag":"div","classes":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"2dce5440-08b9-34b3-ff55-26720aeeb7af","fake":false,"type":"class","name":"toggle-3","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2dce5440-08b9-34b3-ff55-26720aeeb7b1","fake":false,"type":"class","name":"toggle-3_pill","namespace":"","comb":"","styleLess":"display: flex; box-sizing: content-box; width: 3rem; height: 1.5rem; padding-top: 0.125rem; padding-right: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.125rem; 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; background-color: #7587a5; cursor: pointer;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2dce5440-08b9-34b3-ff55-26720aeeb7b2","fake":false,"type":"class","name":"toggle-3_option","namespace":"","comb":"","styleLess":"width: 1.5rem; height: 1.5rem; 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; background-color: white;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-46","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-91","e-92"],"target":"663e55f2f22f4a399ff8c51b|c6651b2f-bac7-9c1a-2779-5d6545c9108d","createdOn":1723378686567}],"events":[{"id":"e-91","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-5","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-92"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"663e55f2f22f4a399ff8c51b|c6651b2f-bac7-9c1a-2779-5d6545c9108d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"663e55f2f22f4a399ff8c51b|c6651b2f-bac7-9c1a-2779-5d6545c9108d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1723378686567},{"id":"e-92","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-6","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-91"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"663e55f2f22f4a399ff8c51b|c6651b2f-bac7-9c1a-2779-5d6545c9108d","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"663e55f2f22f4a399ff8c51b|c6651b2f-bac7-9c1a-2779-5d6545c9108d","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1723378686567}],"actionLists":[{"id":"a-5","title":"Toggle 3 [ON]","actionItemGroups":[{"actionItems":[{"id":"a-5-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-5-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-5-n-3","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28d","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b1"],"boundaryMode":false},"globalSwatchId":"@var_variable-bac2d19d-196c-207f-1509-2277bfd175ce","rValue":12,"bValue":245,"gValue":96,"aValue":1},"instant":false},{"id":"a-5-n-4","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28d","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b1"],"boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false},{"id":"a-5-n-5","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-ef00f520-f16d-b5a9-4164-b87ae8e21c98","rValue":246,"bValue":18,"gValue":173,"aValue":1},"instant":false},{"id":"a-5-n-6","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1710511102012},{"id":"a-6","title":"Toggle 3 [OFF]","actionItemGroups":[{"actionItems":[{"id":"a-6-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-6-n-2","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28d","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b1"],"boundaryMode":false},"globalSwatchId":"@var_variable-766c080f-fc10-0857-15f8-812385ce4e3c","rValue":117,"bValue":165,"gValue":135,"aValue":1},"instant":false},{"id":"a-6-n-3","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28d","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b1"],"boundaryMode":false},"globalSwatchId":"@var_variable-766c080f-fc10-0857-15f8-812385ce4e3c","rValue":117,"bValue":165,"gValue":135,"aValue":1},"instant":false},{"id":"a-6-n-4","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false},{"id":"a-6-n-5","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2dce5440-08b9-34b3-ff55-26720aeeb7b2"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-766c080f-fc10-0857-15f8-812385ce4e3c","rValue":117,"bValue":165,"gValue":135,"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