.FigmaDemo_FigmaDemo__qK6JC{min-height:500px}.FigmaDemo_FigmaDemoWindow__nMv6r{width:296px;height:auto;position:absolute;top:0;left:2%;overflow:hidden;border-radius:2px;box-shadow:0 1px 20px rgba(0,0,0,.03),0 0 1px rgba(0,0,0,.3)}.FigmaDemo_FigmaCursor1__CmB5X,.FigmaDemo_FigmaCursor2__yDL56{position:absolute;top:8%;right:10%;zoom:1}.FigmaDemo_FigmaCursor2__yDL56{top:auto;bottom:20%;right:32%}.FigmaDemo_FigmaTemperature__IE_yb{width:160px;height:auto;position:absolute;top:2%;right:15%}.FigmaDemo_FigmaRangeSlider__MV6WK{width:188px;height:auto;position:absolute;bottom:40%;right:25%}@media (max-width:720px){.FigmaDemo_FigmaDemo__qK6JC{margin-top:calc(var(--grid-unit) * 3);min-height:600px}.FigmaDemo_FigmaDemoWindow__nMv6r{width:80vw;max-width:296px;top:0;left:var(--grid-gap)}.FigmaDemo_FigmaCursor1__CmB5X{top:auto;bottom:15%;right:auto;left:2%}.FigmaDemo_FigmaCursor2__yDL56{bottom:5%;right:3%}.FigmaDemo_FigmaTemperature__IE_yb{top:60%;right:2%}.FigmaDemo_FigmaRangeSlider__MV6WK{display:none}}.LiveGraphDemo_live_graph__Yq7CC{right:0;left:-4px;width:calc(100% + 8px)!important;margin-top:calc(var(--grid-unit) * 3);margin-bottom:calc(var(--grid-unit) * -8);height:320px}.LiveGraphDemo_live_graph__Yq7CC tspan{font-family:var(--font-family-mono)!important;font-size:var(--font-size-tiny)!important;color:var(--color-font-dis)!important}.LiveGraphDemo_Section-Feature_Graph__DOsMO .LiveGraphDemo_Section-Content__0SeCM{overflow-x:hidden;padding-bottom:calc(var(--grid-unit) * 6 + 320px)}.LiveGraphDemo_dataBar__50vWX{width:100%;max-width:340px;margin:0 auto}.LiveGraphDemo_dataBarUnit__FXBMl{width:100%;font-size:44px;text-align:center;font-family:var(--font-family-mono)}.LiveGraphDemo_dataBarBar__P4_4A{width:100%;height:8px;border-radius:1000px;overflow:hidden;background:var(--color-gray-4)}.LiveGraphDemo_dataBarBarInner__MjAUx{height:100%;background:var(--color-green)}.LiveGraphDemo_dataKnob__KvXlz{margin:40px auto;width:80px;height:80px}.LiveGraphDemo_dataKnobInner__m3qPV{width:80px;height:80px;border-radius:100000000px;border:4px solid var(--color-black)}.LiveGraphDemo_dataKnobInnerLine__pw6Tb{width:2px;height:30%;position:absolute;top:0;left:calc(50% - 1px);background:var(--color-black)}@media (max-width:720px){.LiveGraphDemo_Section-Feature_Graph__DOsMO .LiveGraphDemo_Section-Content__0SeCM{padding-bottom:calc(var(--grid-unit) * 6 + 140px)}.LiveGraphDemo_live_graph__Yq7CC{height:140px;left:-5px;width:calc(100% + 9px)!important;margin-bottom:calc(var(--grid-unit) * -4)}.LiveGraphDemo_dataBar__50vWX{margin-top:calc(var(--grid-unit) * 3);width:80%}.LiveGraphDemo_dataBarUnit__FXBMl{font-size:32px}.LiveGraphDemo_dataBarBar__P4_4A{height:4px}.LiveGraphDemo_dataKnobInner__m3qPV{border-width:2px}}.RangeSlider_RangeSlider__1M_9i{height:40px;margin-left:20px;margin-right:20px;z-index:3}.RangeSlider_Track___iYAl{height:3px;background:var(--color-gray-6);top:calc(50% - 1.5px);margin-left:-20px;margin-right:-20px}.RangeSlider_Handle__NQYtX{border:2px solid var(--color-gray-6);border-radius:4px;text-align:center;background-color:#fff;z-index:2;position:absolute;top:0;left:0;transform:translateX(-50%);cursor:-webkit-grab;cursor:grab;min-width:80px;height:40px;padding:3px;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-reg)}.ScaleSlider_SvgWrapper__dIBhe{height:140px;margin-top:-20px;margin-bottom:-21px}.ScaleSlider_SvgWrapper__dIBhe path.ScaleSlider_Indicator__qFoSi{stroke:var(--color-gray-5);stroke-width:1px}.ScaleSlider_SvgWrapper__dIBhe path.ScaleSlider_OutsidePath__1pdul{stroke:var(--color-gray-7);stroke-width:1px;fill:none}.MappingCardDemo_MappingCardDemo__9IhE6{width:100%;max-width:600px;margin:calc(var(--grid-unit) * 8) auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.MappingCardDemo_ScaleSlider_Container__z_1Cx{margin-top:calc(var(--grid-unit) * 4);margin-bottom:calc(var(--grid-unit) * 6)}.MappingCardDemo_ScaleSlider_Container-ValueLine__aymUq{position:absolute;top:20px;left:20px;right:20px;bottom:20px;z-index:3}.MappingCardDemo_MappingCardDemo__9IhE6 .MappingCardDemo_ScaleSlider-SvgWrapper__1NkpI{height:140px;margin-top:-20px;margin-bottom:-21px}.MappingCardDemo_MappingCardDemo__9IhE6 .MappingCardDemo_ScaleSlider-SvgWrapper__1NkpI path.MappingCardDemo_indicator__VSxWd{stroke:var(--color-gray-5);stroke-width:1px}.MappingCardDemo_MappingCardDemo__9IhE6 .MappingCardDemo_ScaleSlider-SvgWrapper__1NkpI path.MappingCardDemo_ScaleSlider-OutsidePath__3S9t6{stroke:var(--color-gray-7);stroke-width:1px;stroke-dasharray:1px 0;fill:none}.MappingCardDemo_MappingCardDemo__9IhE6 .MappingCardDemo_RangeSlider__Iya8e{height:40px}.MappingCardDemo_MappingCardDemo__9IhE6 .MappingCardDemo_RangeSlider-Handle__pdkRA{min-width:80px;height:40px;border-radius:4px;border-width:2px;padding:3px;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-reg)}.MappingCardDemo_HardwareComponent__BAGgB{display:flex;width:100%;justify-content:center}.MappingCardDemo_Value__Nw_uP{display:flex;justify-content:flex-end;align-items:center;font-family:var(--font-family-mono);color:var(--color-green);font-size:var(--font-size-large);margin-left:calc(var(--grid-unit) * 3);width:100px}.MappingCardDemo_DataKnob__ujWGL{margin-bottom:calc(var(--grid-unit) * 2)}.MappingCardDemo_DataKnob_Inner__gPSk6{width:80px;height:80px;border-radius:100000000px;border:4px solid var(--color-black)}.MappingCardDemo_DataKnob_Inner_Line__WuzkU{width:2px;height:30%;position:absolute;top:0;left:calc(50% - 1px);background:var(--color-black)}.MappingCardDemo_DataServo___QBn6{width:120px;height:40px;border:4px solid var(--color-black);margin-top:calc(var(--grid-unit) * 4)}.MappingCardDemo_DataServo_Inner__LVrmx{width:26px;height:100px;border:4px solid var(--color-black);position:absolute;top:0;left:30%;top:50%;background:#f2f2f2;border-radius:1000px;display:flex;flex-direction:column;align-content:center;justify-content:space-around}.MappingCardDemo_DataServo_Inner_Hole__oj5eT{width:8px;height:8px;border-radius:100px;border:2px solid var(--color-black);margin:auto}@media (max-width:720px){.MappingCardDemo_MappingCardDemo__9IhE6{transform:scale(.7);margin:0 auto}}.ProtoPiePageHeaderPhone_ProtoPiePageHeaderPhone__izHh5{--width:280px;width:var(--width);height:calc(var(--width) * 2.16);flex-shrink:0}.ProtoPiePageHeaderPhone_screen__ZgxE3{background:var(--color-white);width:100%;height:100%;border-radius:calc(var(--width) * .12);overflow:hidden;display:flex;flex-direction:column;grid-gap:16px;flex-shrink:0;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:3%}.ProtoPiePageHeaderPhone_sensorVal__bT9Zx{font-family:var(--font-family-mono);font-size:var(--font-size-large)}.ProtoPiePageHeaderPhone_sensorGraph__UM7HF{width:calc(100% - 40px);height:6px;background:var(--color-gray-4);border-radius:100px;overflow:hidden}.ProtoPiePageHeaderPhone_sensorGraphInner__wsmmS{transform-origin:left;width:100%;height:100%;background:var(--color-green)}.ProtoPiePageHeaderPhone_toggleLEDbutton__yDwJG{width:calc(100% - 40px);background:var(--color-green);padding:10px;border-radius:5px;text-align:center;color:var(--color-white);cursor:pointer;margin-top:20px}.ProtoPiePageHeaderPhone_toggleLEDbutton__yDwJG:hover{filter:brightness(1.02)}.ProtoPiePageHeaderPhone_toggleLEDbutton__yDwJG:active{background:var(--color-green-dark)}.ProtoPiePageHeaderPhone_frame__4xyYP{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:calc(var(--width) * 1.07);height:auto}.ProtoPiePageHeader_ProtoPiePageHeader__cSYIT{display:flex;align-items:center}.ProtoPiePageHeader_hardware__MKO94{height:100%;width:50%;margin-left:-4px;display:flex;flex-direction:column}.ProtoPiePageHeader_protopieGroveComponent__iivgt{position:relative!important;margin:50px 0}.ProtoPiePageHeader_phoneWrapper__c3W5h{margin-left:40px}@media (max-width:720px){.ProtoPiePageHeader_ProtoPiePageHeader__cSYIT{flex-direction:column;align-items:normal}.ProtoPiePageHeader_hardware__MKO94{width:100%}.ProtoPiePageHeader_protopieGroveComponent__iivgt{width:calc(100vw - 80px)!important}.ProtoPiePageHeader_phoneWrapper__c3W5h{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:0;margin-top:calc(var(--grid-unit) * 5)}}.StyledCode_StyledCode__X_q48{font-size:var(--font-size-reg);background:var(--color-gray-1);border-radius:4px;margin:calc(var(--grid-unit) * 2) 0;width:100%}.StyledCode_StyledCode__X_q48::-webkit-scrollbar{display:none}.StyledCode_StyledCode__X_q48 pre{white-space:pre-wrap}.StyledCode_StyledCode__X_q48 code,.StyledCode_StyledCode__X_q48 pre{background:none!important;font-family:var(--font-family-mono)}.StyledCode_StyledCode__X_q48.StyledCode_isFeaturePage__Sa6GI{background:#383b3c;max-height:90vh;overflow-y:scroll;margin:0}@media (max-width:720px){.StyledCode_StyledCode__X_q48{font-size:var(--font-size-small);max-height:none}.StyledCode_StyledCode__X_q48.StyledCode_isFeaturePage__Sa6GI{width:calc(100vw - var(--section-title-width-mobile) - var(--grid-gap) * 2)}}.VirtualComponentsDemo_VirtualComponentsDemo__c7gHz{width:100%}.VirtualComponentsDemo_Icon__2oloe{height:200px;width:100%;display:flex;justify-content:center;align-items:center}.VirtualComponentsDemo_Icon__2oloe img{-o-object-fit:contain;object-fit:contain;height:80%;width:auto}.VirtualComponentsDemo_Selector__3vWQU{display:flex;justify-content:center;margin-bottom:40px;align-items:center}.VirtualComponentsDemo_Selector__3vWQU li{margin:0 8px;font-size:var(--font-size-small);text-transform:uppercase;font-weight:var(--font-weight-med);padding:2px 6px;border-radius:2px;cursor:pointer;text-align:center}.VirtualComponentsDemo_Selector__3vWQU li.VirtualComponentsDemo_isFocus__x8Tf7{background:var(--color-gray-6)}.VirtualComponentsDemo_Content__rTf95{min-height:100px;text-align:center}@media (max-width:720px){.VirtualComponentsDemo_Selector__3vWQU{flex-wrap:wrap;margin-bottom:20px}}.WizardDemo_WizardDemo__CrDNf{width:100%;max-width:500px;display:flex;justify-content:space-around;align-items:center}.WizardDemo_List_Inner__gv0Pa{width:140px;height:140px;background:hsla(0,0%,100%,.2);overflow:hidden;border-radius:4px}.WizardDemo_List_Inner__gv0Pa ul{transition:margin .5s}.WizardDemo_List_Inner__gv0Pa li{width:140px;height:140px}.WizardDemo_List_Inner__gv0Pa li img{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:invert(100%) contrast(2)}.WizardDemo_ComponentName__fF0E8{color:var(--color-white);text-align:center;position:absolute;left:50%;width:140%;top:calc(100% + 10px);transform:translate(-50%)}.WizardDemo_Target__uM4au{width:100px;height:100px;display:flex;justify-content:center;align-items:center;text-align:center;font-family:var(--font-family-mono);font-size:var(--font-size-large);color:var(--color-white)}.WizardDemo_isPWM__Yqtyk .WizardDemo_Target__uM4au:after{content:"pwm";background:hsla(0,0%,100%,.2);border-radius:2px;font-family:var(--font-family-mono);font-size:var(--font-size-small);display:block;position:absolute;bottom:0;padding:1px 4px;left:50%;transform:translate(-50%)}.WizardDemo_Map__a2HvM{height:117px;width:149}.WizardDemo_Map__a2HvM img{height:100%;width:auto}.WizardDemo_SlotContainer__YJODW{height:78px;width:99px;transform-origin:top left;position:absolute;top:0;left:0;transform:scale(1.5)}.WizardDemo_Slot__krUC_{width:8px;height:16px;position:absolute;border:1px solid var(--color-white);float:left;opacity:.2}.WizardDemo_Slot__krUC_.WizardDemo_taken__i9M_9{background-color:var(--color-white)}.WizardDemo_Slot__krUC_.WizardDemo_highlight__MsBjj{opacity:1}.WizardDemo_Slot__krUC_.WizardDemo_analog__VVPlf{width:12px;left:7px}.WizardDemo_Slot__krUC_.WizardDemo_D2__Z5Vu8,.WizardDemo_Slot__krUC_.WizardDemo_D3__mOorZ,.WizardDemo_Slot__krUC_.WizardDemo_D4__1A6oQ{top:8px}.WizardDemo_Slot__krUC_.WizardDemo_D5__4kuO6,.WizardDemo_Slot__krUC_.WizardDemo_D6__abxoo,.WizardDemo_Slot__krUC_.WizardDemo_D7___qeUq,.WizardDemo_Slot__krUC_.WizardDemo_D8__xDlzE{top:30px}.WizardDemo_Slot__krUC_.WizardDemo_I2C__4qIYW{top:52px}.WizardDemo_Slot__krUC_.WizardDemo_D4__1A6oQ,.WizardDemo_Slot__krUC_.WizardDemo_D8__xDlzE,.WizardDemo_Slot__krUC_.WizardDemo_I2C_1__Mu137{left:28px}.WizardDemo_Slot__krUC_.WizardDemo_D3__mOorZ,.WizardDemo_Slot__krUC_.WizardDemo_D7___qeUq,.WizardDemo_Slot__krUC_.WizardDemo_I2C_2__qC8YI{left:45px}.WizardDemo_Slot__krUC_.WizardDemo_D2__Z5Vu8,.WizardDemo_Slot__krUC_.WizardDemo_D6__abxoo,.WizardDemo_Slot__krUC_.WizardDemo_I2C_3__t4rvc{left:62px}.WizardDemo_Slot__krUC_.WizardDemo_D5__4kuO6,.WizardDemo_Slot__krUC_.WizardDemo_I2C_4__qWwfN{left:79px}.WizardDemo_Slot__krUC_.WizardDemo_A0__5hNL2{top:58px}.WizardDemo_Slot__krUC_.WizardDemo_A1__CZra6{top:40px}.WizardDemo_Slot__krUC_.WizardDemo_A2__KDsYt{top:22px}.WizardDemo_Slot__krUC_.WizardDemo_A3__DJ6z7{top:4px}@media (max-width:720px){.WizardDemo_WizardDemo__CrDNf{padding:40px 0 80px}.WizardDemo_List_Inner__gv0Pa,.WizardDemo_List_Inner__gv0Pa li{width:80px;height:80px}.WizardDemo_Target__uM4au{width:60px;height:60px;font-size:22px}.WizardDemo_isPWM__Yqtyk .WizardDemo_Target__uM4au:after{font-size:var(--font-size-tiny)}.WizardDemo_Map__a2HvM{height:78px;width:99px}.WizardDemo_SlotContainer__YJODW{transform:scale(1)}}.features_featuresIntro__bDDuT{margin-top:calc(var(--grid-unit) * 10)}.features_featuresTitleImg__U7brZ{position:absolute;left:0;width:790px;bottom:calc(var(--grid-unit) * -7 - 100px);border-radius:8px;box-shadow:0 1px 30px rgba(0,0,0,.07)}.features_featuresTitleImg__U7brZ.features_isWindows__MKfdG{border-radius:0}