._demoPage_1a6lh_1{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}._backButton_1a6lh_10{z-index:1000;color:#000;cursor:pointer;backdrop-filter:blur(10px);background-color:#ffffff8c;border:1px solid #66c3d04d;border-radius:8px;justify-content:center;align-items:center;padding:4px 8px 4px 4px;font-family:Raleway,sans-serif;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:20px;left:20px}._backButton_1a6lh_10:hover{color:#fff;background-color:#66c3d033;border-color:#66c3d0;transform:translate(-2px)}._backButton_1a6lh_10:active{transform:translate(-2px)scale(.95)}._backButton_1a6lh_10 svg{width:24px;height:24px}._iframeWrapper_1a6lh_49{background-color:#000;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}._demoIframe_1a6lh_58{border:none;width:100%;height:100%;display:block}._hints_1a6lh_65{backdrop-filter:blur(10px);z-index:10;pointer-events:none;background:linear-gradient(#0009,#000000d9);flex-direction:column;gap:8px;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}._hintText_1a6lh_80{color:#fff;text-align:center;margin:0;font-family:Raleway,sans-serif;font-size:14px;line-height:1.5}._hintText_1a6lh_80 kbd{color:#66c3d0;background-color:#66c3d04d;border:1px solid #66c3d080;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0000004d}._hintNote_1a6lh_103{color:#ffffffb3;text-align:center;margin:0;font-family:Raleway,sans-serif;font-size:12px;font-style:italic}._placeholder_1a6lh_112{z-index:1;background-color:#1a1a1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}._placeholderContent_1a6lh_125{flex-direction:column;align-items:center;gap:20px;display:flex}._placeholderText_1a6lh_132{color:#fff;text-align:center;margin:0;font-family:Raleway,sans-serif;font-size:18px}._initializing_1a6lh_140{z-index:1;background-color:#1a1a1a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._initializingText_1a6lh_150{color:#fff;margin:0;font-family:Raleway,sans-serif;font-size:18px}._loader_1a6lh_157{border:4px solid #ffffff4d;border-top-color:#66c3d0;border-radius:50%;width:40px;height:40px;animation:1s linear infinite _spin_1a6lh_1}@keyframes _spin_1a6lh_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._menu_1a6lh_176{flex-shrink:0;position:relative}._menuToggle_1a6lh_181{z-index:10;background-color:var(--background-color,#1a1a1a);border:1px solid var(--border-color,#333);color:#66c3d0;cursor:pointer;border-bottom:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:56px;height:24px;padding:0;transition:color .2s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}._menuToggle_1a6lh_181:hover{color:#fff}._menuToggle_1a6lh_181 svg{transition:transform .3s}._menuToggleIconCollapsed_1a6lh_210{transform:rotate(180deg)}._demoVersions_1a6lh_214{background-color:var(--background-color,#1a1a1a);border-top:1px solid var(--border-color,#333);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:15px;width:100%;height:200px;padding:10px;transition:height .3s,padding .3s;display:flex;overflow-y:auto}._demoVersions_1a6lh_214._demoVersionsCollapsed_1a6lh_231{border-top:none;height:0;padding-top:0;padding-bottom:0;overflow:hidden}._controls_1a6lh_239{justify-content:center;align-items:center;display:flex}._deployedControls_1a6lh_245{flex-direction:column;align-items:center;gap:10px;display:flex}._deployedText_1a6lh_252{color:#66c3d0;margin:0;font-family:Raleway,sans-serif;font-size:14px}._versionsList_1a6lh_259{color:#888;flex:1;justify-content:center;align-items:center;gap:20px;font-family:Raleway,sans-serif;font-size:14px;display:flex}._arrowButton_1a6lh_270{cursor:pointer;color:#66c3d0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}._arrowButton_1a6lh_270:hover{color:#fff;background-color:#66c3d01a}._arrowButton_1a6lh_270:active{transform:scale(.95)}._arrowButton_1a6lh_270 svg{width:24px;height:24px}._imageContainer_1a6lh_297{color:#fff;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:10px;max-width:300px;font-family:Relaway,sans-serif;font-size:12px;font-weight:500;display:flex;overflow:hidden}._imageContainer_1a6lh_297:not(._imageContainerActive_1a6lh_312){opacity:.5;transition:opacity .2s}._imageContainer_1a6lh_297:not(._imageContainerActive_1a6lh_312):hover{opacity:.8}._imageContainerActive_1a6lh_312 ._demoImage_1a6lh_321{outline-offset:-2px;outline:2px solid #66c3d0}._image_1a6lh_297{width:100%;height:100%;position:relative}._demoImage_1a6lh_321{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block;position:relative}._imageDesc_1a6lh_341{text-align:center;opacity:0;pointer-events:none;background:#0009;border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:14px;line-height:150%;transition:opacity .3s;display:flex;position:absolute;inset:0}._image_1a6lh_297:hover ._imageDesc_1a6lh_341{opacity:1}@media (width<=768px){._demoVersions_1a6lh_214{height:150px;padding:15px}._placeholderText_1a6lh_132{font-size:16px}._versionsList_1a6lh_259{gap:10px}._imageContainer_1a6lh_297{max-width:200px;height:100px}._arrowButton_1a6lh_270 svg{width:20px;height:20px}._hints_1a6lh_65{gap:6px;padding:12px 16px}._hintText_1a6lh_80{font-size:12px}._hintText_1a6lh_80 kbd{padding:2px 4px;font-size:11px}._hintNote_1a6lh_103{font-size:11px}}