*{box-sizing:border-box}body{margin:0}table th{text-align:right;vertical-align:top}.hidden{display:none!important}.container{flex-direction:row;padding:10px;display:flex;position:absolute;inset:0}.gutter.gutter-horizontal{cursor:col-resize;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;border-radius:10px;height:300px;margin:auto 5px}.info-box{border:1px solid #ddd;border-radius:.3rem;padding:.5rem;&>header{background-color:#fff;width:-moz-fit-content;width:fit-content;margin-top:-1rem;padding:0 .3rem;font-size:.8em;position:relative}}h4{margin:.5rem 0}#sidebar-panel{flex-direction:column;display:flex;& #sidebar-endpoints,& #main-panel,& #sidebar-endpoint{flex-direction:column;height:100%;display:flex}& .sidebar-body{margin-top:0;margin-bottom:0}}#feed-error,#config-error{& pre{color:#721c24;white-space:pre-wrap;word-wrap:break-word;background-color:#f8d7da;border-radius:.3rem;margin-top:0;padding:.5rem;display:block}}#control-buttons{flex-direction:row;gap:.5rem;display:flex;&>.button{text-align:center;flex:1;margin-bottom:.5rem}}.button{cursor:pointer;white-space:nowrap;color:inherit;border:1px solid #ddd;border-radius:.3rem;padding:.2rem .4rem;text-decoration:none;transition:all .1s ease-in-out;display:block;&:hover{background-color:#f4f4f4}}#sidebar-endpoint{& .sidebar-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex;& h4{margin-right:auto;display:inline-block}& #endpoint-name{flex:1;font-family:monospace;font-size:1.2em}}& .sidebar-content{flex-grow:1}& #source-info{margin:1rem 0;& content{display:block;position:relative;overflow-x:scroll;& .format-tag{color:#fff;background-color:#f60;border-radius:.5rem;padding:.2rem .5rem;font-size:.8em;position:absolute;top:0;right:0}}}}#fetch-status{margin-top:.3rem;font-size:.9em}ul#filter-list{flex-direction:column;gap:.3rem;margin:.3rem 0;padding-left:0;list-style:none;display:flex;& .filter{background-color:#fafafa;border-radius:.3rem;width:100%;padding:.4rem .6rem .6rem;position:relative;&.inactive{opacity:.5;background-color:#f4f4f4}&.inactive .filter-header:after{content:"Inactive";color:#666;margin-left:auto}& .filter-header{color:#3498db;text-shadow:1px 0 1px #ddd;margin:0;font-family:monospace;font-size:1.2em;display:flex}& .filter-config{width:100%;margin-top:.5rem;display:block;overflow-x:scroll;& pre{margin:0}& pre.js-code{white-space:pre-wrap;word-wrap:break-word}& p.note-filter{margin-top:0;margin-bottom:0}& ul{padding-left:1.6rem;list-style:square}& dl{& dt{padding-left:0;font-family:monospace}& dt:after{content:":"}& dd{border-left:.3rem solid #eee;margin-left:.1rem;padding-left:.5rem}& dd:after{content:"";display:block}}}& .filter-schema-view{z-index:1;opacity:0;visibility:hidden;max-height:100%;padding-left:1.4rem;transition:all .1s ease-in-out;position:absolute;top:0;right:0;overflow-y:visible;transform:translate(98%);&>div:first-child{background-color:#fff;border-radius:.3rem;max-width:60vw;padding:.5rem;display:none;box-shadow:3px 0 10px #ddd}}&:hover .filter-schema-view{opacity:1;visibility:visible;transform:translate(100%);&>div:first-child{display:block}}}}.json-schema-view{width:max-content}#endpoint-list{flex-direction:column;place-content:flex-start;gap:.3rem;margin:0;padding-left:0;list-style:none;display:flex;& .endpoint{padding:.3rem;& .endpoint-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;& .endpoint-path{cursor:pointer;margin:0 auto 0 0;font-size:1.2em;&:hover{text-decoration:underline}}& .tool{color:#666;cursor:pointer;margin:0 .3rem;font-size:.8em}}}& .endpoint.loading{opacity:.5;background-color:#f4f4f4}& .endpoint-note{color:#666;font-size:.8em}}#main-panel{flex-direction:column;flex:1;display:flex}#request-param{border-bottom:1px solid #ddd;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.3rem;padding-bottom:.3rem;display:flex;& label[for=source]{flex-grow:1;display:flex;& input{flex:1;margin-left:.5rem}}& label{& input[type=number]{width:3rem}}}#feed-error{flex:1;&+#feed-preview{display:none}&.hidden+#feed-preview{display:block}}#feed-preview{width:100%;overflow:auto;&.loading{opacity:.5;pointer-events:none;background-color:#f4f4f4;&:after{content:"Loading...";color:#666;font-size:2em;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}}& #view-mode-selector{z-index:1;opacity:.3;background-color:#fff;flex-direction:row;gap:.5rem;margin-right:1rem;padding:.5rem;transition:all .1s ease-in-out;display:flex;position:absolute;right:0;box-shadow:0 1px 2px #ddd;&:hover{opacity:.9}}}#feed-preview .cm-editor.cm-focused{outline:0}#feed-preview #rendered{flex-direction:column;gap:.5rem;display:flex;& .feed-title{margin:0;padding:.5rem}& .feed-description{padding:.5rem;font-size:.9em}& .feed-post{background-color:#fafafa;border:1px solid #ddd;border-radius:.5rem;max-width:90%;margin:.5rem;padding:.8rem;& .feed-post-show-all{cursor:pointer;color:#666;margin-right:.5rem;font-size:.8em}& .feed-post-title{margin:0}& .feed-post-date{color:#666;border-bottom:1px solid #ddd;margin-top:.6rem;padding-bottom:.5rem;font-size:.9em}& .feed-post-body{max-height:20rem;padding:1rem;font-size:.9rem;overflow-y:scroll;& img{max-width:100%}}& .feed-post-body.expanded{max-height:initial}}}.popup-alert{background-color:#ffffe0;border:1px solid #ddd;border-radius:.5rem;padding:.5rem 1rem;transition:all .1s ease-in-out;position:fixed;bottom:.5rem;right:.5rem;box-shadow:0 0 5px #ddd}