.PluginDemo_wrapper__pPX9i{display:flex;flex-direction:column;gap:var(--spa-xs);width:100%;z-index:9999999999;margin-bottom:64px}.PluginDemo_container__GxXQX{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:500px;padding:var(--spa-xxl) 64px;margin:0 auto;background-color:var(--slate1);border-radius:20px;border:6px solid #fff;box-shadow:inset 0 0 1px 2px var(--blackA1),inset 0 0 20px 0 var(--whiteA9),0 2px 8px 0 var(--blackA4),0 4px 16px -8px var(--brand200),0 0 48px -8px var(--brand200);cursor:-webkit-image-set(url("/cursor.png") 1x,url("/cursor_hi.png") 2x) 3 3,default;cursor:image-set(url("/cursor.png") 1x,url("/cursor_hi.png") 2x) 3 3,default;position:relative}.PluginDemo_message__eIMND{display:flex;align-items:center;text-align:center;justify-content:center;font-size:var(--text-xxs);font-weight:450;color:var(--slate8);z-index:9999;position:absolute;left:50%;transform:translateX(-50%);bottom:var(--spa-xs)}.PluginDemo_frame__cTjU4{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:auto;width:400px;aspect-ratio:3/6;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spa-xl);padding:var(--spa-l);border-radius:var(--border-radius-l);overflow:hidden;position:relative;outline:4px solid var(--slate3);transition:all .2s ease-out;opacity:.7}.PluginDemo_frame__cTjU4.PluginDemo_scrolled__hhL1f{opacity:1}.PluginDemo_frame__cTjU4>*{transition:opacity .2s ease-out}.PluginDemo_block__eczWA{background-color:var(--gray3)!important;border-radius:var(--border-radius-s)}.PluginDemo_block__eczWA.PluginDemo_round__p5kXK{border-radius:200px}.PluginDemo_frame__cTjU4.PluginDemo_selected__gXEoo .PluginDemo_block__eczWA{background-color:var(--gray4)!important}.PluginDemo_frame__cTjU4 img{height:100%;width:auto;object-fit:contain;height:600px;opacity:1;transition:opacity .1s ease-in-out,transform .2s ease-in-out}.PluginDemo_frame__cTjU4:hover{outline:4px solid var(--brand200);opacity:1!important}.PluginDemo_frame__cTjU4:hover>*{opacity:1!important}.PluginDemo_frame__cTjU4:hover img{opacity:1}.PluginDemo_frame__cTjU4.PluginDemo_selected__gXEoo{box-shadow:0 0 8px 2px var(--brand100);outline:4px solid var(--brand200)}.PluginDemo_frame__cTjU4.PluginDemo_selected__gXEoo.PluginDemo_scrolled__hhL1f{outline:4px solid var(--brand300)}.PluginDemo_frame__cTjU4.PluginDemo_selected__gXEoo img{opacity:1}.PluginDemo_plugin__PFUTN{position:absolute;cursor:-webkit-grab;cursor:grab;display:flex;flex-direction:column;width:320px;height:440px;background-color:#fff;border-radius:2px;box-shadow:var(--shadow-focus),var(--shadow-box);overflow:hidden;z-index:2}.PluginDemo_header__TJagO{display:flex;align-items:center;justify-content:space-between;padding:var(--spa-xs);font-size:var(--text-xxs);font-weight:600;border-bottom:var(--border-primary);flex:0 0 auto}.PluginDemo_header__TJagO span{display:flex;align-items:center;gap:var(--spa-xxs)}.PluginDemo_header__TJagO img{height:20px;width:20px}.PluginDemo_touch__bcwvx{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#adadad;opacity:0;transition:opacity .2s ease-out}.PluginDemo_touch__bcwvx.PluginDemo_show__rLq_8{opacity:1}