{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"d070c3fd-48e3-660e-633f-935db5390a9d","type":"Block","tag":"div","classes":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c1"],"children":["a707a714-21ed-6615-ef26-3372b8351fd5"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a707a714-21ed-6615-ef26-3372b8351fd5","type":"Block","tag":"div","classes":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c2"],"children":["aaaddf73-f52b-e3b9-0d5c-de29218a0ed4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aaaddf73-f52b-e3b9-0d5c-de29218a0ed4","type":"Block","tag":"div","classes":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c3"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c1","fake":false,"type":"class","name":"toggle-7","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c2","fake":false,"type":"class","name":"toggle-7_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; background-color: #7587a5; cursor: pointer;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c3","fake":false,"type":"class","name":"toggle-7_option","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; background-color: white;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-52","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-103","e-104"],"target":"66b8b363722d21756f46ff4b|a707a714-21ed-6615-ef26-3372b8351fd5","createdOn":1723380580610}],"events":[{"id":"e-103","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-57","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-104"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b363722d21756f46ff4b|a707a714-21ed-6615-ef26-3372b8351fd5","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b363722d21756f46ff4b|a707a714-21ed-6615-ef26-3372b8351fd5","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1723380580610},{"id":"e-104","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-58","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-103"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b363722d21756f46ff4b|a707a714-21ed-6615-ef26-3372b8351fd5","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b363722d21756f46ff4b|a707a714-21ed-6615-ef26-3372b8351fd5","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1723380580610}],"actionLists":[{"id":"a-57","title":"Toggle 7 [ON]","actionItemGroups":[{"actionItems":[{"id":"a-57-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c3"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-57-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c3"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-57-n-3","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28d","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c2"],"boundaryMode":false},"globalSwatchId":"@var_variable-bac2d19d-196c-207f-1509-2277bfd175ce","rValue":12,"bValue":245,"gValue":96,"aValue":1},"instant":false},{"id":"a-57-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":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c2"],"boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false},{"id":"a-57-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":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c3"],"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-58","title":"Toggle 7 [OFF]","actionItemGroups":[{"actionItems":[{"id":"a-58-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28e","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c3"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-58-n-2","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"663e559d03e5e471d9e3c01d|c4816fad-4b9d-05d8-5b52-e5671591f28d","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c2"],"boundaryMode":false},"globalSwatchId":"@var_variable-766c080f-fc10-0857-15f8-812385ce4e3c","rValue":117,"bValue":165,"gValue":135,"aValue":1},"instant":false},{"id":"a-58-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":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c2"],"boundaryMode":false},"globalSwatchId":"@var_variable-766c080f-fc10-0857-15f8-812385ce4e3c","rValue":117,"bValue":165,"gValue":135,"aValue":1},"instant":false},{"id":"a-58-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":["9aca72c0-fa7b-9fb7-f09c-d3dfe18d79c3"],"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