[{"_1":2,"_177":-5,"_178":-5},"loaderData",{"_3":4,"_58":59,"_176":-5},"root",{"_5":6,"_19":-5,"_20":-5,"_21":22,"_39":-5,"_40":-5,"_41":-5,"_42":43,"_54":55,"_56":57},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18},"SUPABASE_URL","https://hello.websim.com","SUPABASE_KEY","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jamVmZ2NqamlxeWt3YWR2dnJkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTE4MzI5OTMsImV4cCI6MjAyNzQwODk5M30.vsreOYwk8pKsr8NFlzpIzWAiD-vXj6ijv_Bhn1vYtHs","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","GOOGLE_OAUTH_CLIENT_ID","891181648870-i708rj1bgjol84hie20shfr4u4ecf3o7.apps.googleusercontent.com","authUser","user","snapshotData",{"_23":-5,"_24":-5,"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5,"_36":-5,"_37":-5,"_38":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","plan","balances","rewards","origins",{"_44":45,"_46":47,"_48":49,"_50":51,"_52":53},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","generationOrigin","https://generation.websim.com/rivet","isMobile",false,"theme","auto","slug",{"_60":61,"_62":63,"_121":122,"_142":143,"_171":172,"_173":-5,"_174":175},"version","1","project",{"_64":62,"_65":66,"_67":68,"_69":70,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":99,"_58":109,"_110":55,"_111":55,"_112":113,"_114":-5,"_115":-5,"_116":117,"_118":-5,"_119":-5,"_120":55},"_type","id","enl79_jwu4fwhks32tyx","created_at","2024-12-13T20:50:02.369Z","created_by",{"_64":20,"_65":71,"_72":73,"_67":74,"_75":76,"_77":78,"_79":80,"_81":55},"47085852-a3b9-4326-88a0-d06f5f891aba","username","Louis","2024-07-31T16:59:02.689Z","avatar_url","https://avatars.websim.ai/47085852-a3b9-4326-88a0-d06f5f891aba/ZpBlww9llTeskJj94.webp","discord_username","louis9987_98481","discord_id","1296928132192010311","is_admin","updated_at","2024-12-23T10:31:07.313Z","title","8D Spatial Audio Studio - v1.2.1","comments_mode","open","visibility","public","current_version",21,"last_posted_version","parent_id","parent_version","deleted_at","posted",true,"stats",{"_100":101,"_102":66,"_103":104,"_105":106,"_107":108},"~type","project_stats","project_id","views",33,"likes",1,"comments",0,"3d-audio-visualizer-with-speaker-adjustment","auto_set_current","enable_chat","description","Beta, soon official","generated_description","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_64":121,"_65":123,"_60":91,"_67":124,"_125":-5,"_93":-5,"_126":127,"_128":66,"_69":129,"_130":131,"_102":66,"_82":132,"_95":-5,"_98":133,"_135":55,"_136":137,"_138":-5,"_139":-5,"_140":141},"0193cbd8-1c91-75d4-ab41-ae828a12b0c4","2024-12-15T19:42:38.225Z","visited_at","parent_revision_version",17,"parent_revision_project_id",{"_64":20,"_65":71,"_72":73,"_67":74,"_75":76,"_77":78,"_79":80,"_81":55},"meta",{"_60":61},"2024-12-23T10:31:07.537Z",{"_134":108},"multiplayer_count","draft","site_id","2B49jtaFBORcNue5e","chat_session_id","chat_session_run_index","current_screenshot_url","https://project-screenshots.websim.com/0193cbd9-898a-7ce8-83bf-fcfc5afb88e3","site",{"_64":142,"_65":137,"_93":144,"_67":145,"_146":147,"_148":149,"_150":151,"_84":156,"_157":158,"_159":160,"_165":-5,"_166":167,"_168":169,"_95":-5,"_170":-5},"5VzlrFYJjEGw42eSe","2024-12-15T19:42:40.909Z","state","done","model","sonnet","lore",{"_60":106,"_152":153,"_154":55,"_155":55},"attachments",[],"enableDB","enableApi","8D Spatial Audio Studio","owner",{"_64":20,"_65":71,"_72":73,"_67":74,"_75":76,"_77":78,"_79":80,"_81":55},"prompt",{"_161":162,"_163":164},"type","plaintext","text","Use these as volume slide toggles, change them accordingly; html: . css: /* level settings 👇 */ .slider { /* slider */ --slider-width: 100%; --slider-height: 6px; --slider-bg: rgb(82, 82, 82); --slider-border-radius: 999px; /* level */ --level-color: #fff; --level-transition-duration: .1s; /* icon */ --icon-margin: 15px; --icon-color: var(--slider-bg); --icon-size: 25px; } .slider { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider .volume { display: inline-block; vertical-align: top; margin-right: var(--icon-margin); color: var(--icon-color); width: var(--icon-size); height: auto; } .slider .level { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: var(--slider-width); height: var(--slider-height); background: var(--slider-bg); overflow: hidden; border-radius: var(--slider-border-radius); -webkit-transition: height var(--level-transition-duration); -o-transition: height var(--level-transition-duration); transition: height var(--level-transition-duration); cursor: inherit; } .slider .level::-webkit-slider-thumb { -webkit-appearance: none; width: 0; height: 0; -webkit-box-shadow: -200px 0 0 200px var(--level-color); box-shadow: -200px 0 0 200px var(--level-color); } .slider:hover .level { height: calc(var(--slider-height) * 2); }","url","link_url","/p/enl79_jwu4fwhks32tyx","versioned_link_url","/p/enl79_jwu4fwhks32tyx/21","yapping","cursor","eyJpZCI6ImVubDc5X2p3dTRmd2hrczMydHl4In0","token","included",[],"routes/browser/layout","actionData","errors"]