code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.Sidebar_sidebar__v6daX{width:30vw;max-width:375px;background:var(--background);height:100vh;height:100dvh;display:flex;flex-direction:column;@media (max-width:700px){position:fixed;top:0;left:0;width:75vw;z-index:1}& h2{font-size:14px;font-weight:500;margin-top:20px;margin-bottom:.75rem}&.Sidebar_docked__BMppF{width:0;padding:0;overflow:hidden}}.Sidebar_header__U8Aa5{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:20px;.Sidebar_docked__BMppF &{position:fixed;top:0;left:0;z-index:1;background:var(--background);flex-direction:column;justify-content:center;align-items:center;border-radius:0 0 5px 0}}.Sidebar_scrollContainer__55D2V{padding:0 0 100px;overflow:scroll;height:100%}.Sidebar_logo__SsBgv{width:100%;height:31px;background-image:url(/logo.svg);background-size:contain;background-repeat:no-repeat;background-position:0;cursor:pointer;.Sidebar_docked__BMppF &{width:31px;background-image:url(/icon-logo-mark.svg)}}.Sidebar_btnCollapse__eXWMZ{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;width:40px;height:31px;background-image:url(/icon-dock.svg);background-size:24px 17px;background-repeat:no-repeat;background-position:50%;z-index:1000;background-color:#393939;border-radius:5px;cursor:pointer;&:hover{background-color:#252525}.Sidebar_docked__BMppF &{width:35px;transform:rotate(180deg)}}.Sidebar_headerText__Eg951{font-size:24px;font-weight:400;margin-left:9px;margin-top:50px;padding-left:10px;padding-right:10px;margin-bottom:50px}.Sidebar_folderContent___6jEp{padding-left:10px;padding-right:10px;display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s;.Sidebar_folder__usLvu[data-inert] &{grid-template-rows:0fr}&>*{overflow:hidden}}.Sidebar_folderToggle__8Rjvp{cursor:pointer;border-top:1px solid #252525;padding:15px 0 0 19px;background-image:url(/icon-chevron-down.svg);background-size:9px;background-position:right 22px bottom 5px;background-repeat:no-repeat;.Sidebar_folder__usLvu[data-inert] &{background-image:url(/icon-chevron-up.svg)}}.Sidebar_historyList__66lWi{list-style:none;color:silver;& li{display:flex;padding:.5rem 7px .5rem 9px;cursor:pointer;position:relative;border-radius:5px;& span{white-space:nowrap;overflow:hidden;flex:1 1;position:relative;&:after{content:"";position:absolute;right:0;top:0;bottom:0;width:10px;background:linear-gradient(to right,transparent,var(--background))}}&:hover{background:#252525;& span:after{background:linear-gradient(90deg,transparent,#252525)}}&.Sidebar_active__jjcnH{background:#343434;color:#fff;& span:after{background:linear-gradient(90deg,transparent,#343434)}}&.Sidebar_generating__gkv3O{background:#343434;color:inherit}& button.Sidebar_btnFavorite___c3TD{background:none;background-image:url(/icon-star-outline.svg);background-size:14px;background-position:0;background-repeat:no-repeat;@media (hover:none){display:block}@media (hover:hover){li:hover &{display:block}&:hover{background-image:url(/icon-star-solid.svg)}}.Sidebar_favorite__9UPU0 &{display:block;background-image:url(/icon-star-solid.svg)}}& button.Sidebar_btnDelete__oQMgk,& button.Sidebar_btnFavorite___c3TD{flex:none;width:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:inherit;cursor:pointer;display:none}& button.Sidebar_btnDelete__oQMgk{background:none;background-image:url(/icon-delete.svg);background-size:9px;background-position:50%;background-repeat:no-repeat;@media (hover:none){display:block}@media (hover:hover){li:hover &{display:block}}}}}@keyframes Sidebar_rotate__rLav5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Sidebar_generateIcon__J7aaI{flex:none;width:20px;height:20px;background-image:url(/icon-progress.svg);background-size:14px;background-position:50%;background-repeat:no-repeat;animation:Sidebar_rotate__rLav5 1s linear infinite;margin-right:10px}.Sidebar_linkExploreMore__BxdH3{background:#393939;color:#fff;border-radius:30px;display:block;margin-top:1rem;margin-left:19px;margin-right:19px;&:hover{text-decoration:none;background:#343434}padding:10px 21px}.ShaderGenerator_container__TYq_N{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;touch-action:none;height:100vh;height:100dvh;overflow:hidden}.ShaderGenerator_main__DrV64{height:100svh;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}@keyframes ShaderGenerator_pulsate__BdKYx{0%{opacity:.5}to{opacity:1}}.ShaderGenerator_canvasContainer__X65BO{flex:1 1;min-height:0;width:100%;background:radial-gradient(circle,#555,#141414);&.ShaderGenerator_isLoading__yjbbQ{animation:ShaderGenerator_pulsate__BdKYx 1s infinite alternate}}.ShaderGenerator_panel__vC2SG{position:absolute;bottom:5vh;width:70vw;max-width:800px;@media (max-width:850px){&:not(.ShaderGenerator_isPanelCollapsed__cM1fs){width:90vw}}color:var(--text-dark);display:flex;flex-direction:column;cursor:-webkit-grab;cursor:grab;border-radius:7px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1)) drop-shadow(0 4px 34px rgba(0,0,0,.1));height:300px;min-height:300px;&.ShaderGenerator_isCodeExpanded__7hKjH{height:90vh}&.ShaderGenerator_isPanelCollapsed__cM1fs{bottom:0;height:60px;min-height:60px;@media (max-width:700px){height:50px;min-height:50px}}}.ShaderGenerator_panelToggle__2yleG{top:0;left:50%;width:100px;height:50px;background:red;z-index:1000;transform:translate(-50%,-50%);position:absolute;width:89px;height:14px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:5px;cursor:pointer;background-image:url(/icon-arrow-down.svg);background-size:14px;background-position:50%;background-repeat:no-repeat;.ShaderGenerator_isPanelCollapsed__cM1fs &{transform:translate(-50%,-50%) rotate(180deg)}}.ShaderGenerator_controls__zVINL{flex:none;position:relative;border:1px solid rgba(0,0,0,.2);border-top:none;border-radius:0 0 7px 7px;background:var(--foreground);padding:1.5rem 1rem 1rem;@media (max-width:700px){padding-top:1.2rem}.ShaderGenerator_isPanelCollapsed__cM1fs &{border-radius:7px}& label{display:flex;align-items:center;& span{opacity:.4;margin-right:.5rem}}.ShaderGenerator_inputField__6DfLj{display:block;width:90%;margin-bottom:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:inherit;background:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;font-size:14px;font-family:Schibsted Grotesk,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ShaderGenerator_settings__s0ila{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:space-between;margin-top:28px}.ShaderGenerator_dailyLimit__oXuN_{font-size:12px;font-weight:500;@media (max-width:500px){display:none}}.ShaderGenerator_temperature___Ozjd{@media (max-width:700px){display:none}}.ShaderGenerator_temperatureInput__gDcKE{margin-top:0;padding:8px 14px}.ShaderGenerator_modelSelect__TLl_z,.ShaderGenerator_temperatureInput__gDcKE{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:inherit;background:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;font-size:14px;font-family:Schibsted Grotesk,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#000;background:#eee;border-radius:7px;cursor:pointer}.ShaderGenerator_modelSelect__TLl_z{padding:8px 34px 8px 14px;background-image:url(/icon-arrow-down.svg);background-size:14px;background-position:right 14px center;background-repeat:no-repeat}}.ShaderGenerator_outputContainer__28lgi{position:relative;flex:1 1;min-height:0;border-radius:7px 7px 0 0;overflow:hidden;&:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent 20%);pointer-events:none}.ShaderGenerator_isCodeExpanded__7hKjH &{&:after{background:none}}}.ShaderGenerator_output__APeg2{background:rgba(0,0,0,.8);color:#eee;padding:1rem;overflow:scroll;width:100%;font-size:14px;height:100%}.ShaderGenerator_outputHeader__i8pIx{display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:space-between;position:absolute;top:1rem;right:1rem;z-index:1;& button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;color:#fff;border:none;cursor:pointer;font-size:12px;font-weight:500;font-family:Schibsted Grotesk,serif;&.ShaderGenerator_btnExpand__gob9k{background-image:url(/icon-expand.svg)}&.ShaderGenerator_btnCollapse__OLpOF,&.ShaderGenerator_btnExpand__gob9k{width:12px;height:12px;background-position:50%;background-repeat:no-repeat}&.ShaderGenerator_btnCollapse__OLpOF{background-image:url(/icon-collapse.svg)}}}.ShaderGenerator_editor__p0xTh{width:100%;& *{-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}}@keyframes ShaderGenerator_rotate__N15Nb{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ShaderGenerator_btnGenerate__sOc8x{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;color:#fff;border:none;border-radius:50%;cursor:pointer;position:absolute;top:8px;right:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;@media (max-width:700px){top:12px;width:32px;height:32px}& svg{display:block;height:27px;width:27px;pointer-events:none}&:hover{background:#40e0d0}&:disabled{background:#ccc;cursor:not-allowed}&.ShaderGenerator_isGenerating__n5HPG{background-image:url(/icon-progress.svg);background-size:28px;background-position:50%;background-repeat:no-repeat;animation:ShaderGenerator_rotate__N15Nb 1s linear infinite;& svg{display:none}}}