{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"542b8ef2-75fb-ec28-26e4-1a7527475523","type":"Block","tag":"div","classes":["a36297bf-b9f2-a0a9-6a45-c72a7ade8447"],"children":["00aba126-43e3-5617-cbb2-39f0e9d39481","aedd9403-2ee0-63ac-5755-e39087db8637"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"00aba126-43e3-5617-cbb2-39f0e9d39481","type":"Block","tag":"div","classes":["a36297bf-b9f2-a0a9-6a45-c72a7ade8448"],"children":["2b9a3e63-880a-3e51-2b3d-9261a47c0913"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2b9a3e63-880a-3e51-2b3d-9261a47c0913","type":"Block","tag":"div","classes":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aedd9403-2ee0-63ac-5755-e39087db8637","type":"Block","tag":"div","classes":["a36297bf-b9f2-a0a9-6a45-c72a7ade844a"],"children":["1576f12a-02aa-a97e-ddd1-aaa378a5b181"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1576f12a-02aa-a97e-ddd1-aaa378a5b181","text":true,"v":"Label"}],"styles":[{"_id":"a36297bf-b9f2-a0a9-6a45-c72a7ade8447","fake":false,"type":"class","name":"toggle-10","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"a36297bf-b9f2-a0a9-6a45-c72a7ade8448","fake":false,"type":"class","name":"toggle-10_pill","namespace":"","comb":"","styleLess":"display: flex; box-sizing: content-box; width: 2.5rem; height: 0.25rem; justify-content: flex-start; align-items: center; 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: #d6deea; cursor: pointer;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"a36297bf-b9f2-a0a9-6a45-c72a7ade8449","fake":false,"type":"class","name":"toggle-10_option","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; 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.25rem; border-top-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; border-bottom-right-radius: 1.25rem; background-color: white;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"a36297bf-b9f2-a0a9-6a45-c72a7ade844a","fake":false,"type":"class","name":"toggle-10_label","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-55","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-109","e-110"],"target":"66b8b9d75b3d0fafa2cdaa37|00aba126-43e3-5617-cbb2-39f0e9d39481","createdOn":1710514267187}],"events":[{"id":"e-109","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-63","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-58"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b9d75b3d0fafa2cdaa37|00aba126-43e3-5617-cbb2-39f0e9d39481","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b9d75b3d0fafa2cdaa37|00aba126-43e3-5617-cbb2-39f0e9d39481","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1710514267187},{"id":"e-110","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-64","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-57"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b9d75b3d0fafa2cdaa37|00aba126-43e3-5617-cbb2-39f0e9d39481","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b9d75b3d0fafa2cdaa37|00aba126-43e3-5617-cbb2-39f0e9d39481","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1710514267187}],"actionLists":[{"id":"a-63","title":"Toggle 10 [ON]","actionItemGroups":[{"actionItems":[{"id":"a-63-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|2b9a3e63-880a-3e51-2b3d-9261a47c0913","appliesTo":"ELEMENT_CLASS","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-63-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|2b9a3e63-880a-3e51-2b3d-9261a47c0913","appliesTo":"ELEMENT_CLASS","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-63-n-3","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|00aba126-43e3-5617-cbb2-39f0e9d39481","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8448"],"boundaryMode":false},"globalSwatchId":"@var_variable-ef00f520-f16d-b5a9-4164-b87ae8e21c98","rValue":246,"bValue":18,"gValue":173,"aValue":1},"instant":false},{"id":"a-63-n-4","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|2b9a3e63-880a-3e51-2b3d-9261a47c0913","appliesTo":"ELEMENT_CLASS","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-bac2d19d-196c-207f-1509-2277bfd175ce","rValue":12,"bValue":245,"gValue":96,"aValue":1},"instant":false},{"id":"a-63-n-5","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|2b9a3e63-880a-3e51-2b3d-9261a47c0913","appliesTo":"ELEMENT_CLASS","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"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-64","title":"Toggle 10 [OFF]","actionItemGroups":[{"actionItems":[{"id":"a-64-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|2b9a3e63-880a-3e51-2b3d-9261a47c0913","appliesTo":"ELEMENT_CLASS","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-64-n-2","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|00aba126-43e3-5617-cbb2-39f0e9d39481","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8448"],"boundaryMode":false},"globalSwatchId":"@var_variable-e4318cc5-a041-225e-fa55-683326c19dce","rValue":214,"bValue":234,"gValue":222,"aValue":1},"instant":false},{"id":"a-64-n-3","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|2b9a3e63-880a-3e51-2b3d-9261a47c0913","appliesTo":"ELEMENT_CLASS","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false},{"id":"a-64-n-4","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b9d75b3d0fafa2cdaa37|2b9a3e63-880a-3e51-2b3d-9261a47c0913","appliesTo":"ELEMENT_CLASS","styleBlockIds":["a36297bf-b9f2-a0a9-6a45-c72a7ade8449"],"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