#splashscreen{background-color:var(--color-primary);position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity var(--transition-duration-medium) linear;z-index:var(--z-index-splashscreen)}#splashscreen.faded{opacity:0}#splashscreen #logo{width:500px;height:500px}@media (prefers-reduced-motion){#splashscreen #logo{transform:scale(.5)}}#splashscreen #logo-layer-1,#splashscreen #logo-layer-2,#splashscreen #logo-layer-3{transform-origin:116.5px 62.5px}#splashscreen #logo-layer-1{animation:puzzle-1 var(--transition-duration-calm) cubic-bezier(.2,.5,.15,1) infinite}#splashscreen #logo-layer-2{animation:puzzle-2 var(--transition-duration-calm) cubic-bezier(.2,.5,.15,1) infinite}#splashscreen #logo-layer-3{animation:puzzle-3 var(--transition-duration-calm) cubic-bezier(.2,.5,.15,1) infinite}@keyframes puzzle-3{0%{filter:drop-shadow(1px 1px 1px hsla(0,0%,0%,.3));transform:scale(.55)}50%{transform:scale(.5);filter:drop-shadow(.5px .5px .5px hsla(0,0%,0%,.3))}to{filter:drop-shadow(1px 1px 1px hsla(0,0%,0%,.3));transform:scale(.55)}}@keyframes puzzle-2{0%{filter:drop-shadow(2px 2px 2px hsla(0,0%,0%,.3));transform:scale(.6)}50%{transform:scale(.5);filter:drop-shadow(1px 1px 1px hsla(0,0%,0%,.3))}to{filter:drop-shadow(2px 2px 2px hsla(0,0%,0%,.3));transform:scale(.6)}}@keyframes puzzle-1{0%{filter:drop-shadow(3px 3px 3px hsla(0,0%,0%,.3));transform:scale(.7)}50%{transform:scale(.5);filter:drop-shadow(1px 1px 1px hsla(0,0%,0%,.3))}to{filter:drop-shadow(3px 3px 3px hsla(0,0%,0%,.3));transform:scale(.7)}}noscript{background:var(--color-surface);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-accent-trigger);box-shadow:var(--box-shadow);padding:12px;margin:12px;display:flex;justify-content:center;align-items:center}:root{--color-primary-item: #ffffff;--color-primary-item-inactive: #9ba7b5;--color-primary: #3e526d;--color-text: #ffffff;--color-text-secondary: #d9d9d9;--color-item: #ffffff;--color-item-negative: #3e526d;--color-action: #1665b0;--color-accent-action: #90caf8;--color-trigger: #b22a2a;--color-accent-trigger: #ee9a9a;--color-constraint: #387f3d;--color-accent-constraint: #a5d6a7;--color-surface: #3d3d3d;--color-surface-top: #454545;--color-accent: #99a6db}:root{--box-shadow-offset-x: 0;--box-shadow-offset-y: 0;--box-shadow-offset-blur: 5px;--box-shadow-offset-spread: 0;--box-shadow-color: rgba(0, 0, 0, .75);--box-shadow: var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-offset-blur) var(--box-shadow-offset-spread) var(--box-shadow-color)}@media (prefers-reduced-motion){:root{--transition-duration-multiplier-config: 0}}@media not (prefers-reduced-motion){:root{--transition-duration-multiplier-config: 1}}:root{--transition-duration-multiplier: var( --transition-duration-multiplier-config );--transition-duration-short: calc( .1s * var(--transition-duration-multiplier) );--transition-duration-medium: calc( .2s * var(--transition-duration-multiplier) );--transition-duration-long: calc( .3s * var(--transition-duration-multiplier) );--transition-duration-delayed: calc( .4s * var(--transition-duration-multiplier) );--transition-duration-calm: calc( 1s * var(--transition-duration-multiplier) );--transition-duration-splashscreen: .5s;--transition-timing-bounce: cubic-bezier(.5, 1.25, .55, 1.05);--transition-timing-jump: cubic-bezier(.35, 1, .5, 1)}:root{--border-radius: 6px;--border-width: 3px;--icon-size: 1.8em;--tab-items-max-width: 600px}:root{--z-index-toast: 6;--z-index-splashscreen: 5;--z-index-dialog: 4;--z-index-nav: 3;--z-index-context-menu: 20;--z-index-top: 1}.sticky-filter{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;text-align:start;gap:8px;display:flex;justify-content:center;align-items:center;position:sticky;top:0;left:0;right:0;background:var(--color-surface-top);z-index:var(--z-index-top);width:100%;max-width:var(--tab-items-max-width)}.sticky-filter input{width:100%}.option{break-inside:avoid}.option .title{font-weight:700;width:100%;text-align:start}.simple-option{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;align-items:center;background-color:var(--color-surface-top);max-width:var(--tab-items-max-width)}.simple-option>div{display:flex;align-items:center}.simple-option .title{width:100%}.string-option{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;background-color:var(--color-surface-top);max-width:var(--tab-items-max-width);display:flex;align-items:top}.string-option h3{margin-top:.4rem}.string-option img{width:100%;max-width:250px}.string-option>div{width:100%}.string-option .title{margin:.5rem 0}.string-option textarea{resize:vertical}.icon{user-select:none;-webkit-user-select:none;flex-shrink:0;margin:4px;width:var(--icon-size);height:var(--icon-size);fill:currentColor}.icon.side{margin:4px 6px 4px 0}.icon.hidden{display:none}[hidden]{display:none!important}:root{font-family:Inter,"system-ui",Arial;color:var(--color-text);box-sizing:border-box}body{margin:0}pre{margin:.2rem 0}main{display:flex;position:fixed;width:100%;height:100%;background:var(--color-surface)}button,input,select,dialog{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit}textarea,pre,code{font-family:Jetbrains Mono,"monospace"}button,[role=button],a,select,label{cursor:pointer}label{display:block}button{border:none;outline-color:transparent}h3{margin:.6rem 0;width:fit-content}div{column-gap:12px}a{color:var(--color-accent)}button:hover:not(.fab):not(.nav-item):not([role=checkbox]),button:focus:not(.fab):not(.nav-item):not([role=checkbox]),select:hover:not(.fab):not(.nav-item):not([role=checkbox]),select:focus:not(.fab):not(.nav-item):not([role=checkbox]),[role=button]:not(a):hover:not(.fab):not(.nav-item):not([role=checkbox]),[role=button]:not(a):focus:not(.fab):not(.nav-item):not([role=checkbox]),.external-link:hover:not(.fab):not(.nav-item):not([role=checkbox]),.external-link:focus:not(.fab):not(.nav-item):not([role=checkbox]){outline:var(--border-width) solid var(--color-text);outline-offset:calc(var(--border-width) * -.5)}hr{height:0;border:none;border:1px solid var(--color-text);opacity:.4;width:calc(100% - 16px)}input,textarea{font-size:1rem;padding:6px;background-color:var(--color-surface);outline:none;border:none;border-bottom:var(--border-width) solid var(--color-text);color:inherit;max-width:var(--tab-items-max-width);width:100%;box-sizing:border-box;box-shadow:inset var(--box-shadow)}input:active,textarea:active{outline:none}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}input:focus,textarea:focus{border-color:var(--color-accent)}input:invalid:focus,textarea:invalid:focus{border-color:var(--color-trigger)}input:invalid,textarea:invalid{border-color:var(--color-accent-trigger)}.description{padding-top:8px;opacity:.8;font-size:.8rem;text-align:start}img{margin:8px}strong{font-size:3rem;padding:16px;display:block}select{background:var(--color-action);outline:none;border:none;font-weight:700;color:var(--color-primary-item);padding:8px 40px 8px 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right;border-right:8px solid transparent;background-size:15%;box-shadow:var(--box-shadow);border-radius:var(--border-radius);background-image:url(/assets/dropdown-CDcevgGd.svg);background-size:1.3rem;max-width:220px}select:active{outline:none}.toast{user-select:none;-webkit-user-select:none;display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);cursor:pointer;contain:paint;pointer-events:all;margin:8px;position:relative;padding:8px 12px;border-width:var(--border-width);border-style:solid;background:var(--color-surface);color:var(--color-text);width:fit-content;box-shadow:var(--box-shadow)}.toast.info{border-color:var(--color-accent-action)}.toast.success{border-color:var(--color-accent-constraint)}.toast.error{border-color:var(--color-accent-trigger)}.toast .close-overlay{background-color:var(--color-surface);display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed}.toaster{align-items:center;position:fixed;display:flex;flex-direction:column-reverse;top:0;left:0;right:0;margin:auto;padding:8px;pointer-events:none;z-index:var(--z-index-toast)}#tab-content{box-sizing:border-box;position:relative;height:100%;width:100%}.nav-item{user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;min-height:80px;min-width:80px;width:100%;box-sizing:border-box}nav{bottom:0;left:0;display:flex;align-items:center;background:var(--color-primary);box-shadow:var(--box-shadow);z-index:var(--z-index-nav);flex-shrink:0;overflow-x:hidden}.log-record{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;position:relative;display:flex;justify-content:center;background:var(--color-surface-top);gap:8px;overflow-y:hidden}.log-record .content{overflow:hidden}.log-record>div{width:100%}.log-record.failed{border:var(--border-width) solid var(--color-accent-trigger)}.log-record.failed .icon{color:var(--color-accent-trigger)}.log-record .timestamp{opacity:.8}.log-record .timestamp,.log-record .id{font-size:.8rem}.log-record .id{text-transform:uppercase}.log-record .connection-name{font-weight:700}.log-record .comment{font-weight:700;font-size:1.1rem}.log-record .details{font-size:.8rem}.log-record .detail{overflow-x:auto}.log-record .actions{height:fit-content;width:fit-content;display:flex;flex-direction:column;gap:8px}.log-record .bottom-shade{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--color-surface-top) 20%,transparent 100%);pointer-events:none}.response,.error-message{display:flex;align-items:center;font-size:.8rem;padding:0 8px}.error-message{color:var(--color-accent-trigger)}.log-record-container{max-width:var(--tab-items-max-width);margin:auto}.log-record-container>.response>a{text-transform:uppercase}.button{background:var(--color-action);color:var(--color-primary-item);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700;font-size:1rem;flex-shrink:0;padding:4px;margin:auto}.button.no-background{background:transparent;box-shadow:none}.sticky-filter input{margin-right:8px}.sticky-filter .icon{margin-bottom:0;margin-top:0}#logs{padding-top:16px}.fab-placeholder{height:110px}#clear-log-button{margin:16px auto auto}.icon-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:300px;color:var(--color-text);--icon-size: 5rem}.icon-notice h3{font-size:1.3rem}.fab{display:flex;justify-content:center;align-items:center;position:absolute;background-color:var(--color-item);color:var(--color-item-negative);border-radius:50%;padding:14px;box-shadow:var(--box-shadow);bottom:25px;z-index:var(--z-index-top)}.fab .icon{color:var(--color-item-negative)}.fab.right{right:25px}.fab.left{left:25px}.tab{width:100%;height:100%;box-sizing:border-box;position:absolute}.scrollable-container{height:100%;overflow-y:auto;overflow-x:hidden;padding:12px;box-sizing:border-box}#confirm-dialog{display:block;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--box-shadow);z-index:var(--z-index-dialog);padding:16px;border:none;max-width:calc(100% - 80px);width:500px}#confirm-dialog .content{padding:0 8px 8px}#confirm-dialog .actions{text-align:end;padding-top:16px;width:100%}#confirm-dialog .title{display:flex;gap:8px;align-items:center;font-size:1.6rem}#confirm-dialog .title h2{margin:16px 0}#confirm-dialog .button{height:50px;display:inline-flex;margin:8px}#confirm-dialog-backdrop{background-color:#000;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--z-index-dialog)}.connection-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;background:var(--color-surface-top);text-align:start;display:flex;align-items:start;break-inside:avoid}.connection-card:first-child{margin-top:0}.connection-card .info{width:100%}.connection-card .name{font-weight:700;word-break:break-word;margin:0;margin-bottom:.2rem}.connection-card .detail,.connection-card .id{font-size:.9rem}.connection-card-container{max-width:var(--tab-items-max-width);margin:auto}.wizard{text-align:center;position:absolute;width:100%;height:100%;background:var(--color-surface);top:0;right:0;bottom:0;left:0;box-sizing:border-box;z-index:var(--z-index-top);overflow-x:hidden}.wizard.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0}.wizard .content{height:100%;box-sizing:border-box;overflow-y:auto}.wizard .page{box-sizing:border-box;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:absolute;padding:12px}.wizard .navigator-placeholder{height:115px}.wizard .title-with-icon{justify-content:center}.wizard-navigator-indicator{padding:8px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:var(--box-shadow);background-color:var(--color-surface-top);border-radius:var(--border-radius);gap:0px}.wizard-navigator-indicator .dot{border-radius:50%;background:var(--color-text);width:.6rem;height:.6rem;opacity:.3;margin:4px}.wizard-navigator{width:100%;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;height:115px;align-items:center;pointer-events:none}.wizard-navigator .filler{width:100%;display:flex;justify-content:center;align-items:center}#connection-add-request-id{text-transform:uppercase}#wizard-create-connection .simple-card{text-align:left}.simple-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;display:flex;align-items:center;max-width:var(--tab-items-max-width);background-color:var(--color-surface-top)}.info-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:var(--tab-items-max-width);background-color:var(--color-surface-top)}.info-card .content{text-align:start;width:100%}.expandable-category{display:flex;flex-direction:column-reverse}.expandable-category .head{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;text-align:start;display:flex;align-items:center;color:var(--color-primary-item);background-color:var(--color-primary);width:100%;max-width:var(--tab-items-max-width);z-index:var(--z-index-top)}.expandable-category .head h2{width:100%;font-size:1.3rem;margin:10px 0}.action-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;background-color:var(--color-action);display:flex;align-items:center;gap:8px;width:100%;max-width:var(--tab-items-max-width);color:var(--color-primary-item)}#actions{column-gap:12px;padding-top:16px}.checkbox{display:flex;justify-content:center;align-items:center;background-color:transparent;flex-shrink:0;color:var(--color-accent);margin:auto;padding:4px}.checkbox>div{position:relative;width:var(--icon-size);height:var(--icon-size)}.checkbox svg{left:0;top:0;width:var(--icon-size);height:var(--icon-size);fill:currentColor;position:absolute}.select-option{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;display:flex;align-items:center;background-color:var(--color-surface-top);max-width:var(--tab-items-max-width)}.select-option h3{margin:0;width:100%;text-align:start}.action-argument-input{break-inside:avoid}.action-argument-input h3{margin-top:0}.configured-action-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;gap:0;background-color:var(--color-surface-top);width:100%;max-width:var(--tab-items-max-width);display:flex;flex-direction:column}.configured-action-card .content{display:flex;align-items:center}.configured-action-card .name{width:100%}.configured-action-card .gap{height:10px}.configured-action-card .more-actions-container{display:flex;flex-direction:column}.configured-action-card .more-actions{display:flex;flex-wrap:wrap-reverse;gap:12px;justify-content:end;width:100%}.configured-action-card .more-actions .button{margin:0}.argument-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;display:flex;align-items:center;width:100%;max-width:var(--tab-items-max-width);box-sizing:border-box;background-color:var(--color-surface-top)}.argument-card>div{text-align:start;width:100%}.argument-card .name{font-weight:700}.select-option-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--tab-items-max-width);background-color:var(--color-surface-top)}.select-option-card>div{display:flex;align-items:center;width:100%;box-sizing:border-box;gap:10px}.select-option-card>div .index{width:100%;font-weight:700;text-align:start;font-size:1.5rem;margin-left:10px}.select-option-card input{width:100%}.custom-action-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;display:flex;align-items:center;background-color:var(--color-surface-top);max-width:var(--tab-items-max-width);text-align:start}.custom-action-card .name{font-weight:700;font-size:1.1rem}.custom-action-card>div{width:100%}.link{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 20px;padding:12px;gap:10px;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;background-color:var(--color-surface-top);text-align:start;max-width:var(--tab-items-max-width);-webkit-user-select:all;user-select:all}.splash-box{min-height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;margin:auto;max-width:var(--tab-items-max-width)}.splash-box .button{margin:auto}.splash-box .splash .icon,.splash-box .splash img{width:200px;height:200px}.warning-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;display:flex;border:var(--border-width) solid var(--color-accent-trigger);color:var(--color-accent-trigger);background:var(--color-surface-top);text-align:start}.status-card{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;gap:10px;box-sizing:border-box;padding:8px 12px;font-weight:700;width:fit-content;display:flex;align-items:center;max-width:var(--tab-items-max-width);background:var(--color-surface-top);border-style:solid;border-width:var(--border-width)}.external-link{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;color:inherit;text-decoration:none;max-width:var(--tab-items-max-width);width:100%;background-color:var(--color-primary);box-sizing:border-box;display:flex;align-items:center}.external-link .content{width:100%;text-align:start}.openable-category{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;display:flex;background:var(--color-primary);max-width:var(--tab-items-max-width);width:100%;box-sizing:border-box;align-items:center}.openable-category h2{font-size:1.3rem;width:100%;text-align:start;margin:10px 0}footer{padding:12px 0;margin:auto;text-align:center}.magic-text-entry{box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin:auto auto 12px;padding:12px;gap:10px;box-sizing:border-box;text-align:start;background-color:var(--color-surface-top);max-width:var(--tab-items-max-width);width:100%}.magic-text-entry .title{font-size:.9rem}.magic-text-entry pre{margin:4px 0 0;overflow-x:auto}#copy-magic-text-notice{width:fit-content}#manage-data-wizard .button{display:inline-flex;margin:10px}.offline-indicator{padding:6px 12px 6px 6px;display:flex;align-items:center;position:fixed;top:0;right:0;background-color:var(--color-surface);border-style:solid;border-color:var(--color-accent-trigger);color:var(--color-accent-trigger);border-width:0 0 var(--border-width) var(--border-width);border-radius:0 0 0 var(--border-radius);box-shadow:var(--box-shadow);pointer-events:none}.offline-indicator .icon{margin-right:0}
