.DemoNote_host__830sh{position:fixed;left:50%;bottom:max(18px,var(--kie-tabs-clear,0px),var(--kie-compose-clear,0px));transform:translateX(-50%);z-index:1288;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,calc(100vw - 24px))}.DemoNote_hostOpen__MHpSy{z-index:1310}@media (min-width:1100px){html[data-kie-sb]:not(.studio-full):not(.kie-full) .DemoNote_host__830sh{left:calc(50% + 132px)}}.DemoNote_note__UWw0z{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;padding:8px;border:1px solid hsla(0,0%,100%,.22);border-radius:18px;background:color-mix(in srgb,var(--panel-solid) 62%,transparent);backdrop-filter:blur(44px) saturate(1.7);-webkit-backdrop-filter:blur(44px) saturate(1.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 30px 80px rgba(0,0,0,.55);color:#fff;animation:DemoNote_dn-in__VjAyI .32s cubic-bezier(.22,.61,.36,1) backwards}.DemoNote_grip__XWYwv{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);text-align:left;font:inherit;cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.DemoNote_grip__XWYwv>svg{flex:none}.DemoNote_grip__XWYwv:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:6px}.DemoNote_dragging__48CzJ .DemoNote_grip__XWYwv{cursor:-webkit-grabbing;cursor:grabbing}.DemoNote_dragging__48CzJ .DemoNote_note__UWw0z{animation:none}.DemoNote_txt__mkvVm{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0;font-size:11px;line-height:1.2;letter-spacing:-.1px;color:hsla(0,0%,100%,.86)}.DemoNote_txt__mkvVm strong{color:#fff;font-size:12.5px;font-weight:700}.DemoNote_txt__mkvVm>span{color:hsla(0,0%,100%,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.DemoNote_go__cEvs_{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;padding:8px 10px;border:0;border-radius:12px;background:var(--grad) border-box no-repeat;background-size:170% 100%;color:var(--on-accent);font-size:12px;font-family:inherit;font-weight:600;letter-spacing:-.1px;cursor:pointer;transition:background .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.DemoNote_go__cEvs_[disabled]{opacity:.6;cursor:default}@media (hover:hover){.DemoNote_go__cEvs_:hover{opacity:.9;transform:translateY(-1px)}}.DemoNote_go__cEvs_:active{transform:scale(.96)}.DemoNote_close__ucFWg:focus-visible,.DemoNote_go__cEvs_:focus-visible,.DemoNote_retry__xIGPK:focus-visible,.DemoNote_row__6eSz6:focus-visible,.DemoNote_work__KQNFO:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.DemoNote_plus__4qFkf{font-size:18px;font-weight:500;line-height:1}.DemoNote_chevron__l3HAO{transition:transform .2s cubic-bezier(.22,.61,.36,1)}.DemoNote_goOpen__OIUwX .DemoNote_chevron__l3HAO{transform:rotate(180deg)}.DemoNote_close__ucFWg,.DemoNote_work__KQNFO{display:grid;place-items:center;flex:none;width:38px;height:44px;padding:0;border:1px solid hsla(0,0%,100%,.18);border-radius:12px;background:hsla(0,0%,100%,.08);color:#fff;cursor:pointer;transition:background .18s ease,transform .18s ease}@media (hover:hover){.DemoNote_close__ucFWg:hover,.DemoNote_work__KQNFO:hover{background:hsla(0,0%,100%,.16)}}.DemoNote_close__ucFWg:active,.DemoNote_work__KQNFO:active{transform:scale(.94)}.DemoNote_work__KQNFO{animation:DemoNote_dn-in__VjAyI .22s cubic-bezier(.22,.61,.36,1) backwards}.DemoNote_work__KQNFO[disabled]{opacity:.55;cursor:default}.DemoNote_goOpen__OIUwX{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-accent) 28%,transparent)}.DemoNote_hit__bgkRu{border-color:hsla(0,0%,100%,.4);animation:DemoNote_dn-hit__uqKCs .42s ease}.DemoNote_call__wWpsf{animation:DemoNote_dn-go__TuFi5 1.25s ease-in-out 3}@keyframes DemoNote_dn-in__VjAyI{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes DemoNote_dn-go__TuFi5{0%,to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}50%{box-shadow:0 0 0 6px hsla(0,0%,100%,.26)}}@keyframes DemoNote_dn-hit__uqKCs{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-3px) scale(1.03)}to{transform:translateY(0) scale(1)}}.DemoNote_where__wHPVr{position:absolute;bottom:calc(100% + 8px);box-sizing:border-box;width:100%;max-height:min(420px,var(--demo-picker-room,56svh));display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid hsla(0,0%,100%,.22);border-radius:16px;background:color-mix(in srgb,var(--panel-solid) 88%,transparent);backdrop-filter:blur(44px) saturate(1.7);-webkit-backdrop-filter:blur(44px) saturate(1.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 30px 80px rgba(0,0,0,.55);color:#fff;transform-origin:bottom center;animation:DemoNote_dn-drop__AuVhO .22s cubic-bezier(.22,.61,.36,1) backwards}.DemoNote_where__wHPVr.DemoNote_below__jcUf8{bottom:auto;top:calc(100% + 8px);transform-origin:top center}.DemoNote_where__wHPVr.DemoNote_leaving__6e4p4{pointer-events:none;animation:DemoNote_dn-drop-out__y3jIv .19s ease forwards}@keyframes DemoNote_dn-drop__AuVhO{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes DemoNote_dn-drop-out__y3jIv{to{opacity:0;transform:translateY(8px) scale(.98)}}.DemoNote_pickerHead__XsqYL{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.DemoNote_close__ucFWg{width:30px;height:30px;border-radius:9px;font-size:22px;line-height:1;font-family:inherit;border-color:transparent;background:transparent}.DemoNote_spaceList__HGB_d{min-height:0;display:grid;grid-gap:5px;gap:5px;overflow:auto;overscroll-behavior:contain;padding:2px}.DemoNote_hd__NKlgi{font-size:13px;font-weight:700;color:hsla(0,0%,100%,.92);padding-left:4px}.DemoNote_row__6eSz6{position:relative;overflow:hidden;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;width:100%;text-align:left;font:inherit;color:#fff;background:hsla(0,0%,100%,.06);border:1px solid transparent;border-radius:10px;min-height:46px;padding:8px 9px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.DemoNote_row__6eSz6:active:not([disabled]){transform:scale(.98)}.DemoNote_allRow__Rk8CJ{margin-top:3px;border-color:hsla(0,0%,100%,.15)}.DemoNote_row__6eSz6.DemoNote_on__fco1m{border-color:color-mix(in srgb,var(--lime) 40%,transparent);background:color-mix(in srgb,var(--lime) 12%,transparent)}.DemoNote_row__6eSz6[disabled]{opacity:.55;cursor:default}@media (hover:hover){.DemoNote_row__6eSz6:hover:not([disabled]){background:hsla(0,0%,100%,.12)}}.DemoNote_name__LZySh{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;font-size:12.5px;font-weight:700}.DemoNote_name__LZySh>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DemoNote_name__LZySh i{flex:0 0 auto;font-style:normal;font-weight:800;font-size:9px;letter-spacing:.02em;text-transform:uppercase;padding:2px 6px;border-radius:999px;vertical-align:1px;white-space:nowrap;color:hsla(0,0%,100%,.92);background:hsla(0,0%,100%,.12);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2)}.DemoNote_name__LZySh i:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--lime);animation:DemoNote_dn-here__l1qYj 2.6s ease-out infinite}.DemoNote_row__6eSz6.DemoNote_here__jfu9v{border-color:hsla(0,0%,100%,.24)}@keyframes DemoNote_dn-here__l1qYj{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--lime) 55%,transparent)}70%,to{box-shadow:0 0 0 5px transparent}}.DemoNote_st__GU_Pl{flex:0 0 auto;max-width:112px;text-align:right;font-size:10.5px;font-weight:600;color:hsla(0,0%,100%,.7);animation:DemoNote_dn-st___Dr2j .22s ease backwards}.DemoNote_row__6eSz6.DemoNote_on__fco1m .DemoNote_st__GU_Pl{color:var(--lime)}@keyframes DemoNote_dn-st___Dr2j{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.DemoNote_empty__Crp6P,.DemoNote_retry__xIGPK{padding:12px 6px;font-size:12px;color:hsla(0,0%,100%,.65)}.DemoNote_retry__xIGPK{font-family:inherit;background:transparent;border:0;text-align:left;cursor:pointer}.DemoNote_txt__mkvVm>span.DemoNote_error__cZi2r{color:#ff9c8a}.DemoNote_ico__raqMC{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.12)}.DemoNote_ico__raqMC img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.DemoNote_ico__raqMC.DemoNote_all__2kcqE{background:transparent;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.28)}.DemoNote_row__6eSz6.DemoNote_on__fco1m .DemoNote_ico__raqMC{color:#fff}.DemoNote_row__6eSz6.DemoNote_pop__V51Zh{animation:DemoNote_dn-pop__MpB_O .46s cubic-bezier(.34,1.4,.64,1)}.DemoNote_row__6eSz6.DemoNote_pop__V51Zh:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 22%,color-mix(in srgb,var(--lime) 40%,transparent) 50%,transparent 78%);animation:DemoNote_dn-wave__7o0wh .6s ease-out}.DemoNote_row__6eSz6.DemoNote_off__JDkeS{animation:DemoNote_dn-off__VwCj7 .34s ease}.DemoNote_row__6eSz6.DemoNote_off__JDkeS[disabled],.DemoNote_row__6eSz6.DemoNote_pop__V51Zh[disabled]{opacity:1}@keyframes DemoNote_dn-pop__MpB_O{0%{transform:scale(1)}32%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes DemoNote_dn-wave__7o0wh{0%{transform:translateX(-115%)}to{transform:translateX(115%)}}@keyframes DemoNote_dn-off__VwCj7{0%{transform:scale(1)}42%{transform:scale(.95);opacity:.62}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.DemoNote_call__wWpsf,.DemoNote_hit__bgkRu,.DemoNote_name__LZySh i:before,.DemoNote_note__UWw0z,.DemoNote_row__6eSz6.DemoNote_off__JDkeS,.DemoNote_row__6eSz6.DemoNote_pop__V51Zh,.DemoNote_row__6eSz6.DemoNote_pop__V51Zh:after,.DemoNote_st__GU_Pl,.DemoNote_where__wHPVr,.DemoNote_where__wHPVr.DemoNote_leaving__6e4p4,.DemoNote_work__KQNFO{animation:none}.DemoNote_chevron__l3HAO,.DemoNote_close__ucFWg,.DemoNote_go__cEvs_,.DemoNote_row__6eSz6,.DemoNote_work__KQNFO{transition:none}.DemoNote_close__ucFWg:active,.DemoNote_go__cEvs_:active,.DemoNote_go__cEvs_:hover,.DemoNote_row__6eSz6:active:not([disabled]),.DemoNote_work__KQNFO:active{transform:none}}@media (pointer:coarse){.DemoNote_close__ucFWg{width:38px;height:38px}}@media (max-width:480px){.DemoNote_note__UWw0z{gap:6px}.DemoNote_txt__mkvVm{font-size:10.5px}.DemoNote_go__cEvs_{gap:5px;padding:8px 10px}}@media (max-width:359px){.DemoNote_go__cEvs_{width:44px;padding:0;gap:2px;font-size:0}}