.clickable{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;align-items:unset;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;text-align:inherit}.clickable:hover{color:inherit}.clickable:focus{outline:none}.clickable:focus-visible{outline:2px solid var(--focus-colour,var(--coal));outline-offset:2px}.clickable.disabled,.clickable[disabled]{cursor:auto}.toggle-container{background-color:var(--cloud);border:1px solid var(--cloud);border-radius:6px;display:grid;grid-template-columns:repeat(var(--tab-count),1fr);position:relative}.toggle-container.vertical{grid-template-columns:none;grid-template-rows:repeat(var(--tab-count),1fr)}.toggle-container .tab{align-items:center;cursor:pointer;display:flex;flex:1 1 0;justify-content:center;margin:-1px;padding:6px;z-index:1}.toggle-container .tab .icon,.toggle-container .tab .txt-component.heading{color:var(--steel);transition:var(--smooth)}.toggle-container .tab.selected .icon,.toggle-container .tab.selected .txt-component.heading,.toggle-container .tab:hover .icon,.toggle-container .tab:hover .txt-component.heading{color:var(--coal)}.toggle-container .selected-toggle{background-color:#fff;border-radius:6px;box-shadow:0 0 1px #0000000a,0 0 2px #0000000f,0 2px 8px #0000000a;position:absolute;transition:all .225s cubic-bezier(.22,1,.36,1)}.toggle-container.disabled .tab{cursor:default;pointer-events:none}.toggle-container.disabled .tab.selected .icon,.toggle-container.disabled .tab.selected .txt-component.heading,.toggle-container.disabled .tab:hover .icon,.toggle-container.disabled .tab:hover .txt-component.heading{color:var(--steel)}.toggle-container.dark{background-color:#ffffff1f;border:0}.toggle-container.dark .selected-toggle{background-color:#ffffff80}.toggle-container.dark .tab.selected .icon,.toggle-container.dark .tab.selected .txt-component.heading,.toggle-container.dark .tab:hover .icon,.toggle-container.dark .tab:hover .txt-component.heading{fill:#fff;color:#fff}.toggle-container.dark.disabled .tab .icon,.toggle-container.dark.disabled .tab .txt-component.heading{color:#ffffff1a}.toggle-container.dark.disabled .tab.selected .icon,.toggle-container.dark.disabled .tab.selected .txt-component.heading,.toggle-container.dark.disabled .tab:hover .icon,.toggle-container.dark.disabled .tab:hover .txt-component.heading{fill:#fff;color:#fff}.switch-field[data-v-78ea500a]{align-items:center;cursor:pointer;display:flex;font-weight:400;height:auto;margin:0;min-height:32px}.switch-field.disabled[data-v-78ea500a]{cursor:default}.switch-field.disabled .switch[data-v-78ea500a]{opacity:.2}.switch-field input[type=checkbox][data-v-78ea500a]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.switch-field input[type=checkbox][data-v-78ea500a]:disabled{cursor:default}.switch-field .switch[data-v-78ea500a]{align-items:center;display:flex;margin:0 8px;position:relative}.switch-field .switch[data-v-78ea500a]:after,.switch-field .switch[data-v-78ea500a]:before{border-radius:16px;content:"";display:block;transition:var(--smooth)}.switch-field .switch[data-v-78ea500a]:before{background-color:var(--anchor);box-shadow:inset 0 5px 20px #0000000a,inset 0 1px 6px #0000000a,inset 0 0 1px #0000000a;height:32px;width:56px}.switch-field .switch[data-v-78ea500a]:after{background:#fff;box-shadow:var(--shadow-base);height:24px;left:4px;position:absolute;width:24px}.switch-field.checked .switch[data-v-78ea500a]:after{transform:var(--transform)}.switch-field.checked .switch[data-v-78ea500a]:before{background-color:var(--success);box-shadow:none}.switch-field.no-left .switch[data-v-78ea500a]{margin:0 8px 0 0}.switch-field.thin[data-v-78ea500a]{height:auto;min-height:unset}.switch-field.thin .switch[data-v-78ea500a]:before{background-color:var(--anchor);box-shadow:none;height:4px;width:32px}.switch-field.thin .switch[data-v-78ea500a]:after{background:var(--steel);height:16px;left:0;width:16px}.switch-field.thin.checked .switch[data-v-78ea500a]:after{background-color:var(--success)}.switch-field.thin.checked .switch[data-v-78ea500a]:before{background-color:var(--success-shade-1)}.switch-field.small[data-v-78ea500a]{height:auto;min-height:unset}.switch-field.small .switch[data-v-78ea500a]:before{box-shadow:none;height:24px;width:40px}.switch-field.small .switch[data-v-78ea500a]:after{height:18px;width:18px}main{--sidebar-width:80px;display:flex;min-height:100%}main aside{background:var(--slate);color:#fff;display:flex;flex-direction:column;gap:32px;height:100%;padding:16px;position:fixed;transition:width .15s ease-in-out;width:var(--sidebar-width)}main aside .logo{align-items:center;display:flex;gap:6px;height:48px}main aside .logo svg{width:48px}main aside .logo h1{font-size:24px}main aside nav{display:flex;flex-direction:column;gap:12px}main aside nav a{align-items:center;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;display:flex;gap:8px;height:48px;padding:12px}main aside nav a:hover{background:hsla(0,0%,100%,.15);border-color:transparent}main aside nav a.router-link-active{background:hsla(0,0%,100%,.3);border-color:transparent}main aside button{align-items:center;align-self:flex-end;background:rgba(0,0,0,.3);border-radius:12px;display:flex;height:48px;justify-content:center;margin-top:auto;padding:12px;width:48px}main aside button .material-icons-sharp{transform:rotate(180deg)}main.open{--sidebar-width:320px}main.open aside .logo svg{width:24px}main.open aside nav a{padding:12px 24px}main.open aside button .material-icons-sharp{transform:rotate(0)}main .route{background:var(--cloud);flex:1;margin-left:var(--sidebar-width);transition:margin .15s ease-in-out}main .route .route-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1200px;padding:0 48px}main .route header{align-items:center;border-bottom:1px solid #dfdede;display:flex;justify-content:space-between;padding:12px 0}main .route header .title{align-items:center;display:flex;gap:8px}main .route header .title h2{font-size:24px}main .route header .title button.fade{align-items:center;display:flex;gap:8px;opacity:.5}main .route header .title button.fade:hover{opacity:.8}main .route header .user{align-items:center;display:flex;gap:8px}main .route header .user .placeholder{background:#ececec;border-radius:40px;height:40px;width:164px}main .route header .user .avatar{background:#ececec;border-radius:50%;height:40px;width:40px}main .debugger{background-color:#fff;filter:var(--shadow-base-filter);height:100%;left:100%;position:fixed;top:0;transition:all .15s ease-in-out;width:375px}main .debugger.open{left:calc(100% - 375px)}main .debugger .debugger-button{align-items:center;background-color:#fff;border-radius:12px 0 0 12px;color:var(--primary-shade);display:flex;justify-content:center;margin:64px 0 8px;padding:6px;position:absolute;right:100%}main .debugger .debugger-button button{border-radius:8px;color:var(--primary-shade);display:flex;padding:8px}main .debugger .debugger-button button:hover{background-color:var(--primary-fade)}main .debugger .debugger-panel{display:flex;flex-direction:column;gap:12px;height:100%;padding:16px 24px}main .debugger .debugger-panel a{color:var(--primary-shade);text-decoration:underline}main .debugger .debugger-panel .switch-field{justify-content:space-between}main .debugger .debugger-panel hr{border-color:var(--cloud);width:100%}main .debugger .debugger-panel .clickable.reset-options{background-color:var(--cloud);border-radius:12px;color:var(--slate);cursor:pointer;justify-content:center;padding:12px}main .debugger .debugger-panel .clickable.reset-options:hover{background-color:var(--cloud)}main .debugger .debugger-panel .clickable.reset-options[disabled]{cursor:default;opacity:.5}main .debugger .debugger-panel pre{word-wrap:break-word;background-color:var(--cloud);border-radius:12px;display:flex;flex:1;flex-direction:column;font-size:10px;font-weight:200;margin:0;overflow:auto;padding:0 12px 12px;position:relative;white-space:pre-wrap}main .debugger .debugger-panel pre .code-header{align-items:center;background-color:#00000080;color:#fff;display:flex;justify-content:space-between;left:0;margin:-12px;padding:12px;position:sticky;right:0;top:0}main .debugger .debugger-panel pre .code-header h5{font-size:14px}main .debugger .debugger-panel pre .code-header span{font-size:10px}main .debugger .debugger-panel select{margin-bottom:12px}main .debugger .debugger-panel svg{height:48px;margin:auto}