@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Oswald:wght@200;300;400;500;600;700&family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://remixlabs.com/mdi/6.5.95/css/materialdesignicons.min.css";/*!
* Toastify js 1.11.2
* https://github.com/apvarun/toastify-js
* @license MIT licensed
*
* Copyright (C) 2018 Varun A P
*/.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}:root,:host{--purewhite: #ffffff;--white: #ffffff;--pureblack: #1e1f1f;--black: #272929;--grey8: #444646;--grey7: #6e7271;--grey6: #858a89;--grey5: #9a9f9f;--grey4: #aaafaf;--grey3: #dadddd;--grey2: #eff0f0;--grey2trans: #eff0f0cc;--grey1: #f6f6f6;--primary: #3196f1;--primary25: #3196f125;--primary50: #3196f150;--primary75: #3196f175;--primary-highlight: #61b4ff;--card: #3196f1;--card35: #3196f135;--card75: #3196f175;--query: #06c0ac;--query35: #06c0ac35;--query75: #06c0ac75;--query-darker: #047367;--style: #af4bc3;--theme: #af4bc3;--style-highlight: #d68fe4;--decision: #88ba44;--data: #d99e0b;--data35: #d99e0b35;--data75: #d99e0b75;--data-dark: #a57809;--function: #e37846;--function35: #e3784635;--function75: #e3784675;--agent: #e05c5c;--action: #e05c99;--action35: #e05c9935;--action75: #e05c9975;--component: #565ef5;--webcomp: #565ef5;--symbol: #565ef5;--library: #4f78de;--group: #6e7271;--plugin: #42ad5b;--plugin15: #42ad5b15;--plugin35: #42ad5b35;--plugin75: #42ad5b75;--screen: var(--grey8);--success: #79ca1e;--success35: #79ca1e35;--success75: #79ca1e75;--success-darker: #6abc0f;--warning: #e37846;--error: #e95472;--error15: #e9547215;--error35: #e9547235;--error75: #e9547275;--error-darker: #bd2745;--note: #e5c317;--note-light: #fff8ce;--note35: #e5c31735;--note75: #e5c31775;--shade: rgba(25, 27, 27, .98);--shade-high: rgba(25, 27, 27, .88);--shade-medium: rgba(25, 27, 27, .78);--shade-light: rgba(25, 27, 27, .58);--shade-xlight: rgba(25, 27, 27, .38);--shade-xxlight: rgba(25, 27, 27, .18);--shade-xxxlight: rgba(25, 27, 27, .08);--shade-xxxxlight: rgba(25, 27, 27, .03);--highlight: rgba(255, 255, 255, .98);--highlight-high: rgba(255, 255, 255, .88);--highlight-medium: rgba(255, 255, 255, .78);--highlight-light: rgba(255, 255, 255, .58);--highlight-xlight: rgba(255, 255, 255, .38);--highlight-xxlight: rgba(255, 255, 255, .18);--highlight-xxxlight: rgba(255, 255, 255, .08);--lowlight: rgba(235, 235, 235, .98);--lowlight-high: rgba(235, 235, 235, .88);--lowlight-medium: rgba(235, 235, 235, .78);--lowlight-light: rgba(235, 235, 235, .58);--lowlight-xlight: rgba(235, 235, 235, .38);--lowlight-xxlight: rgba(235, 235, 235, .18);--lowlight-xxxlight: rgba(235, 235, 235, .08);--shade-primary: rgba(49, 150, 241, .28);--shade-primary-light: rgba(49, 150, 241, .18);--shade-function-light: rgba(228, 131, 77, .18);--transparent: transparent;--xxxs: 2px;--xxs: 3px;--xs: 6px;--font-min: 10px;--font-xs: 11px;--s: 12px;--sm: 14px;--m: 16px;--ml: 18px;--l: 24px;--xl: 32px;--xxl: 48px;--xxxl: 64px;--phone-w: 388px;--phone-mini-w: 90px;--tablet-w: 1024px;--tablet-mini-w: 180px;--laptop-w: 1280px;--laptop-mini-w: 240px;--plugin-w: 440px;--plugin-mini-w: 90px}html,body{width:100vw;height:100dvh;min-height:100dvh;font-family:Inter,Roboto,Helvetica Neue,Helvetica Neue,Helvetica,Arial,sans-serif}.remix-logo-container{align-self:center;height:64px;margin-bottom:32px}.remix-logo-container img{height:100%;width:auto}.app-container,.remix-container,.remix-app-parent,.runtime-container,.error-container{height:100%;width:100%;position:relative;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;min-height:100%}.remix-app-overlay{flex-grow:1!important;flex-shrink:1!important;display:flex;flex-direction:column;min-height:100%;position:absolute!important;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-color:#00000003;z-index:1}.mirroring{border:6px solid var(--primary)}.track-errors{flex-shrink:0;display:flex;flex-direction:row;align-items:center;position:absolute;bottom:0;background-color:var(--error);z-index:999999;max-height:10%;width:100%;overflow:hidden}.track-error-message{flex-grow:1;font-size:var(--s);color:var(--purewhite);padding:12px}.track-errors i{flex-shrink:0;padding:12px;color:var(--purewhite)}.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--shade-xxlight);z-index:1000}.error-overlay>div{color:var(--purewhite);font-size:var(--s);background-color:var(--primary);padding:6px 12px}.error-overlay .socket-messages--disconnected{background-color:var(--error)}.error-overlay .socket-messages--closing{background-color:var(--grey8)}.runtime-container .modal-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffbf}.runtime-container .modal-container .modal{padding:24px;background:#fff;border-radius:2px;box-shadow:0 0 12px #0000001a;max-width:375px}.runtime-container .modal-container .modal__title{font-size:var(--ml);font-weight:500;color:var(--grey8);margin-bottom:4px}.runtime-container .modal-container .modal__subtitle{font-size:var(--sm);font-weight:400;color:var(--grey7);margin-bottom:24px}.unhandled-error-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;margin:20px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--error);color:#fff}.unhandled-error-modal h2,.unhandled-error-modal p{margin-bottom:30px}.unhandled-error-modal .header{display:flex;justify-content:flex-end}.unhandled-error-modal pre{font-size:small;white-space:normal}.remix-app-content{position:relative;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;min-height:1px;background-color:#fff;z-index:0;color:var(--grey8);line-height:1.35}.remix-app-content div{max-width:100%;position:relative;flex-shrink:0}.remix-app-content a{text-decoration:none;cursor:pointer;display:inline-block;font-weight:500}.remix-app-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=image]):not([type=hidden]),.remix-app-content textarea{outline:none;border:1px solid var(--shade-xxlight);min-height:36px;padding:6px 12px;border-radius:3px}.remix-app-content button,.remix-app-content input[type=button],.remix-app-content input[type=submit],.remix-app-content input[type=reset]{outline:none;border:1px solid var(--shade-xxxlight);min-height:36px;padding:6px 12px;border-radius:3px;background:var(--grey2)}.remix-app-content select{outline:none;border:1px solid var(--shade-xxlight);min-height:36px;padding:6px 12px;border-radius:3px}.remix-app-content select:hover{border:1px solid var(--shade-xxlight)}.remix-app-content select:focus{border:1px solid var(--shade-xxlight)}.remix-app-content i.mdi{font-size:var(--ml)}.remix-app-content>div:first-child{z-index:0}.remix-app-content .card-dropzone{position:relative;display:flex;flex-grow:1;flex-shrink:1;flex-direction:column;align-self:stretch;min-height:42px}.remix-app-content .card-dropzone>span,.remix-app-content .card-dropzone>div{display:flex;position:absolute;border:1px dashed rgba(0,0,0,.35);min-height:38px;align-items:center;justify-content:center;margin:0;align-self:stretch;top:2px;left:2px;right:2px;bottom:2px;color:#00000059;font-size:var(--s)}.no-auth,.loading-app{display:flex;flex-grow:1;flex-shrink:1;min-height:100%;flex-direction:column;align-items:center!important;justify-content:center;border:0}.no-auth-message{margin-bottom:8px}.no-auth .logo,.loading-app .logo{position:relative;width:160px;height:48px;background-image:url(https://remixlabs.com/images/remix-logo-transparent.png);background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:48px}.no-auth a{text-decoration:none}.no-auth .loading-messages{max-width:80%;overflow:auto}.signin-parent{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;flex-shrink:1}.signin-logo{position:relative;width:160px;height:48px;background-image:url(https://remixlabs.com/images/remix-logo-transparent.png);background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:48px}.signin-message{margin-top:32px;padding:6px 12px;background-color:var(--purewhite);font-size:var(--s)}.signin-error{color:var(--error)}.signin-info{color:var(--primary)}.button{position:relative;display:flex;flex-direction:row;align-items:center;padding:var(--xs) var(--s);font-size:var(--s);font-weight:400;text-transform:uppercase;letter-spacing:1px;line-height:var(--l);white-space:nowrap;color:var(--grey6);border:1px solid var(--grey4);border-radius:3px;background:var(--white);cursor:pointer;opacity:.9;transform:translateY(0) translateZ(0);transition:.25s all ease-in-out;transition-delay:.1s;will-change:opacity,transform}.button:hover{transform:translateY(-2px) translateZ(0);opacity:1}.button--primary{color:var(--purewhite)!important;border-color:var(--primary)!important;background:var(--primary)!important}.button--large{padding:12px 18px!important;line-height:24px}.button--large>.mdi{font-size:var(--m)!important;line-height:24px!important;margin-right:6px}.clickable{cursor:pointer!important}.loading-messages{display:flex;flex-direction:column;align-items:center;font-size:var(--s);color:var(--grey7)}.loading-messages+button{margin-top:15px}.loading-messages__error{text-transform:initial;padding:4px 8px;background-color:var(--error35);border-radius:2px;color:var(--error-darker)}.loading-messages__connecting{display:flex;flex-direction:column;align-items:center}.loading-messages__connecting span{display:flex}.loading-messages__connecting__app{display:flex;flex-direction:row;align-items:center;padding:2px 6px;margin-top:6px;background-color:var(--grey2);border-radius:2px}.loading-messages__connecting__app.has-error{background-color:var(--error);color:var(--purewhite)}.loading-messages__connecting__app__appname{display:block!important;max-width:164px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.loading-messages__connecting__app__screenname{display:block!important;max-width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-messages__connecting__app>i{margin-right:6px;font-size:var(--sm)}.loading-messages__connecting__app>i.mdi-chevron-right{margin-left:6px;font-size:var(--s)}.loading-messages ul{margin-top:24px;text-align:center;font-size:var(--font-min)}.rmx-webcomponent{display:flex;flex-direction:column;min-width:100%;min-height:100%;flex-shrink:1}.remix-card-editor{flex-grow:2;display:flex;flex-direction:column}.remix-card-editor header{flex:0 0 60px;display:flex;justify-content:space-between;align-items:center}.remix-card-editor main{flex-grow:1;overflow:auto}.tree-node.dropzone div{height:100%;width:100%}.truncate,.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remix-markdown-container{font-size:inherit;line-height:inherit}.remix-markdown-container h1,.remix-markdown-container h2,.remix-markdown-container h3,.remix-markdown-container h4,.remix-markdown-container h5,.remix-markdown-container h6,.remix-markdown-container p,.remix-markdown-container ul{padding:0;margin:0}.remix-markdown-container h1{margin-top:8px;margin-bottom:12px}.remix-markdown-container h2,.remix-markdown-container h3{margin-top:8px;margin-bottom:8px}.remix-markdown-container h4,.remix-markdown-container h5,.remix-markdown-container h6{margin-top:4px;margin-bottom:8px}.remix-markdown-container p{margin-bottom:8px}.remix-markdown-container ul,.remix-markdown-container ol{margin:8px;padding-left:16px}.remix-markdown-container ul{list-style-type:disc}.remix-markdown-container ol{list-style-type:decimal}.file-input-container input[type=file]{display:none}.inline-flex-H,.inline-flex-row{display:inline-flex;flex-direction:row!important}.value-with-type{font-size:var(--s)}.value-with-type .bind-point__type{margin-right:var(--xxs);z-index:auto;transition:none;padding:0 1px 1px;background-color:var(--grey6);color:#fff;border-radius:2px}.tree-container{min-width:320px;background:var(--white);color:var(--grey8)}.tree-container .tree-group.root{flex-grow:1}.tree-group{list-style:none;padding:0;margin:0;transition:all .25s ease-in-out}.tree-group:not(.root){margin-left:14px;padding-left:8px;border-left:1px solid var(--grey2)}.tree-group .tree-node{position:relative;display:flex;flex-direction:column;align-items:stretch;transition:all .15s ease-in-out;outline:none;z-index:1}.tree-group .tree-node:hover{z-index:2}.tree-group .tree-node.is-active{z-index:3}.tree-group.sortable-tree-list{border-color:var(--plugin)!important;box-shadow:-2px 0 0 -1px var(--plugin)!important;background:var(--plugin15)}.tree-group .tree-node.empty-tree:after{content:"build your card tree here using the design primitives to the right, or search for existing library cards to add...";position:relative;display:flex;padding:var(--m);background-color:var(--grey1);font-size:var(--s);font-style:italic;color:var(--grey7)}.tree-group .tree-node.dropzone{height:8px;border-bottom:1px dashed var(--shade-xxlight);background:var(--shade-xxxxlight);opacity:.5;cursor:pointer;visibility:hidden;animation:fadeoutlight .2s ease-in-out}.tree-container:hover .tree-group .tree-node.dropzone{visibility:visible;animation:fadeinlight .2s ease-in-out}.tree-group .tree-node.dropzone.is-active,.tree-group .tree-node.dropzone:hover,.tree-group .tree-node.dropzone.hovered{border-color:var(--primary75);background:var(--shade-primary);opacity:.75;visibility:visible;animation:fadein .2s ease-in-out;outline:none!important}.tree-group li.has-error{border:3px solid var(--error)}.tree-group li.has-warning{border:3px solid var(--function)}.tree-group.dragging .tree-node.dropzone{opacity:1}.tree-group .tree-node.component{border:1px solid #565ef510;background:#565ef510}.tree-group .tree-node.component .mdi-cards-variant{color:var(--component)!important}.tree-group .tree-node .tree-node-object{flex-grow:1;display:flex;flex-direction:row;align-items:stretch;height:32px;border:1px solid transparent;transition:all .25s ease-in-out;cursor:pointer;outline:none!important}.tree-group .tree-node-object .name input{border:none;cursor:pointer}.tree-group .tree-node-object .name input:focus{cursor:text}.wrapper--data .tree-group .tree-node .tree-node-object{height:34px}.tree-group .tree-node>.tree-node-object:hover,.tree-group .tree-node>.tree-node-object:hover+ul.tree-group{border-color:var(--grey6)}.tree-group .tree-node.component>.tree-node-object:hover{border-color:var(--component)}.tree-group .tree-node>.tree-node-object:hover+ul.tree-group{background:var(--shade-xxxxlight)}.tree-group .tree-node.is-active>.tree-node-object,.tree-group .tree-node.is-active>ul.tree-group{border-color:var(--card)!important;box-shadow:-2px 0 0 -1px var(--card)}.tree-group .tree-node.is-active>.tree-node-object{background:var(--white);box-shadow:0 0 0 1px var(--card);position:relative;z-index:1}.tree-group .tree-node.component.is-active>.tree-node-object{border-color:var(--component)!important;box-shadow:-2px 0 0 -1px var(--component)}.tree-group .tree-node.component.is-active>.tree-node-object{box-shadow:0 0 0 1px var(--component)}.tree-group .tree-node>.tree-node-object .tree-node-label{flex-grow:1;min-width:0;display:flex;flex-direction:row;align-items:stretch;transition:.25s all ease-in-out;color:var(--grey7)}.tree-group .tree-node>.tree-node-object:hover .tree-node-label{color:var(--black)}.tree-group .tree-node.component>.tree-node-object .tree-node-label{color:var(--component)!important}.tree-group .tree-node>.tree-node-object .tree-node-label>.mdi,.tree-group .tree-node>.tree-node-object .tree-node-label>.tree-node-name{display:flex;flex-direction:row;align-items:center;margin-right:var(--xs);line-height:20px}.tree-group .tree-node>.tree-node-object .tree-node-label>.tree-node-name,.tree-group .tree-node>.tree-node-object .tree-node-label>.tree-node-name>label:not(.uilabel){min-width:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nodegraph-tile ul.tree-root{font-size:var(--s)}.tree-group .tree-node>.tree-node-object .tree-node-label>.tree-node-name .uilabel{align-self:stretch;flex-shrink:0;display:flex;align-items:center;max-width:28px;overflow:hidden;margin-right:8px;color:var(--primary);font-size:var(--s);font-weight:500;transition:.25s all ease-in-out}.tree-group .tree-node>.tree-node-object .tree-node-label>.tree-node-name .uilabel:hover{max-width:240px;transition-delay:.5s}.tree-group .tree-node>.tree-node-object .tree-node-label>.tree-node-name .uilabel .mdi{margin-right:6px;color:inherit;opacity:.75}.tree-group .tree-node>.tree-node-object .tree-node-label>.tree-node-name .uilabel:hover .mdi{opacity:1}.tree-group .mdi{position:relative;font-size:var(--ml);color:var(--grey4);margin-left:5px}.tree-group .tree-node .tree-node-object:hover>.tree-node-label>.mdi{color:var(--grey7)}.tree-group .tree-node .tree-node-object .button>.mdi{margin-left:0;color:inherit!important}.tree-group .tree-node .tree-node-object .props-view>.drag-handle .mdi.mdi-drag{color:var(--grey6)}.tree-group .tree-node .tree-node-object .props-view>.mdi.mdi-lock{color:var(--grey4);transform:scale(.75);opacity:.5}.tree-group .tree-node .tree-node-object .props-view .input-container{min-width:128px}.tree-group .tree-node .tree-node-object .props-view .monospace.padded-xsmall{padding:var(--xs) var(--s)!important;font-size:var(--sm)}.tree-group .tree-node .tree-node-object .props-view .binding-placeholder{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:center;margin-left:22px;padding:var(--xxxs);width:32px;min-height:8px;border:1px dashed var(--grey3);border-radius:2px}.tree-group .tree-node .tree-node-object .props-view .binding-placeholder>.mdi{margin:0!important}.tree-group .tree-node .tree-node-object>.mdi-delete{align-self:center;margin-left:auto;margin-right:1px;visibility:hidden;animation:fadeout .25s forwards;font-size:var(--ml);color:var(--grey6);border-radius:1px;padding:3px 4px;z-index:2;cursor:pointer}.tree-group .tree-node .tree-node-object:hover>.mdi-delete{visibility:visible;animation:fadein .25s forwards}.tree-group .tree-node .tree-node-object>.mdi-delete:hover{background:var(--error);color:var(--purewhite)!important}.tree-group .has-error>input,.tree-group input.has-error{border:1px solid var(--error)}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:87.5%}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}:host,body{line-height:1.15;-webkit-font-smoothing:antialiased}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img,video{max-width:100%;height:auto}iframe{border:0;outline:none}input,button,textarea,select,optgroup{font:inherit;margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{line-height:1.1;text-wrap:balance}pre{font-family:monospace,monospace;font-size:1em}ol,ul,menu{list-style:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}textarea{overflow:auto}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}button,[type=button],[type=reset],[type=submit],::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}table{border-collapse:collapse;border-spacing:0}.error-container{font-family:Inter,Roboto,Helvetica Neue,Helvetica Neue,Helvetica,Arial,sans-serif}.debug-messages{position:fixed;bottom:0;background-color:var(--shade-xxlight);width:100%;padding:5px;font-size:var(--font-min)}.debug-messages li{margin-bottom:2px}