.item-card[data-v-2fd122da]{padding:10px;margin:5px 5px}.items[data-v-2fd122da]{display:flex;flex-direction:row;flex-wrap:wrap}.item[data-v-2fd122da]{width:200px;height:90px;background:#fff;border:1px solid #d8d8d8;margin-right:8px;margin-bottom:8px;padding:4px 6px;font-size:11px;color:#5f5f5f;font-weight:600;display:flex;flex-wrap:wrap;position:relative;cursor:pointer}.item.selected[data-v-2fd122da]{background-color:rgba(14,118,186,.06);border:1px solid #0e76ba}.item[data-v-2fd122da]:hover{background:rgba(14,118,186,.04)}.item--name[data-v-2fd122da]{margin:2px 0;font-size:13px;color:#0e76ba;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item--label[data-v-2fd122da]{width:72px;font-weight:400}.item--value[data-v-2fd122da]{width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.applet-list[data-v-53984e86]{padding:10px}.applet-table-row[data-v-53984e86]{display:flex;justify-content:space-between;align-items:center;border:1px solid #d8d8d8;min-height:56px;background-color:#fff}.applet-table-row .metadata[data-v-53984e86]{color:#5f5f5f}.applet-table-row.selected[data-v-53984e86]{position:relative;background-color:rgba(14,118,186,.04);border:1px solid #0e76ba;z-index:2}.applet-table-row[data-v-53984e86]:hover{background:rgba(14,118,186,.04)}.applet-table-row[data-v-53984e86]:not(:first-child){margin-top:-1px}.applet-table-row .general-info[data-v-53984e86]{width:100%;padding-left:10px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.applet-table-row .general-info .description[data-v-53984e86]{font-size:14px;font-weight:600;color:#0e76ba;width:fit-content}.applet-table-row .general-info .metadata[data-v-53984e86]{color:#5f5f5f}.cell-data[data-v-05879435]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.applets[data-v-6baa7e9a] .panes{height:100vh}.tab-content[data-v-6baa7e9a]{flex:1;overflow:auto}.applet-details[data-v-6baa7e9a]{flex:1;display:flex;flex-direction:column}.applet-details .header[data-v-6baa7e9a]{display:flex;align-items:center;padding:0 0 0 10px;height:36px;background-color:#f8f8f8;border-bottom:1px solid #d8d8d8;position:relative}.applet-details .header--title[data-v-6baa7e9a]{display:table-cell}.applet-details .header--close[data-v-6baa7e9a]{font-size:22px;color:#838383;padding:8px;margin-right:4px;width:38px;text-align:center;cursor:pointer;position:absolute;right:0;top:-2px}.applet-details .content[data-v-6baa7e9a]{padding:4px;flex:1;overflow:auto;display:flex;flex-direction:column}.applet-details .content-collapsible[data-v-6baa7e9a]{margin-bottom:4px}.inspector-header[data-v-6baa7e9a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.text-section[data-v-6baa7e9a]{padding:8px}.empty-text[data-v-6baa7e9a]{padding:10px}.header-icon[data-v-6baa7e9a]{font-size:22px;margin-right:4px}.editor[data-v-cf9698d2]{border:1px solid #aaa;box-shadow:3px 3px 5px rgba(0,0,0,.3);max-height:calc(100vh - 280px);height:calc(100vh - 280px);width:100%}button[data-v-4dbd9ef5]{outline:none;border:1px solid #aaa;background:#d3e9ff;height:26px;padding:2px 15px;border-radius:3px;cursor:pointer}button.selected[data-v-4dbd9ef5]{background:#0682ca;color:#fff;border:#0682ca;cursor:default}button[data-v-4dbd9ef5]:not(:first-of-type){margin-left:10px}.render-result[data-v-212f0b52]{padding:30px 50px}.raw-code[data-v-212f0b52],.render-result[data-v-212f0b52]{margin-top:20px;border:1px solid #aaa;box-shadow:3px 3px 5px rgba(0,0,0,.3)}.raw-code[data-v-212f0b52]{width:100%;height:190px;resize:none;font-size:11px;margin-bottom:10px;background:#eee;padding:10px;box-sizing:border-box;display:block;line-height:1.2rem;white-space:pre;overflow-wrap:normal;overflow:auto}.raw-code[data-v-212f0b52]:focus{outline:none}button[data-v-212f0b52]{outline:none;border:1px solid #aaa;background:#d3e9ff;height:26px;padding:2px 15px;border-radius:3px;cursor:pointer}h2[data-v-212f0b52]{color:#2c3e50;display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0;margin-inline-end:0;font-weight:700}.errors[data-v-212f0b52]{color:#bf231f;margin-top:10px}.applet[data-v-51f52c1c]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:10px 20px;display:flex;flex-direction:row;width:100%}.applet .code-block[data-v-51f52c1c]{flex:1;padding-right:10px}.applet .preview-block[data-v-51f52c1c]{flex:1;padding-left:10px}h2[data-v-51f52c1c]{color:#2c3e50;display:block;font-size:1.5em;font-weight:700;margin:20px 0}button[data-v-51f52c1c]{outline:none;border:1px solid #aaa;background:#d3e9ff;height:26px;padding:2px 15px;border-radius:3px;cursor:pointer}button[data-v-51f52c1c]:focus{outline:none;background:#c3d9ef}.configuration[data-v-51f52c1c]{margin-bottom:10px;width:100%;align-items:center}.configuration button[data-v-51f52c1c]{margin-left:10px}input.protocol-instance-id-input[data-v-51f52c1c]{margin-top:4px;margin-bottom:10px;margin-right:10px;width:300px;outline:none}.label[data-v-51f52c1c]{font-size:11px;text-transform:uppercase;font-weight:700;display:inline-block;margin-right:6px}