{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ce0eecee-b44f-c350-dd8f-1cf6cdbe1465","type":"Block","tag":"div","classes":["2ac46dad-129d-8455-6744-e4c204c707e5"],"children":["8afa8bf9-cdac-8fe1-9eca-beca0591a3a6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","type":"Block","tag":"div","classes":["2ac46dad-129d-8455-6744-e4c204c707e6"],"children":["a32eb814-f014-dc42-fb78-966742c8b869"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a32eb814-f014-dc42-fb78-966742c8b869","type":"Block","tag":"div","classes":["2ac46dad-129d-8455-6744-e4c204c707e7"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"2ac46dad-129d-8455-6744-e4c204c707e5","fake":false,"type":"class","name":"toggle-9","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2ac46dad-129d-8455-6744-e4c204c707e6","fake":false,"type":"class","name":"toggle-9_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":"2ac46dad-129d-8455-6744-e4c204c707e7","fake":false,"type":"class","name":"toggle-9_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}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-54","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-107","e-108"],"target":"66b8b5965e78c497a1a828d7|8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","createdOn":1710514267187}],"events":[{"id":"e-107","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-61","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-58"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b5965e78c497a1a828d7|8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b5965e78c497a1a828d7|8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1710514267187},{"id":"e-108","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-62","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-57"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"66b8b5965e78c497a1a828d7|8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"66b8b5965e78c497a1a828d7|8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1710514267187}],"actionLists":[{"id":"a-61","title":"Toggle 9 [ON]","actionItemGroups":[{"actionItems":[{"id":"a-61-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"66b8b5965e78c497a1a828d7|a32eb814-f014-dc42-fb78-966742c8b869","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e7"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"px","yUnit":"PX","zUnit":"PX"},"instant":false}]},{"actionItems":[{"id":"a-61-n-2","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|a32eb814-f014-dc42-fb78-966742c8b869","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e7"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":100,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-61-n-4","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e6"],"boundaryMode":false},"globalSwatchId":"@var_variable-ef00f520-f16d-b5a9-4164-b87ae8e21c98","rValue":246,"bValue":18,"gValue":173,"aValue":1},"instant":false},{"id":"a-61-n-5","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|a32eb814-f014-dc42-fb78-966742c8b869","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e7"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-bac2d19d-196c-207f-1509-2277bfd175ce","rValue":12,"bValue":245,"gValue":96,"aValue":1},"instant":false},{"id":"a-61-n-6","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|a32eb814-f014-dc42-fb78-966742c8b869","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e7"],"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-62","title":"Toggle 9 [OFF]","actionItemGroups":[{"actionItems":[{"id":"a-62-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|a32eb814-f014-dc42-fb78-966742c8b869","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e7"],"useEventTarget":"CHILDREN","boundaryMode":false},"xValue":0,"xUnit":"%","yUnit":"PX","zUnit":"PX"},"instant":false},{"id":"a-62-n-3","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|8afa8bf9-cdac-8fe1-9eca-beca0591a3a6","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e6"],"boundaryMode":false},"globalSwatchId":"@var_variable-e4318cc5-a041-225e-fa55-683326c19dce","rValue":214,"bValue":234,"gValue":222,"aValue":1},"instant":false},{"id":"a-62-n-4","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|a32eb814-f014-dc42-fb78-966742c8b869","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e7"],"useEventTarget":"CHILDREN","boundaryMode":false},"globalSwatchId":"@var_variable-a4e03d3b-3eb4-a96f-3579-f65027b5e8f7","rValue":255,"bValue":255,"gValue":255,"aValue":1},"instant":false},{"id":"a-62-n-5","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"inOutQuad","duration":300,"target":{"nodeId":"66b8b5965e78c497a1a828d7|a32eb814-f014-dc42-fb78-966742c8b869","appliesTo":"ELEMENT_CLASS","styleBlockIds":["2ac46dad-129d-8455-6744-e4c204c707e7"],"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