.LoadingOverlay_loadingOverlay__ndRO6{align-items:center;background-color:rgba(0,0,0,.4);inset:0;display:flex;justify-content:center;position:absolute;z-index:1;grid-row:header/footer}.FeatureHeader_header__sUOn1{position:relative;padding:0 var(--st-sizing-sm);top:0;left:0;right:0;height:var(--header-height);color:var(--font-color);background:var(--background-color);display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;grid-row:header}@media screen and (min-width:37.501em){.FeatureHeader_header__sUOn1{grid-row:1/2;grid-column:1/-1;flex-direction:row;justify-content:space-between;height:var(--st-sizing-3xl)}}.FeatureHeader_title__BW3S3{font-size:var(--st-font-size-s2);line-height:var(--st-line-height-s2);font-weight:var(--st-font-weight-bold);color:var(--accent-color)}.FeatureHeader_title__BW3S3>*{margin:0}@media screen and (min-width:37.501em){.FeatureHeader_title__BW3S3{font-size:var(--st-font-size-s3);line-height:var(--st-line-height-s3)}}@media screen and (min-width:56.251em){.FeatureHeader_title__BW3S3{font-size:var(--st-font-size-s5);line-height:var(--st-line-height-s5)}}.DragHintOverlay_dragHintOverlay__PDOG5{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:50%;display:none;height:var(--st-sizing-3xl);left:50%;justify-content:center;opacity:0;position:absolute;pointer-events:none;top:50%;width:var(--st-sizing-3xl);transform:translate(-50%,-50%);z-index:2}.DragHintOverlay_dragHintIconWrapper__CVmpi,.DragHintOverlay_dragHintOverlay__PDOG5.DragHintOverlay_isActive__pA_gN{display:flex}.LogoDisplay_logoWrapper__jgWs8{position:absolute;display:none;bottom:var(--st-sizing-3xs);left:var(--st-sizing-3xs)}@media screen and (min-width:37.501em){.LogoDisplay_logoWrapper__jgWs8{display:flex;gap:var(--st-sizing-xs);bottom:var(--st-sizing-ms);left:var(--st-sizing-ms)}}.LogoDisplay_logoWrapper__jgWs8.LogoDisplay_logoWrapperVisible__Ekeay{display:flex;gap:var(--st-sizing-xs)}.LogoDisplay_logo__OMYIu{height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:var(--st-sizing-3xl)}@media screen and (min-width:37.501em){.LogoDisplay_logo__OMYIu{max-width:6.6875rem}}.InputZone_inputZone__u0r_E{position:absolute;inset:0;cursor:grab}.InputZone_inputZone__u0r_E:active{cursor:grabbing}.FeatureCanvas_scalingContentWrapper__12S6l{position:relative;height:var(--mobile-feature-view-height);max-height:var(--max-canvas-height);width:100%;aspect-ratio:16/9;grid-row:content}.FeatureCanvas_scalingContentWrapper__12S6l.FeatureCanvas_isActive__Ajttd{aspect-ratio:unset}@media screen and (min-width:37.501em){.FeatureCanvas_scalingContentWrapper__12S6l{grid-column:1/-1;grid-row:2/3;height:auto}.FeatureCanvas_scalingContentWrapper__12S6l.FeatureCanvas_isActive__Ajttd{aspect-ratio:16/9}}@media screen and (min-width:56.251em){.FeatureCanvas_scalingContentWrapper__12S6l{grid-row:2/4}}.FeatureCanvas_canvasWrapper__Y13k3{position:absolute;top:50%;transform:translateY(-50%);right:0;left:0;width:100%;aspect-ratio:16/9;max-height:var(--max-canvas-height)}.FeatureCanvas_featurePopupArea__rPNKJ{position:absolute;top:var(--st-sizing-sm);right:var(--st-sizing-sm);bottom:calc(var(--st-sizing-sm) * 2);left:var(--st-sizing-sm)}@media screen and (min-width:37.501em){.FeatureCanvas_featurePopupArea__rPNKJ{top:calc(var(--st-sizing-sm) * 2);bottom:calc(var(--st-sizing-sm) * 3)}}.FeatureCanvas_debugPopup__zLB8n{border:2px solid red}.FeaturePopup_popupOrigin__8i3ds{position:absolute;top:var(--y);left:var(--x);width:1px;height:1px;pointer-events:none}.FeaturePopup_popupOrigin__8i3ds.FeaturePopup_debugPopup__FmYd0{box-shadow:0 0 0 2px #f0f;z-index:3}.FeaturePopup_container__UBL_x{padding:calc(var(--button-click-area-size) * .5) 0 calc(var(--button-click-area-size) * .25);text-align:center;position:absolute;display:flex;flex-direction:column;align-items:center;width:var(--mobile-container-size);margin:auto;z-index:1}.FeaturePopup_container__UBL_x.FeaturePopup_debugPopup__FmYd0{box-shadow:0 0 0 2px blue}@media screen and (min-width:37.501em){.FeaturePopup_container__UBL_x{width:var(--tablet-container-size)}}@media screen and (min-width:56.251em){.FeaturePopup_container__UBL_x{width:var(--desktop-container-size)}}.FeaturePopup_imageWrapper__xC3O6{overflow:hidden}.FeaturePopup_imageWrapper__xC3O6,.FeaturePopup_video__Lvs5G{width:100%;border:2px solid var(--st-color-white);border-radius:var(--st-sizing-3xs)}.FeaturePopup_video__Lvs5G{display:block}.FeaturePopup_toggleButton__09KuP{position:absolute;left:50%;top:calc(var(--button-click-area-size) * .5);width:var(--mobile-button-size);height:var(--mobile-button-size);cursor:pointer;pointer-events:all;border-radius:50%;border:2px solid var(--st-color-white);background-color:var(--st-color-black);box-shadow:0 2px 8px var(--st-color-black);font-size:1.4rem}.FeaturePopup_toggleButton__09KuP.FeaturePopup_isActive__Z9prK{left:98%;top:calc((var(--button-click-area-size) * .5) + 2%)}.FeaturePopup_toggleButton__09KuP.FeaturePopup_isDisabled__Sz3gJ{pointer-events:none}.FeaturePopup_toggleButton__09KuP:before{display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);content:"+";line-height:var(--button-click-area-size);width:var(--button-click-area-size)}.FeaturePopup_toggleButton__09KuP.FeaturePopup_debugPopup__FmYd0:before{box-shadow:0 0 0 2px #ff0}@media screen and (min-width:37.501em){.FeaturePopup_toggleButton__09KuP.FeaturePopup_isActive__Z9prK{top:calc(var(--button-click-area-size) * .5);left:50%}}@media screen and (min-width:56.251em){.FeaturePopup_toggleButton__09KuP{height:var(--tablet-button-size);width:var(--tablet-button-size);font-size:2.25rem}}.FeaturePopup_textContainer__Ch_E1{color:var(--font-color-mobile);margin-top:var(--st-sizing-3xs);width:var(--mobile-text-box-width);padding:var(--st-sizing-3xs)}.FeaturePopup_textContainer__Ch_E1 .FeaturePopup_title__7STWi{margin:0;padding:0;font-size:var(--st-font-size-s0);font-weight:var(--st-font-weight-bold)}.FeaturePopup_textContainer__Ch_E1 .FeaturePopup_text___MZn5{margin:.45em 0 0;padding:0;font-weight:var(--st-font-weight-normal);font-size:var(--st-font-size-sm2)}@media screen and (min-width:37.501em){.FeaturePopup_textContainer__Ch_E1{color:var(--st-color-white);background:rgba(0,0,0,.8);backdrop-filter:blur(6px);border-radius:var(--st-sizing-3xs);padding:var(--st-sizing-xs) var(--st-sizing-ms);width:100%}}@media screen and (min-width:56.251em){.FeaturePopup_textContainer__Ch_E1 .FeaturePopup_title__7STWi{font-size:var(--st-font-size-s2)}.FeaturePopup_textContainer__Ch_E1 .FeaturePopup_text___MZn5{font-size:var(--st-font-size-sm1)}}.MobileFeatureNavigation_mobileFeatureNavContainer__4zFCt{display:block}@media (min-width:36.25em){.MobileFeatureNavigation_mobileFeatureNavContainer__4zFCt{display:none}}.MobileFeatureNavigation_mobileFeatureControlNavButton__HOzLT{pointer-events:all;display:none;cursor:pointer;color:var(--accent-color);position:absolute;top:40%;left:50%}.MobileFeatureNavigation_mobileFeatureControlNavButton__HOzLT.MobileFeatureNavigation_isActive__EualW{display:block}.MobileFeatureNavigation_mobileFeatureControlNavButton__HOzLT.MobileFeatureNavigation_leftArrow__xBNPh{transform:translateX(calc((var(--mobile-container-size) * 1px / -2) + (var(--mobile-chevron-height) * 1px * -2)))}.MobileFeatureNavigation_mobileFeatureControlNavButton__HOzLT.MobileFeatureNavigation_rightArrow__U2J_c{transform:translateX(calc((var(--mobile-container-size) * 1px / 2) + (var(--mobile-chevron-height) * 1px)))}@media screen and (min-width:56.251em){.MobileFeatureNavigation_mobileFeatureControlNavButton__HOzLT{display:none}}.MobileFeatureNavigation_mobileFeatureControlNavButton__HOzLT:before{display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);content:"";line-height:48px;width:48px;height:48px}.FeatureScenes_featureWrapper__RkI9g{position:absolute;top:var(--mobile-header-height);right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent}.FeatureScenes_featureWrapper__RkI9g.FeatureScenes_isActive__L4EBO{background-color:var(--background-color)}@media screen and (min-width:37.501em){.FeatureScenes_featureWrapper__RkI9g{top:0;background-color:transparent;grid-column:1/-1;grid-row:2/3}.FeatureScenes_featureWrapper__RkI9g.FeatureScenes_noHeader__dO1NA{grid-row:1/3}.FeatureScenes_featureWrapper__RkI9g.FeatureScenes_isActive__L4EBO{background-color:rgba(0,0,0,.4)}}@media screen and (min-width:56.251em){.FeatureScenes_featureWrapper__RkI9g{top:unset;height:100%;grid-row:2/4}.FeatureScenes_featureWrapper__RkI9g.FeatureScenes_noHeader__dO1NA{height:100%;inset:0;grid-row:1/4}}.FeatureScenes_featureScene__Z_hr_{position:absolute;top:50%;transform:translateY(-50%);right:0;left:0;width:100%;aspect-ratio:16/9;max-height:var(--max-canvas-height)}.FeatureFooter_footer__pCCod{position:relative;display:none;width:100%;height:var(--footer-height);background:var(--background-color);flex-direction:row;justify-content:center;align-items:center;grid-row:footer}.FeatureFooter_footer__pCCod.FeatureFooter_footerVisible__qa_q6{display:flex}@media screen and (min-width:37.501em){.FeatureFooter_footer__pCCod,.FeatureFooter_footer__pCCod.FeatureFooter_footerVisible__qa_q6{display:flex;grid-row:3/4;grid-column:1/-1}}@media screen and (min-width:56.251em){.FeatureFooter_footer__pCCod{padding:var(--ds-spacing-sm);padding-top:0;background:none;justify-content:flex-end;align-items:flex-end}.FeatureFooter_footer__pCCod.FeatureFooter_footerVisible__qa_q6{grid-column:1/-1;grid-row:3/4;place-self:end;display:flex;justify-content:flex-end;align-items:flex-end}}.FeatureFooter_controlWrapper__gVvh9{grid-column:1/-1;grid-row:3/4;box-shadow:0 0 0 1px var(--st-color-grey-dark);position:relative;overflow:hidden;border-radius:calc(var(--ctrl-height) / 2);background:rgba(0,0,0,.6);width:var(--ctrl-width);height:var(--ctrl-height)}@media screen and (min-width:56.251em){.FeatureFooter_controlWrapper__gVvh9{box-shadow:none}}.FeatureFooter_controlWrapperLabel__kztsF{display:none;padding:0;margin:0}@media screen and (min-width:37.501em){.FeatureFooter_controlWrapperLabel__kztsF{display:block;grid-column:1/-1;grid-row:3/4;color:var(--font-color);height:var(--ctrl-height);font-size:var(--st-font-size-sm1);line-height:var(--ctrl-height);padding-right:var(--st-sizing-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media screen and (min-width:56.251em){.FeatureFooter_controlWrapperLabel__kztsF{position:absolute;bottom:var(--st-sizing-sm);font-size:var(--st-font-size-s0);right:calc(var(--st-sizing-sm) + var(--ctrl-width-px))}}.FeatureFooter_dragControlBackground__4STUa{cursor:pointer;position:absolute;top:0;left:var(--drag-margin);right:var(--drag-margin);bottom:0}.FeatureFooter_dragControlBackground__4STUa:before{position:absolute;left:0;right:0;top:var(--drag-ctrl-top);content:"";height:1px;background:var(--st-color-white);pointer-events:none}.FeatureFooter_dragControlDotsWrapper__Is7_b{display:flex;justify-content:space-between;position:absolute;top:0;left:var(--drag-ctrl-dots-wrapper);right:var(--drag-ctrl-dots-wrapper);bottom:0}.FeatureFooter_dragDot__YffJ1{flex:1;display:flex;justify-content:center;align-items:center;outline:none}.FeatureFooter_dragDot__YffJ1:after{content:"";position:relative;width:var(--ctrl-dot-height);height:var(--ctrl-dot-height);border-radius:50%;background:var(--st-color-black);border:1px solid var(--st-color-white)}.FeatureFooter_dragDot__YffJ1:focus:after,.FeatureFooter_dragDot__YffJ1:hover:after{background:var(--st-color-white)}.FeatureFooter_dragControlHandle__BByQz{position:absolute;top:calc((var(--ctrl-height) - var(--ctrl-handle-height)) / 2);width:calc(var(--ctrl-handle-height) + var(--ctrl-side-padding) * 2);left:calc((var(--ctrl-handle-height) + var(--ctrl-side-padding) * 2) * -.5);height:var(--ctrl-handle-height);border:1px solid var(--accent-color);background:var(--st-color-black);border-radius:calc(var(--ctrl-handle-height) / 2)}.FeatureFooter_dragControlHandle__BByQz:before{position:absolute;left:30%;right:30%;top:calc(var(--ctrl-handle-height) / 2 - 2px);content:"";height:1px;background:var(--accent-color)}.FeatureFooter_dragControlHandle__BByQz{cursor:grab}.FeatureFooter_dragControlHandle__BByQz:active{cursor:grabbing}.FeatureFooter_dragControlHandle__BByQz:hover{background:var(--accent-color)}.FeatureFooter_dragControlHandle__BByQz:hover:hover:before{background:var(--st-color-black)}.FeatureFooter_featureControlWrapper__QRw__{position:absolute;top:0;left:var(--ctrl-side-padding);right:var(--ctrl-side-padding);bottom:0;display:flex;justify-content:space-between;align-items:center}.FeatureFooter_featureControlTitle__SbRz7{margin:0;padding:0;font-size:var(--st-font-size-sm1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.FeatureFooter_featureControlNavButton___4NRj{color:var(--accent-color)}.MobileNavigation_mobileTabNavigationControls__p3JJu{background:var(--background-color);height:var(--tabs-height);display:flex;flex-direction:row;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-row:tabs}@media screen and (min-width:37.501em){.MobileNavigation_mobileTabNavigationControls__p3JJu{display:none}}.MobileNavigation_mobileTab__A8ep8{color:var(--overlay-text-color);border-bottom:3px solid transparent;height:100%;margin:0 var(--st-sizing-xs);font-size:var(--st-font-size-sm1);line-height:var(--st-line-height-sm1)}.MobileNavigation_mobileTab__A8ep8.MobileNavigation_activeTab__Gqnha{color:var(--accent-color);border-bottom-color:var(--accent-color)}.FeatureExplorer_container__Iuio_{display:grid;grid-template-areas:"header" "tabs" "content" "footer";overflow:hidden;touch-action:pan-y;position:relative;width:100%;max-width:1600px;color:var(--ds-color-text-inverse);background:radial-gradient(circle,var(--background-color-light) 0,var(--background-color-dark) 100%);height:var(---mobile-container-height)}@media screen and (min-width:37.501em){.FeatureExplorer_container__Iuio_{display:grid;grid-template-columns:195px 1fr;grid-template-rows:repeat(3,auto)}.FeatureExplorer_container__Iuio_.FeatureExplorer_noHeader__FA2tc{grid-template-rows:repeat(2,auto)}}
/*# sourceMappingURL=eec2adf3399ee14a.css.map*/