#aside{background-color:var(--bg);border-right:1px solid var(--border);padding:15px 5px;width:150px}#mappings{list-style:none;margin:0;padding:0;width:inherit}#aside div.edit-container{display:flex;justify-content:end;margin-bottom:15px;position:relative}#mappings .dots-button,#mappings .button-text{background:none;border:none;color:var(--text);cursor:pointer;padding:10px;text-align:left;transition:background-color .3s}#mappings .button-text{width:70%}#mappings li.mapping-li{background:none;border-radius:8px;display:flex;margin-bottom:10px;position:relative;transition:background-color .3s;width:inherit}#mappings li.mapping-li:hover{background-color:rgb(from var(--btn-hover) r g b / .5)}#mappings li.mapping-li.active{background-color:var(--btn-hover)}#mappings button.button-delete{color:var(--red-delete)}:root{--blue: #0284c7;--blue0: #caf0f8;--blue1: #90e0ef;--blue2: #0096c7;--blue3: #0077b6;--blue4: #023e8a;--blue5: #03045e;--blue6: #001d3d;--font-mono: font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-title: font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--gray0: #f8f9fa;--gray10: #0a0c0d;--gray11: #000000;--gray1: #e9ecef;--gray2: #dee2e6;--gray3: #ced4da;--gray4: #adb5bd;--gray5: #6c757d;--gray6: #495057;--gray7: #343a40;--gray8: #212529;--gray9: #16181b;--red0: #ff3c29;--red1: #ff0000;--red2: #d51111;--red3: #a4061b;--red4: #ff5252;--red5: rgb(248, 215, 218);--red6: rgb(114, 28, 36);--green0: #d8f3dcff;--green1: #b7e4c7ff;--green2: #95d5b2ff;--green3: #74c69dff;--green4: #52b788ff;--green5: #40916cff;--green6: #2d6a4fff;--green7: #1b4332ff;--green8: #081c15ff}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;height:100dvh;margin:0;padding:0}.light{--bg: var(--gray0);--border: var(--gray1);--btn-hover: var(--gray1);--menu-border: var(--gray2);--nav-bg: var(--gray1);--nav-extra: var(--gray5);--nav-dark-mode-bttn: var(--gray7);--title: var(--gray7);--text: var(--gray6);--red-delete: var(--red2);--error-bg: var(--red5);--error-txt: var(--red2);--success-bg: var(--green0);--success-txt: var(--green5);--outline-button-border-color: var(--blue3);--outline-button-background: var(--blue0);--outline-button-border-color-hover: var(--blue6)}.dark{--bg: var(--gray8);--border: var(--gray7);--btn-hover: var(--gray7);--menu-border: var(--gray6);--title: var(--gray2);--nav-bg: var(--gray9);--nav-extra: var(--gray6);--nav-dark-mode-bttn: var(--gray1);--text: var(--gray1);--red-delete: var(--red4);--error-bg: var(--red6);--error-txt: var(--red5);--success-bg: var(--green6);--success-txt: var(--green0);--outline-button-border-color: var(--blue2);--outline-button-background-hover: var(--bg);--outline-button-border-color-hover: var(--blue1)}.svg-button{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px;position:relative}.svg-button:hover{background-color:rgb(from var(--btn-hover) r g b / .5)}.svg-button svg{width:20px;height:20px}.svg-button path{stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tooltip{position:relative}.tooltip:before{background-color:var(--gray9);border-radius:6px;border:1px solid var(--border);color:var(--gray0);content:attr(data-text);display:none;font-size:13px;font-weight:600;padding:6px 0;position:absolute;text-align:center;width:100px;z-index:1}.tooltip.tbottom:before{left:initial;top:initial;margin:initial;left:50%;top:100%;margin-left:-50px;margin-top:10px}.tooltip.tbottom:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--gray7) transparent;display:none}.tooltip.ttop:before{left:initial;top:initial;margin:initial;left:50%;bottom:100%;margin-left:-35px;margin-bottom:10px;width:70px}.tooltip.ttop:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--gray7) transparent transparent transparent;display:none}.tooltip:hover:before,.tooltip:hover:after{display:block}.error{background-color:var(--error-bg);border-radius:3px;color:var(--error-txt);display:none;padding:2px 8px}.success{background-color:var(--success-bg);color:var(--success-txt);padding:2px 8px;border-radius:3px}.outline-button{background-color:transparent;border-color:var(--outline-button-border-color);border-style:solid;color:var(--outline-button-border-color);font-weight:700;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}.format-json{border-radius:15px;padding:6px 17px}ul.menu{background-color:var(--border);border-radius:16px;border:1px solid var(--menu-border);box-shadow:0 8px 16px #0003;color:var(--text);inset:auto;list-style:none;padding:10px;position:absolute;transition:opacity .3s;width:100px}ul.menu button{border-radius:4px;width:100%}ul.menu button:hover,ul.menu label:hover{background-color:var(--menu-border)}ul.menu button,ul.menu label{background:none;border:none;color:var(--text);cursor:pointer;padding:10px;text-align:left;transition:background-color .3s}.outline-button:hover{background-color:rgb(from var(--outline-button-background-hover) r g b / .5);border-color:var(--outline-button-border-color-hover);color:var(--outline-button-border-color-hover)}#main-container{display:flex;height:calc(100dvh - 40px);width:100%}#main{display:grid;grid-template-columns:repeat(3,calc(100% / 3));height:100%;width:100%}#pane-left-down,#pane-center,#pane-right{height:calc(100dvh - 40px)}#pane-left-up,#pane-left-down,#pane-center{border-right:1px solid;border-color:var(--border)}#main .section-header{background-color:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:space-between;height:42px;padding-left:20px;padding-right:20px}#main .section-header span{font-family:var(--font-mono);font-weight:700}#main .svg-button{padding:5px}#main .tooltip:before{width:85px}#main .no-link{color:inherit;text-decoration:none;outline-color:transparent}#main .no-link:hover{border-bottom:1px solid;background:var(--border)}#pane-left-up .section-header .button-group{display:flex;gap:10px}#navbar{background-color:var(--nav-bg);height:40px;width:100%}#navbar ul{align-items:center;display:flex;height:100%;justify-content:space-between;list-style-type:none;margin:0;padding:0 20px}#navbar .nav-title{color:var(--title);font-family:var(--font-title);font-size:18px;font-weight:700;margin-right:15px}#navbar .nav-extra{font-style:italic;font-weight:600;color:var(--nav-extra)}#navbar .nav-links{align-items:center;display:flex;gap:15px}#navbar .nav-links a{display:block}#import-export-button{anchor-name:--import-menu}#import-menu{position-anchor:--import-menu;top:calc(anchor(bottom) + 6px);right:anchor(right)}#button-dark-mode{background:none;border:none;cursor:pointer;position:relative}#button-dark-mode svg{display:block;height:16px;width:16px}#button-dark-mode path{fill:var(--nav-dark-mode-bttn)}