:root{--curityToastDuration:5000;--curityToastFromBottom:3rem;--curityToastHeight:75px}.curityToast{box-sizing:border-box;min-height:var(--curityToastHeight);bottom:var(--curityToastFromBottom);font-family:var(--type-regular);color:#fff;z-index:99999999;min-width:90%;max-width:calc(100vw - 64px);transition:transform .15s var(--ease-in-expo);transform:translate(-50%, calc(var(--curityToastHeight) + var(--curityToastFromBottom)));background-color:#333;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:1rem;line-height:1.2;display:flex;position:fixed;left:50%;box-shadow:0 1px 3px #00000026,0 2px 6px #00000026}.curityToast>div{max-width:calc(100% - 50px)}.curityToastPopout{animation-timing-function:var(--ease-in-out-cubic);animation-name:slide-up;animation-duration:.2s;animation-fill-mode:forwards}.curityToastHidden{animation-name:slide-down;animation-duration:.2s;animation-fill-mode:forwards}@keyframes slide-up{0%{transform:translate(-50%, calc(var(--curityToastHeight) + var(--curityToastFromBottom)))}to{transform:translate(-50%)}}@keyframes slide-down{0%{transform:translate(-50%)}to{transform:translate(-50%, calc(var(--curityToastHeight) + var(--curityToastFromBottom)))}}@media only screen and (width>=40em){.curityToast{min-width:240px;max-width:calc(100vw - 64px);font-size:1rem}}.curityToast h3{color:#fff;margin-top:0;margin-bottom:5px;font-size:1.25rem}.curityToast p{color:#fff;margin:0}.curityToast span{white-space:nowrap;vertical-align:middle;color:#fff;appearance:none;background-color:#0000;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:24px;height:24px;margin-right:1rem;display:inline-flex}.curityToast button{white-space:nowrap;vertical-align:middle;color:#fff;appearance:none;cursor:pointer;width:34px;height:34px;padding:initial;background-color:#0000;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin-left:1rem;font-size:1rem;transition:all .2s;display:inline-flex;box-shadow:none!important}.curityToast button:hover{color:initial;background-color:#fff;box-shadow:0 0 0 3px #4299e14d}.curityToast button:focus{box-shadow:0 0 0 3px #4299e199}.curityToast.stay{animation:.15s cubic-bezier(0,0,.2,1) forwards stay}.curityToast-success{background-color:#1f7a37}.curityToast-danger{background-color:#b12a27}.curityToast-warning{background-color:#96661d}.curityToast-info{background-color:var(--surface-dark)}.curityToast-info a{color:var(--color-spot-light)}.curityToast-notify{justify-content:center}@keyframes stay{0%{opacity:0;transform:translate(-50%)scale(.87)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.87)}3.75%,96.25%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;animation-timing-function:cubic-bezier(.4,0,1,1);transform:translate(-50%)scale(1)}}:root{--type-regular:"GoogleSans-Regular", "Google Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", helvetica, arial, sans-serif;--type-medium:"GoogleSans-Medium", "Google Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", helvetica, arial, sans-serif;--type-bold:"GoogleSans-Bold", "Google Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", helvetica, arial, sans-serif;--type-mono:ui-monospace, "SF Mono", menlo, consolas, monospace;--type-base-size:1rem;--text-tiny:calc(var(--type-base-size) * .75);--text-small:calc(var(--type-base-size) * .875);--text-base:var(--type-base-size);--text-medium:calc(var(--type-base-size) * 1.25);--text-large:calc(var(--type-base-size) * 1.5);--text-huge:calc(var(--type-base-size) * 2);--line-height-heading:1.15;--line-height-body:1.6;--font-weight-heading:400;--font-weight-emphasis:500;--color-primary:#323c53;--color-primary-dark:#262c3d;--color-primary-medium:#3c4764;--color-primary-light:#7e89a8;--color-spot:#c084fc;--color-spot-light:#e8d2ff;--color-spot-dark:#552a8d;--color-spot-text:#966ff1;--color-spot-strong:#6d28d9;--color-spot-amber:#f59e3a;--color-spot-green:#4aa69e;--color-spot-blue:#1b188f;--color-success:#34d399;--color-info:#0369a1;--color-danger:#dc2626;--color-warning:#b45309;--color-add:#0092ff;--color-green:#27615c;--color-tertiary:#f2eb80;--color-grey-subtle:#fafafa;--color-grey-light:#ccc;--color-grey-medium:#b6b6b6;--color-grey:#a9a9a9;--color-grey-dark:#5c5c5c;--color-text:#737373;--color-heading:#262c3d;--color-paragraphs:#595959;--color-light:white;--color-link:var(--color-spot-text);--color-link-hover:light-dark(var(--color-spot-dark),var(--color-spot-light));--color-signicat:#2a0062;--color-signicat-light:#f2f0f6;--color-signicat-dark:#180247;--authenticator-github-color:#333;--authenticator-github-color-dark:#1a1a1a;--surface-darker:#0a041f;--surface-dark:#201a32;--surface:#2a2340;--surface-raised:#372e52;--surface-muted:#473d66;--surface-hover:#554a78;--chrome-text:white;--chrome-text-muted:#b0abc4;--chrome-border:#ffffff1f;--chrome-border-strong:#ffffff3d;--nav-pill-background:linear-gradient(135deg, #ffffff2e, #ffffff0a);--nav-pill-border-color:#ffffff47;--background-color:light-dark(#fff,#16121f);--inner-background-color:light-dark(#f8f8fa,#201a32);--sidebar-background-color:var(--surface-dark);--editor-background-color:#16121f;--line-color:light-dark(#dbdbdb,#3d3554);--text-color:light-dark(#111,#fff);--history-sidebar-hover:white;--page-color:light-dark(#f4f2f8,#0000);--well-color:light-dark(#fff,#251e39);--placeholder-color:light-dark(#6b6b6b,#a9a2c0);--toggle-background-color:light-dark(#cfcfcf,#4b4168);--tag-color:light-dark(#ececec,#2a2340);--scrollbar-thumb-color:light-dark(#c9c5d6,#4b4168);--border-radius:8px;--border-color:#00000020;--button-background-color:var(--color-spot-strong);--button-background-color-hover:var(--color-spot-dark);--button-border-color:var(--color-spot-strong);--button-color:var(--color-primary);--button-border-radius:8px;--button-line-height:1.125rem;--button-padding-y:.5rem;--button-padding-x:1rem;--form-field-background-color:light-dark(#0000,#251e39);--form-field-text-color:light-dark(#111,#fff);--form-field-border-color:var(--line-color);--form-field-border-color-focus:var(--color-spot-strong);--form-field-box-shadow-focus:var(--color-spot-light) 0 0 0 3px;--form-field-caret-color:var(--color-spot-strong);--form-field-border-radius:6px;--form-label-color:light-dark(#666,#b0abc4);--form-label-line-height:2;--form-label-font-size:calc(var(--type-base-size) * .85);--select-option-hover:light-dark(#f2eefb,#372e52);--select-option-selected:var(--color-primary);--syntax-key:light-dark(#2f6fd0,#6aa3ec);--syntax-key-bright:#6aa3ec;--syntax-value:light-dark(#b5730b,#e0a33c);--syntax-value-bright:#e0a33c;--syntax-string:light-dark(#b5730b,#e0a33c);--syntax-number:light-dark(#0f8f5e,#3fc08c);--syntax-number-bright:#3fc08c;--syntax-disclosure:light-dark(#0f8fa6,#45c3d8);--syntax-disclosure-bright:#45c3d8;--syntax-inline-code:light-dark(#c83a5f,#ef7b98);--syntax-error-bright:#f08a88;--pretty-json-color:light-dark(#666,#f4f2f8);--pretty-json-variable:light-dark(#0f8f5e,#3fc08c);--pretty-json-number:light-dark(#7c3aed,#c084fc);--pretty-json-string:light-dark(#b5730b,#e0a33c);--pretty-json-selection-background-color:light-dark(#e3dcf4,#473d66);--flow-clientcredentials:#697591;--flow-ropc:#31815c;--flow-userinfo:#227e91;--flow-apicall:#b05f21;--flow-graphql:#a14dcb;--flow-precode:#3473c5;--flow-vci:#c238a6;--flow-dcr:#6c7b24;--flow-dcrm:#c5496e;--flow-refresh:#238534;--flow-revoke:#cf3f49;--flow-device:#b047b8;--flow-ciba:#59802d;--flow-codeflow:#1e807a;--flow-implicitflow:#bd5332;--flow-tokenexchange:#8c721d;--flow-hybridflow:#d03587;--flow-jwt:#7264c9;--flow-createjwt:#895ec9;--flow-logout:#9d6925;--flow-introspectionflow:#79762a;--received-token-1:#dda82c;--received-token-2:#df6b3a;--received-token-3:#37ae97;--received-token-4:#9566d6;--received-token-5:#3985d0;--received-token-6:#cf59a8;--space-1:.5rem;--space-2:calc(var(--space-1) * 2);--space-3:calc(var(--space-1) * 4);--space-4:calc(var(--space-1) * 8);--header-height:42px;--electron-toolbar-height:41px;--header-electron-height:113px;--tools-form-header-height:40px;--guide-header-height:45px;--empty-state-arrow-height:90px;--activity-bar-width:60px;--history-sidebar-width:20%;--token-sidebar-width:20%;--working-area-width:60%;--main-area-width:calc(100% - var(--history-sidebar-width) - var(--token-sidebar-width));--ease-in-expo:cubic-bezier(.95, .05, .795, .035);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1)}html{color-scheme:light dark}html[data-color-scheme=light]{color-scheme:light}html[data-color-scheme=dark]{color-scheme:dark}@media (prefers-color-scheme:dark){html{color-scheme:dark}html[data-color-scheme=light]{color-scheme:light}}code{border:none}@font-face{font-family:GoogleSans-Regular;font-display:swap;src:url(/assets/GoogleSans-Regular-BaOC3O0_.woff2)format("woff2")}@font-face{font-family:GoogleSans-Medium;font-display:swap;src:url(/assets/GoogleSans-Medium-DTL3j2P8.woff2)format("woff2")}@font-face{font-family:GoogleSans-Bold;font-display:swap;src:url(/assets/GoogleSans-Bold-jJ5ZulNQ.woff2)format("woff2")}*{&,&:before,&:after{box-sizing:border-box}}:focus:not(.focus-visible){outline:none}html{height:100%;& ::-webkit-scrollbar{background-color:var(--inner-background-color);width:8px;height:8px}& ::-webkit-scrollbar-track{border-radius:6px}& ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:10px}}body{min-height:100%;font-size:100%;font-family:var(--type-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background-color:var(--background-color);color:var(--text-color);font-weight:400;position:relative}html,body{overflow:initial}body.dimmed:after{content:"";background-color:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.container{max-width:60em;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem;@media (width>=52em){padding-left:1.25em;padding-right:1.25em}}.container-wide{max-width:80em}.alert{min-width:100%}table{border-spacing:0;border-collapse:collapse;border:1px solid var(--line-color);width:100%;margin-top:0;margin-bottom:16px;overflow:auto}table tr{border:none}table th,table td{vertical-align:middle;background-color:var(--background-color);border:none;padding:8px 12px;font-size:.75rem}table tbody tr.delete td{border-bottom:1px solid var(--line-color)}table thead th{font-weight:400;font-family:var(--type-medium);border-top:1px solid #ccc;border-bottom:1px solid #ccc}tr:not(:has([aria-labelledby=empty-state-heading])):hover td{background-color:var(--inner-background-color)}.overview-main table.table-fixed,.table-fixed{overflow-x:scroll;@media (width>=52em){table-layout:fixed;display:table}}.action-table-wrapper{min-height:6rem;position:relative}.action-table{border:1px solid #cbcbcb}.inline-table.action-table tbody tr:nth-child(odd){background-color:#0000}.inline-table.action-table thead th{border-bottom:1px solid #cbcbcb;position:relative}.inline-table.action-table td{color:#586069;font-size:.85rem}[aria-labelledby=client-app-tab] thead{z-index:1;background:var(--background-color);position:sticky;inset-block-start:calc(200px - 1rem)}[aria-labelledby=client-app-tab] thead th{border:none}address{font-style:normal}strong,b{font-weight:400;font-family:var(--type-medium)}i,em{font-style:italic}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:#fff;overflow-y:auto}h1,h2,h3,h4,h5,h6{font-feature-settings:"kern", "liga", "clig", "calt";text-rendering:optimizelegibility;font-weight:400;font-family:var(--type-regular);color:var(--text-color)}:is(h1,h2){font-family:var(--type-bold)}.h1,h1{font-size:2rem;@media (width>=64em){font-size:3rem}}.h2,h2{font-size:1.5rem;@media (width>=64em){font-size:2.4rem}}.h3,h3{font-size:1.25rem;@media (width>=64em){font-size:1.55rem}}.h4,h4{font-size:.95rem;@media (width>=64em){font-size:1.05rem}}p{color:var(--text-color);font-size:.85rem;line-height:1.85;@media (width>=64em){font-size:.9rem}}.article p{@media (width>=64em){font-size:1.05rem}}.article ul{@media (width>=64em){font-size:1.05rem}}abbr{text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;cursor:help}sub,sup{vertical-align:baseline;font-size:65%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}blockquote{color:#5a5a5a;background-color:color-mix(in srgb, var(--color-tertiary), white 40%);border-left:4px solid color-mix(in srgb, var(--color-tertiary), white 15%);margin:2.5em 0;padding:1rem 2rem;font-style:normal;position:relative;& p{margin:0}}ul{list-style-type:disc}ul,ol{margin-left:0;font-size:.85rem;line-height:1.85;@media (width>=64em){font-size:1rem}}code{white-space:pre-wrap;overflow-wrap:break-word}.article{max-width:1200px;margin:0 auto}a{transition:color .2s}a:hover,a:active{outline:0}.kid{vertical-align:middle;text-overflow:ellipsis;max-width:80px;display:inline-block;overflow:hidden}.modal-environments .kid{max-width:400px}input[type=text],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=time],input[type=url],input[type=week],input[type=date],textarea{color:var(--form-field-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-color:var(--line-color);background-color:var(--form-field-background-color);caret-color:var(--color-spot);transition:border-color .3s ease-in-out}input[type=text]::selection,input[type=datetime]::selection,input[type=datetime-local]::selection,input[type=email]::selection,input[type=month]::selection,input[type=number]::selection,input[type=password]::selection,input[type=search]::selection,input[type=tel]::selection,input[type=time]::selection,input[type=url]::selection,input[type=week]::selection,input[type=date]::selection,textarea::selection{background:var(--color-spot-strong);color:#fff;text-shadow:none}label.is-error{color:var(--color-danger)}label{color:inherit;line-height:2}[data-color-scheme=dark]{& input[type=time],& input[type=date]{color-scheme:dark}}input[type=search]::-webkit-search-decoration{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=search]::-webkit-search-results-button{appearance:none}input[type=search]::-webkit-search-results-decoration{appearance:none}input[type=file]::file-selector-button{background-color:var(--color-primary-light);border:none;font-size:.75rem;@media (width>=52em){font-size:.75rem}height:28px;line-height:inherit;color:#fff;cursor:pointer;border-radius:4px;margin-right:1rem;padding:0 .75rem;transition:background-color .2s ease-in-out}input[type=file]::file-selector-button:hover{background-color:var(--color-primary);color:#fff}input[type=file]::file-selector-button:active{background-color:var(--color-primary);color:#fff}textarea.token-hidden-field{display:none}.field-mono{font-family:var(--type-mono);color:var(--text-color);word-break:break-all;font-size:.95rem;font-weight:400}.key{color:var(--syntax-key)}.string,.value{color:var(--syntax-value)}.raw{color:var(--text-color)}::placeholder{color:var(--placeholder-color);opacity:1}.field:read-only:not(select),.field-light:read-only:not(select),.field.is-read-only,.is-read-only.field-light{background-color:var(--background-color)}#jwturl{position:absolute!important}.field-group{width:100%;position:relative}.react-autosuggest__container{position:relative}.react-autosuggest__input--focused{outline:none}.react-autosuggest__input--open{border-bottom-right-radius:0;border-bottom-left-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{z-index:2;background-color:#fff;border:1px solid #0074d9;border-top-width:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:100%;font-weight:300;display:block;position:absolute;top:35px}.react-autosuggest__suggestions-list{max-height:195px;margin:0;padding:0;list-style-type:none;overflow-y:scroll}.react-autosuggest__suggestion{cursor:pointer;padding:5px 10px}.radio-label{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:5px;align-items:center;width:100%;padding:.25rem 1rem .25rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative;box-shadow:0 2px 4px #0000000d}.radio-btn-group div:first-child .radio-label{border-top-right-radius:0;border-bottom-right-radius:0}.radio-btn-group div:nth-child(2) .radio-label{border-radius:0}.radio-btn-group div:nth-child(3) .radio-label{border-top-left-radius:0;border-bottom-left-radius:0}.radio-label:hover{box-shadow:0 4px 8px #0000000d}.radio-label:before{content:"";background-color:#f2f2f2;border-radius:50%;width:20px;height:20px;margin-right:.5rem;transition:background-color .3s;top:calc(50% - 15px);left:20px}.radio-label span{-webkit-user-select:none;user-select:none}.radio-btn{visibility:hidden;position:absolute}.radio-btn:checked+.radio-label{background-color:var(--color-grey-subtle);border-color:var(--color-grey-light)}.radio-btn:checked+.radio-label:before{background-color:var(--color-primary);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyLjAyOTY4IC00MC4wOTAzIDI2IDIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdGVkIGJ5IElKU1ZHIChodHRwczovL2dpdGh1Yi5jb20vaWNvbmphci9JSlNWRyktLT48cGF0aCBkPSJNMjcuOTc0MywtMzYuMTI3MmMwLDAuNDQ2NDI4IC0wLjE1NjI1LDAuODI1ODkzIC0wLjQ2ODc1LDEuMTM4MzlsLTEyLjEyMDUsMTIuMTIwNWwtMi4yNzY3OSwyLjI3Njc5Yy0wLjMxMjUsMC4zMTI1IC0wLjY5MTk2NCwwLjQ2ODc1IC0xLjEzODM5LDAuNDY4NzVjLTAuNDQ2NDI4LDAgLTAuODI1ODkzLC0wLjE1NjI1IC0xLjEzODM5LC0wLjQ2ODc1bC0yLjI3Njc5LC0yLjI3Njc5bC02LjA2MDI3LC02LjA2MDI3Yy0wLjMxMjUsLTAuMzEyNSAtMC40Njg3NSwtMC42OTE5NjUgLTAuNDY4NzUsLTEuMTM4MzljMCwtMC40NDY0MjkgMC4xNTYyNSwtMC44MjU4OTMgMC40Njg3NSwtMS4xMzgzOWwyLjI3Njc5LC0yLjI3Njc5YzAuMzEyNSwtMC4zMTI1IDAuNjkxOTY1LC0wLjQ2ODc1IDEuMTM4MzksLTAuNDY4NzVjMC40NDY0MjksMCAwLjgyNTg5MywwLjE1NjI1IDEuMTM4MzksMC40Njg3NWw0LjkyMTg4LDQuOTM4NjJsMTAuOTgyMSwtMTAuOTk4OWMwLjMxMjUsLTAuMzEyNSAwLjY5MTk2NCwtMC40Njg3NSAxLjEzODM5LC0wLjQ2ODc1YzAuNDQ2NDI4LDAgMC44MjU4OTMsMC4xNTYyNSAxLjEzODM5LDAuNDY4NzVsMi4yNzY3OCwyLjI3Njc5YzAuMzEyNSwwLjMxMjUgMC40Njg3NSwwLjY5MTk2NCAwLjQ2ODc1LDEuMTM4MzlaIiB0cmFuc2Zvcm09InNjYWxlKDEuMDAxOTgpIiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:10px}.button-signicat{color:var(--color-signicat);border-style:solid;border-width:1px;border-color:var(--color-signicat);background:#fff;&:active{color:var(--color-signicat);border-color:var(--color-signicat);background:#fff}&:hover{background:var(--color-signicat);color:#fff}& svg.inlineicon{max-height:25px}}.button-light{border:.075rem solid var(--line-color);box-shadow:none;color:var(--button-color);background-color:#0000;&:hover{box-shadow:none;color:var(--button-color);background-image:none;background-color:var(--inner-background-color);text-decoration:none;transform:none}&:active,&:focus{background-image:none;text-decoration:none;transform:none}}.button-primary{&:hover,&:active{border-color:var(--button-background-color-hover)}}.button-primary-outline{border:.075rem solid var(--color-grey-light);color:var(--button-color);background-color:#0000;&:hover,&:active{background-color:var(--color-spot-strong);border-color:var(--color-spot-strong);color:#fff}}.button-warning:hover,.button-warning:active{background:color-mix(in srgb, var(--color-warning) 85%, black)}.button-danger:hover,.button-danger:active{background:color-mix(in srgb, var(--color-danger) 85%, black)}.button-success:hover,.button-success:active{background:color-mix(in srgb, var(--color-success) 85%, black)}.button-info:hover,.button-info:active{background:color-mix(in srgb, var(--color-info) 85%, black)}.button-social{text-align:left;margin-top:0;padding-left:80px;& .icon{justify-content:center;align-items:center;width:65px;height:100%;font-size:1.95rem;display:flex;position:absolute;top:0;left:0}}.button-github{background-color:var(--authenticator-github-color);& .icon,&:hover{background-color:var(--authenticator-github-color-dark)}}.button-transparent{box-shadow:none;color:var(--color-primary-light);background-color:#0000;border-color:#0000;&:hover{box-shadow:none;color:var(--text-color);background-color:#0000;background-image:none;text-decoration:none;transform:none}&:focus,&:active{box-shadow:none}}.button-input{height:38px;display:flex}.button-fullwidth{justify-content:center;width:100%;display:flex}.button-center{max-width:200px;margin:0 auto;display:block}.button-presskit{color:var(--color-primary);background-color:#0000;border:1px solid #ccc;border-radius:30em;&:hover{color:#fff;background-color:var(--color-primary);transform:scale(1.05)}}.button-uppercase{letter-spacing:.1rem;text-transform:uppercase}.button-inputgroup{padding:inherit;background-color:var(--color-primary);border-radius:0 .075rem .075rem 0;padding-left:.5rem;padding-right:.5rem}.button-run{text-align:center}.button-link{box-shadow:none;color:var(--button-color);font-family:var(--type-medium);border:none;margin-bottom:0;&:hover{color:var(--button-color);box-shadow:none;background-image:none;text-decoration:none;transform:none}&:active,&:focus{color:var(--button-color);background-color:#0000;background-image:none;text-decoration:none;transform:none}& .icon-cta-success{color:var(--color-success)}& .icon-cta-danger{color:var(--color-danger)}}.button-icon-only{padding-left:.5rem;padding-right:.5rem}button[disabled],button:disabled,.button-disabled{box-shadow:none;-webkit-user-select:none;user-select:none;pointer-events:none;filter:grayscale()}button[disabled]:hover,button:disabled:hover,.button-disabled:hover{box-shadow:none;transform:none}.show-password{height:calc(100% - 2px);box-shadow:none;-webkit-user-select:none;user-select:none;color:unset;background-color:var(--background-color);border:none;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0 .5rem;display:flex;position:absolute;top:1px;right:1px;&:hover{box-shadow:none;color:initial;transform:none}&:focus,&:active{box-shadow:none}}button.show-password:active{transform:none}.button-disabled{pointer-events:none;opacity:.5}button.field-clear{opacity:0;color:#ccc;transition:none;&.active{opacity:1;color:#666}& .icon{font-size:.85rem;transition:none}}.button.button-fold{box-shadow:none;border:none;position:relative}.button-group .button:not(:last-of-type,:nth-last-child(2)){border-right:none}.button-group .button:last-of-type{border-left:none;border-top-right-radius:3px;border-bottom-right-radius:3px}.button-group .button:active,.button-group .button:focus{box-shadow:none;outline:none}.button-flat{box-shadow:none}.button-flat:hover:before,.button-flat:focus:before{opacity:0}.radio-btn-group div:first-child .radio-style-button{border-top-right-radius:0;border-bottom-right-radius:0}.radio-btn-group div:nth-child(2) .radio-style-button{border-radius:0}.radio-btn-group div:nth-child(3) .radio-style-button{border-top-left-radius:0;border-bottom-left-radius:0}.radio-style-button{cursor:pointer;color:var(--text-color);border:1px solid #eee;border-radius:5px;align-items:center;width:100%;padding:.25rem 1rem .25rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative;box-shadow:0 2px 4px #0000000d}.radio-style-button:before{content:"";background-color:#f2f2f2;border-radius:50%;width:20px;height:20px;margin-right:.5rem;transition:background-color .3s;top:calc(50% - 15px);left:20px}.radio-style-button-checked:before{background-color:var(--color-primary);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyLjAyOTY4IC00MC4wOTAzIDI2IDIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdGVkIGJ5IElKU1ZHIChodHRwczovL2dpdGh1Yi5jb20vaWNvbmphci9JSlNWRyktLT48cGF0aCBkPSJNMjcuOTc0MywtMzYuMTI3MmMwLDAuNDQ2NDI4IC0wLjE1NjI1LDAuODI1ODkzIC0wLjQ2ODc1LDEuMTM4MzlsLTEyLjEyMDUsMTIuMTIwNWwtMi4yNzY3OSwyLjI3Njc5Yy0wLjMxMjUsMC4zMTI1IC0wLjY5MTk2NCwwLjQ2ODc1IC0xLjEzODM5LDAuNDY4NzVjLTAuNDQ2NDI4LDAgLTAuODI1ODkzLC0wLjE1NjI1IC0xLjEzODM5LC0wLjQ2ODc1bC0yLjI3Njc5LC0yLjI3Njc5bC02LjA2MDI3LC02LjA2MDI3Yy0wLjMxMjUsLTAuMzEyNSAtMC40Njg3NSwtMC42OTE5NjUgLTAuNDY4NzUsLTEuMTM4MzljMCwtMC40NDY0MjkgMC4xNTYyNSwtMC44MjU4OTMgMC40Njg3NSwtMS4xMzgzOWwyLjI3Njc5LC0yLjI3Njc5YzAuMzEyNSwtMC4zMTI1IDAuNjkxOTY1LC0wLjQ2ODc1IDEuMTM4MzksLTAuNDY4NzVjMC40NDY0MjksMCAwLjgyNTg5MywwLjE1NjI1IDEuMTM4MzksMC40Njg3NWw0LjkyMTg4LDQuOTM4NjJsMTAuOTgyMSwtMTAuOTk4OWMwLjMxMjUsLTAuMzEyNSAwLjY5MTk2NCwtMC40Njg3NSAxLjEzODM5LC0wLjQ2ODc1YzAuNDQ2NDI4LDAgMC44MjU4OTMsMC4xNTYyNSAxLjEzODM5LDAuNDY4NzVsMi4yNzY3OCwyLjI3Njc5YzAuMzEyNSwwLjMxMjUgMC40Njg3NSwwLjY5MTk2NCAwLjQ2ODc1LDEuMTM4MzlaIiB0cmFuc2Zvcm09InNjYWxlKDEuMDAxOTgpIiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:10px}[data-color-scheme=dark]{& .button-light,& .button-link,& .button-primary-outline{color:#fff;border-color:#fff;&:hover{color:#fff;border-color:#fff}}& .button-link{&:hover{background-color:#0000;&:active{border-color:#fff}}}}.button-group{display:flex}.button-group-inline{display:inline-flex}.button-group .button{border-radius:0}.button-group .button-primary{border:.075rem solid light-dark(var(--color-primary),white)}.button-group .button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.button-group .button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}a.button[disabled],.button:disabled,.button[disabled],.button[disabled=disabled],button:disabled,button[disabled=disabled],button[disabled]{filter:grayscale();pointer-events:none}input[type=checkbox].button-checkbox{opacity:0;z-index:-1;position:absolute}input[type=checkbox].button-checkbox+label{align-items:center;margin-bottom:.15rem;display:inline-flex;position:relative}input[type=checkbox].button-checkbox+label>span{cursor:pointer;background:0 0;border:.1rem solid #ccc;border-radius:1px;outline:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:.5em;display:flex;position:relative}.button-checkbox-group>div:first-child label{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.button-checkbox-group>div:not(:first-child,:last-child) label{border-right:none;border-radius:0}.button-checkbox-group>div:last-child label{border-top-left-radius:0;border-bottom-left-radius:0}input[type=checkbox].button-checkbox:checked+label>span{background:var(--color-success);border:.1rem solid #0000}input[type=checkbox].button-checkbox:checked+label>span:before{box-sizing:content-box;content:"";border-color:#fff;border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;width:.3em;height:.6em;position:absolute;top:1px;transform:rotate(45deg)}.flex-col{flex-direction:column}.h100vh{height:50vh;@media (width>=52em){height:100vh}}@keyframes bounce-left-right{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(-10px)}60%{transform:translate(-5px)}}.login-iframe{border:none;width:100%;min-height:600px}.primary{color:var(--color-primary)}.secondary{color:var(--color-primary-light)}.tertiary{color:var(--color-tertiary)}.bright{color:var(--color-spot-text)}.green{color:var(--color-green)}.warning{color:var(--color-warning)}.info{color:var(--color-info)}.danger{color:var(--color-danger)}img{max-width:100%}p img{margin-top:1rem;margin-bottom:1rem}.no-svg,.no-inlinesvg{& .svg{opacity:0}& .svg_loaded{opacity:1}}video{width:100%!important;height:auto!important}.video-wrapper{height:0;position:relative}.video-wrapper-16-9{padding-bottom:56.25%}.video-wrapper-3-2{padding-bottom:66.66%}.video-wrapper-4-3{padding-bottom:75%}.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-wrapper-large{@media (width>=40em){width:65vw;max-width:none;margin:2rem 0 2rem 50%;transform:translate(-50%)}}.qr-code img{max-width:200px;margin:0 auto;display:block}.login-iframe{@media (width>=52em){height:700px}}.error-message{color:#fff;padding:1em}.error-message.success{background-color:var(--color-success)}.error-message.danger{background-color:red}.error-message.warning{background-color:orange}.select-container .react-select__control{border-color:var(--line-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;border-radius:3px;transition:border-color .3s,background-color .3s;&:hover{border-color:var(--line-color)}}.select-container .react-select__value-container--has-value,.select-container .react-select__single-value{color:var(--text-color)}.select-container .react-select__control--is-focused{box-shadow:none;border-color:var(--text-color);&:hover{border-color:var(--text-color)}}.select-container input{height:initial}.react-select__single-value{color:var(--text-color);justify-content:space-between;align-items:center;width:100%;display:flex;&>.flex{width:100%}}.select-container .react-select__placeholder{color:var(--placeholder-color)}.react-select__value-container{min-width:200px}.tools-sidebar .react-select__value-container{min-width:120px;@media (width>=114em){min-width:140px}}.select-container-narrow .react-select__value-container{min-width:0}.select-container-narrow{min-width:160px}.select-container .react-select__multi-value{background-color:var(--tag-color)}.select-container-big{width:100%}.select-container .react-select__multi-value__label{text-overflow:initial;color:var(--text-color)}.select-container .react-select__menu{background-color:#0000;z-index:10!important}.select-container .react-select__menu-list{background-color:var(--background-color);& *{color:var(--text-color)}}.select-container .react-select__option{background-color:#0000;overflow-x:hidden}.select-container .react-select__menu-list label,.select-container .react-select__input-container{color:var(--text-color)}.react-select__dropdown-indicator svg{fill:var(--text-color)}.select-container-wrapper-vertical{border-bottom:1px solid var(--line-color);max-height:300px;overflow-y:auto;& .react-select__indicators{display:none}}.select-container-wrapper-vertical .react-select__value-container>div{all:unset;width:100%!important;& .react-select__multi-value__remove{margin-left:auto}& .react-select__multi-value{background-color:var(--background-color);width:100%;&:hover{background-color:var(--inner-background-color)}}}.select-container-wrapper-vertical .react-select__menu *{display:none}.react-autosuggest__suggestions-list{border-color:var(--form-field-border-color)}.react-autosuggest__suggestions-container--open{border-color:var(--form-field-border-color);background-color:var(--background-color)}.react-autosuggest__suggestion{color:var(--text-color)}.react-autosuggest__suggestion--highlighted{background-color:var(--inner-background-color)}.has-context-dropdown-menu{padding-left:50px;position:relative;overflow:hidden;& .icon{margin-left:.25rem;transition:transform .2s}&.active{& .icon{transform:rotate(180deg)}}& span:first-child{-webkit-user-select:none;user-select:none;color:#fff;background-color:var(--color-primary-light);border-right:1px solid var(--line-color);border-top-left-radius:4px;border-bottom-left-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:calc(100% + 2px);padding-left:.5rem;padding-right:.5rem;font-size:.65rem;display:inline-flex;position:absolute;top:-1px;left:-.01rem}}.context-dropdown-menu{z-index:20;font-weight:400;font-family:var(--type-regular);text-transform:initial;opacity:0;visibility:hidden;background-color:var(--background-color);border:1px solid #ccc;border-radius:6px;transition:transform .15s,opacity .2s;position:absolute;top:calc(100% + 2px);right:0;overflow:hidden;transform:translateY(20px);box-shadow:0 2px 3px 4px #6666661a}.context-dropdown-menu button{justify-content:unset;width:100%}.tools-form-header .context-dropdown-menu{top:calc(100% + 5px)}.context-dropdown-menu-wide{min-width:600px}.context-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.context-dropdown-menu h4{font-size:.95rem}.context-dropdown-menu-divider{border-top:1px solid var(--line-color)}.context-dropdown-menu li{&:not(:last-child){border-bottom:1px solid var(--line-color)}}.context-dropdown-menu .success{color:var(--color-success)}.context-dropdown-menu .danger{color:var(--color-danger)}.context-dropdown-menu li.context-dropdown-menu-items-header{font-family:var(--type-medium);letter-spacing:.01em;color:var(--text-color);text-transform:uppercase;font-size:.65rem}.modal{z-index:1000;background:#000c;justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-claims{width:100%;top:var(--header-height);--sidebar-width:20%;--inset:20px;--header-height:41px;& .modal-main{top:calc(var(--header-height) + var(--inset));left:calc(var(--sidebar-width) + var(--inset));width:calc(100vw - (var(--sidebar-width) * 2) - var(--inset))}}.modal-main{--inset:20px;--header-height:41px;--footer-height:40px;border:1px solid var(--line-color);background:var(--background-color);opacity:0;border-radius:3px;width:100%;max-width:100%;height:auto;max-height:100vh;transition:opacity .2s;position:fixed;top:0;overflow-y:auto;box-shadow:0 2px 4px #0000000a;@media (width>=60em){top:calc(var(--header-height) + var(--inset));max-height:calc(100vh - var(--header-height) - var(--footer-height) - calc(var(--inset) * 2));width:800px}}.modal-main-header{border-bottom:1px solid var(--line-color);background-color:var(--background-color);z-index:15;width:100%;height:60px;padding:.5rem 1rem;position:sticky;top:0;left:0}.modal-main-header .button-close{padding-left:0;padding-right:0;& .ion-close{color:var(--text-color);transition:color .3s}&:hover{background-color:#0000}}.modal-main-content{padding:1rem;@media (width>=60em){padding:2rem}}.modal-main-content-flows{background-color:var(--inner-background-color)}.modal-main-wide{width:100%;@media (width>=60em){width:1400px}}.modal-main h2{margin-top:0}@keyframes zoom{0%{transform:scale(.9)}to{transform:scale(1)}}.modal-is-visible{opacity:1;visibility:visible;& .modal-main{opacity:1;animation-name:zoom;animation-duration:.2s}}.modal-is-hidden{opacity:0;visibility:hidden}.action-item-wrapper{grid-template-columns:1fr;grid-auto-rows:1fr;gap:.5rem;display:grid;@media (width>=60em){grid-template-columns:1fr 1fr 1fr;gap:1rem}}.action-item label{background-color:var(--background-color);cursor:pointer;backface-visibility:hidden;text-align:center;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;font-size:1rem;transition:transform .15s,background-color .2s,box-shadow .15s;display:flex;box-shadow:0 2px 4px #0000000a;@media (width>=60em){padding:.5rem 1rem}&:active{transform:scale(.98)}&:focus{appearance:none;color:#fff;outline:0;box-shadow:0 0 0 1px #80808026}}.action-item input{display:none}.action-item label:hover,.action-item label:focus{background-color:var(--color-primary);color:#fff}.action-item-jwt label{border-left:8px solid var(--flow-jwt)}.action-item-create_jwt label{border-left:8px solid var(--flow-createjwt)}.action-item-implicitflow label{border-left:8px solid var(--flow-implicitflow)}.action-item-codeflow label{border-left:8px solid var(--flow-codeflow)}.action-item-hybrid label{border-left:8px solid var(--flow-hybridflow)}.action-item-clientcredentials label{border-left:8px solid var(--flow-clientcredentials)}.action-item-tokenexchange label{border-left:8px solid var(--flow-tokenexchange)}.action-item-ropc label{border-left:8px solid var(--flow-ropc)}.action-item-userinfo label{border-left:8px solid var(--flow-userinfo)}.action-item-dcr label{border-left:8px solid var(--flow-dcr)}.action-item-dcrm label{border-left:8px solid var(--flow-dcrm)}.action-item-apicall label{border-left:8px solid var(--flow-apicall)}.action-item-graphql label{border-left:8px solid var(--flow-graphql)}.action-item-precode label{border-left:8px solid var(--flow-precode)}.action-item-vci label{border-left:8px solid var(--flow-vci)}.action-item-refresh label{border-left:8px solid var(--flow-refresh)}.action-item-revoke label{border-left:8px solid var(--flow-revoke)}.action-item-introspect label{border-left:8px solid var(--flow-introspectionflow)}.action-item-device label{border-left:8px solid var(--flow-device)}.action-item-ciba label{border-left:8px solid var(--flow-ciba)}.action-item-logout label{border-left:8px solid var(--flow-logout)}.action-item-jwt label:hover,.action-item-jwt label:focus{background-color:var(--flow-jwt)}.action-item-create_jwt label:hover,.action-item-create_jwt label:focus{background-color:var(--flow-createjwt)}.action-item-implicitflow label:hover,.action-item-implicitflow label:focus{background-color:var(--flow-implicitflow)}.action-item-codeflow label:hover,.action-item-codeflow label:focus{background-color:var(--flow-codeflow)}.action-item-hybrid label:hover,.action-item-hybrid label:focus{background-color:var(--flow-hybridflow)}.action-item-logout label:hover,.action-item-logout label:focus{background-color:var(--flow-logout)}.action-item-clientcredentials label:hover,.action-item-clientcredentials label:focus{background-color:var(--flow-clientcredentials)}.action-item-tokenexchange label:hover,.action-item-tokenexchange label:focus{background-color:var(--flow-tokenexchange)}.action-item-ropc label:hover,.action-item-ropc label:focus{background-color:var(--flow-ropc)}.action-item-userinfo label:hover,.action-item-userinfo label:focus{background-color:var(--flow-userinfo)}.action-item-dcr label:hover,.action-item-dcr label:focus{background-color:var(--flow-dcr)}.action-item-dcrm label:hover,.action-item-dcrm label:focus{background-color:var(--flow-dcrm)}.action-item-apicall label:hover,.action-item-apicall label:focus{background-color:var(--flow-apicall)}.action-item-graphql label:hover,.action-item-graphql label:focus{background-color:var(--flow-graphql)}.action-item-precode label:hover,.action-item-c label:focus{background-color:var(--flow-precode)}.action-item-vci label:hover,.action-item-vci label:focus{background-color:var(--flow-vci)}.action-item-refresh label:hover,.action-item-refresh label:focus{background-color:var(--flow-refresh)}.action-item-revoke label:hover,.action-item-revoke label:focus{background-color:var(--flow-revoke)}.action-item-introspect label:hover,.action-item-introspect label:focus{background-color:var(--flow-introspectionflow)}.action-item-device label:hover,.action-item-device label:focus{background-color:var(--flow-device)}.action-item-ciba label:hover,.action-item-ciba label:focus{background-color:var(--flow-ciba)}.modal-panel{position:relative}main .modal-panel-section>h3,main .modal-panel-section:nth-child(2)>div{padding-top:1rem;padding-bottom:1rem}main .modal-panel-section>h3,main .modal-panel-section:nth-child(2)>div:first-of-type{background-color:var(--background-color);z-index:5;position:sticky;top:125px}.modal-panel aside{background-color:var(--background-color);z-index:10;position:sticky;top:60px}.modal-panel aside li:not(:last-child){margin-right:.5rem}.modal-panel aside a{color:var(--text-color);border-radius:4px;padding:.25rem .75rem;font-size:.85rem;display:block;&:hover,&:focus{color:var(--text-color);background-color:var(--inner-background-color);text-decoration:none}&.active{font-family:var(--type-medium);color:#fff;background-color:var(--color-primary)}}.modal-overlay{z-index:10;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.modal-overlay-content{background-color:var(--inner-background-color);height:calc(80vh - 128px - 2rem);padding-top:2rem;padding-bottom:2rem;overflow-y:auto}.standalone body{padding-top:41px}.standalone .header-stripe{z-index:2147483647;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;width:100%;position:fixed;top:0;&:hover{cursor:grab}}.standalone .header-stripe a,.standalone .header-stripe a i{-webkit-app-region:no-drag}.standalone .video-screen{-webkit-app-region:no-drag;transition:opacity .3s, display .3s allow-discrete;display:none}.standalone .video-screen.active{display:block;@starting-style{opacity:0}}.standalone .header-stripe a:hover,.standalone .header-stripe a i:hover{cursor:pointer}.standalone .tools-history{padding-bottom:2rem;overflow-y:auto}.standalone .collapsed .tools-history{overflow-y:inherit}html.standalone{overflow-y:hidden}.standalone .about{height:100vh;padding-bottom:2rem;overflow-y:auto}.update-notification{color:var(--color-primary-light);background-color:#fff;border-radius:5px;padding:20px;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 8px #0003;top:initial!important;width:260px!important}[data-color-scheme=dark] .update-notification{background-color:var(--color-primary)}.update-notification .button-close{color:var(--color-primary-light);box-shadow:none;padding:0;font-size:1.5rem;transition:color .3s;position:absolute;top:.5rem;right:1rem;&:hover{color:var(--color-primary-dark);background-color:#0000}}:root{--color-signicat:#2a0062}.signicat-icon g rect,.signicat-icon g path{fill:var(--color-signicat)}.signicat-icon>g>path{fill:#fff}.modal{& .signicat-icon g rect,& .signicat-icon g path{fill:#fff}& .signicat-icon>g>path{fill:var(--color-signicat)}}[data-color-scheme=light] .curity-icon path{fill:var(--color-primary)}[data-color-scheme=light] .button-primary .curity-icon path,.standalone[data-color-scheme=null],[data-color-scheme=dark] .curity-icon path,[data-color-scheme=dark] .modal-environments .curity-icon path,.tools-history-workspace-menu .curity-icon path,[data-color-scheme=dark] [aria-label="Share on X"] svg path{fill:#fff}details{cursor:pointer;-webkit-user-select:none;user-select:none;& summary{text-transform:uppercase;font-family:var(--type-mono);outline:none;font-size:.75rem;font-weight:500}}fieldset{border:1px solid light-dark(var(--line-color),var(--color-primary));background-color:var(--well-color);border-radius:8px;padding:1.25rem;position:relative;box-shadow:0 2px 4px #0000000a}@media (width>=60em){.fieldset-step,.fieldset-server-response,fieldset[data-urihelper],fieldset[data-token-purpose-selector],fieldset[data-decoded],fieldset[data-signature]{margin-left:45px}}.fieldset-step:before,.fieldset-server-response:before,fieldset[data-urihelper]:before,fieldset[data-token-purpose-selector]:before,fieldset[data-decoded]:before,fieldset[data-signature]:before{content:"";width:10px;height:calc(100% + 17px);display:inline-block;position:absolute;top:17px;left:-35px}@media (width>=60em){.fieldset-step:before,.fieldset-server-response:before,fieldset[data-urihelper]:before,fieldset[data-token-purpose-selector]:before,fieldset[data-decoded]:before,fieldset[data-signature]:before{border-left:2px solid var(--line-color)}}.fieldset-step:after,.fieldset-server-response:after,fieldset[data-urihelper]:after,fieldset[data-token-purpose-selector]:after,fieldset[data-decoded]:after,fieldset[data-signature]:after{content:attr(data-step);background-color:var(--color-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex;position:absolute;top:-17px;left:90%}@media (width>=60em){.fieldset-step:after,.fieldset-server-response:after,fieldset[data-urihelper]:after,fieldset[data-token-purpose-selector]:after,fieldset[data-decoded]:after,fieldset[data-signature]:after{top:17px;left:-52px}}.fieldset-step-api{@media (width>=60em){margin-left:0}}.fieldset-folded .tools-form-token,.fieldset-step:last-child:before,.fieldset-server-response:last-child:before,fieldset[data-urihelper]:last-child:before,fieldset[data-token-purpose-selector]:last-child:before,fieldset[data-decoded]:last-child:before,fieldset[data-signature]:last-child:before{display:none}.fieldset-server-response:after,fieldset[data-urihelper]:after,fieldset[data-token-purpose-selector]:after,fieldset[data-decoded]:after,fieldset[data-signature]:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:24px}.fieldset-server-response{&:not(.fieldset-dimmed){cursor:pointer}&:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='100%25' height='100%25' stroke='white' fill='none'%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='14' d='M149.3 57H85.4c-7.84 0-14.2 6.36-14.2 14.2v113.6c0 7.84 6.36 14.2 14.2 14.2h85.2c7.84 0 14.2-6.36 14.2-14.2V92.5z'%3E%3C/path%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='14' d='M142.2 57v28.4c0 7.84 6.36 14.2 14.2 14.2h28.4M113.8 106.7H99.6M156.4 135.1H99.6M156.4 163.5H99.6'%3E%3C/path%3E%3C/svg%3E");background-color:var(--color-primary)}}fieldset[data-urihelper]{color:#fff;&:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='100%25' height='100%25' stroke='white' fill='none'%3E%3Cpath fill='none' stroke-miterlimit='10' stroke-width='15.14' d='m207.86 66.81-14.27-14.27c-3.94-3.94-9.11-5.91-14.27-5.91s-10.33 1.97-14.27 5.91L78.4 139.18c-3.94 3.94-15.99 19.19-16 24.35l-10.09 44.55 44.54-10.09s20.42-12.06 24.36-16l86.65-86.64c7.88-7.88 7.88-20.66 0-28.54ZM161.52 77.46l19.66 19.66'%3E%3C/path%3E%3C/svg%3E");background-color:var(--color-primary)}}fieldset[data-token-purpose-selector]{&:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='100%25' height='100%25' stroke='white' fill='none'%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='12' d='M111.28 51.29c4.25-17.53 29.19-17.53 33.45 0 2.24 9.24 11.54 14.91 20.78 12.68 1.73-.42 3.39-1.11 4.91-2.03 15.41-9.39 33.05 8.25 23.66 23.66-4.95 8.12-2.37 18.71 5.75 23.66 1.51.92 3.16 1.61 4.89 2.02 17.53 4.25 17.53 29.19 0 33.45-9.24 2.24-14.91 11.54-12.68 20.78.42 1.73 1.11 3.39 2.03 4.91 9.39 15.41-8.25 33.05-23.66 23.66-8.12-4.95-18.71-2.37-23.66 5.75-.92 1.51-1.61 3.16-2.02 4.89-4.25 17.53-29.19 17.53-33.45 0-2.24-9.24-11.54-14.91-20.78-12.68-1.73.42-3.39 1.11-4.91 2.03-15.41 9.39-33.05-8.25-23.66-23.66 4.95-8.12 2.37-18.71-5.75-23.66-1.51-.92-3.16-1.61-4.89-2.02-17.53-4.25-17.53-29.19 0-33.45 9.24-2.24 14.91-11.54 12.68-20.78-.42-1.73-1.11-3.39-2.03-4.91-9.39-15.41 8.25-33.05 23.66-23.66 9.98 6.07 22.92.7 25.68-10.63Z'%3E%3C/path%3E%3Ccircle cx='128' cy='128' r='29.95' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/circle%3E%3C/svg%3E");background-color:var(--color-primary)}}fieldset[data-decoded]{&:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='100%25' height='100%25' stroke='white' fill='none'%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='14' d='M99.53 53.49 25.02 128l74.51 74.51M156.47 202.51 230.98 128l-74.51-74.51'%3E%3C/path%3E%3C/svg%3E");background-color:var(--color-primary)}}fieldset[data-signature]{&:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='100%25' height='100%25' stroke='white' fill='none'%3E%3Cpath fill='none' stroke-miterlimit='10' stroke-width='15.14' d='m207.86 66.81-14.27-14.27c-3.94-3.94-9.11-5.91-14.27-5.91s-10.33 1.97-14.27 5.91L78.4 139.18c-3.94 3.94-15.99 19.19-16 24.35l-10.09 44.55 44.54-10.09s20.42-12.06 24.36-16l86.65-86.64c7.88-7.88 7.88-20.66 0-28.54ZM161.52 77.46l19.66 19.66'%3E%3C/path%3E%3C/svg%3E");background-color:var(--color-primary)}}.fieldset-dimmed{& h3{opacity:.3}&:before,&:after{filter:saturate(10%)}}.alert{--alert-color:var(--color-text);--alert-icon-size:1.25rem;--alert-padding-x:1rem;--alert-padding-y:.875rem;background-color:light-dark(color-mix(in srgb, var(--alert-color) 7%, white),color-mix(in srgb, var(--alert-color) 15%, transparent));border-color:light-dark(color-mix(in srgb, var(--alert-color) 25%, transparent),color-mix(in srgb, var(--alert-color) 60%, transparent));border-radius:var(--alert-border-radius);color:var(--text-color);padding:var(--alert-padding-y) var(--alert-padding-x);text-align:left;font-size:.875rem;line-height:1.5;display:block;overflow:visible}.alert.flex{--alert-icon-top:calc(50% - var(--alert-icon-size) / 2);display:flex}.alert:has(>.button){--alert-icon-top:calc(50% - var(--alert-icon-size) / 2);align-items:center;gap:.75rem;display:flex}.alert>.button:last-child{flex-shrink:0;margin-left:auto}.alert-success,.alert-info,.alert-warning,.alert-danger{--alert-icon-top:calc(var(--alert-padding-y) + (1.5em - var(--alert-icon-size)) / 2);padding-left:calc(var(--alert-padding-x) + var(--alert-icon-size) + .75rem)}.alert-success:before,.alert-info:before,.alert-warning:before,.alert-danger:before{border:2px solid var(--alert-color);box-sizing:border-box;content:"";height:var(--alert-icon-size);left:var(--alert-padding-x);text-shadow:none;top:var(--alert-icon-top);width:var(--alert-icon-size);background:0 0;border-radius:50%;padding:0;display:block;position:absolute}.alert-info:after,.alert-warning:after{--alert-mark-height:.5625rem;content:"";height:var(--alert-mark-height);left:calc(var(--alert-padding-x) + (var(--alert-icon-size) - 2px) / 2);top:calc(var(--alert-icon-top) + (var(--alert-icon-size) - var(--alert-mark-height)) / 2);width:2px;position:absolute}.alert-success:after{border-bottom:2px solid var(--alert-color);border-right:2px solid var(--alert-color);content:"";height:.5rem;left:calc(var(--alert-padding-x) + var(--alert-icon-size) / 2 - .15rem);top:calc(var(--alert-icon-top) + var(--alert-icon-size) / 2 - .3rem);width:.3rem;position:absolute;transform:rotate(45deg)}.alert-info:after{background:linear-gradient(var(--alert-color), var(--alert-color)) top / 2px 2px no-repeat, linear-gradient(var(--alert-color), var(--alert-color)) bottom / 2px calc(100% - 4px) no-repeat}.alert-warning:after{background:linear-gradient(var(--alert-color), var(--alert-color)) top / 2px calc(100% - 4px) no-repeat, linear-gradient(var(--alert-color), var(--alert-color)) bottom / 2px 2px no-repeat}.alert-danger:after{--alert-cross-size:.5rem;background:linear-gradient(var(--alert-color), var(--alert-color)) center / 100% 2px no-repeat, linear-gradient(var(--alert-color), var(--alert-color)) center / 2px 100% no-repeat;content:"";height:var(--alert-cross-size);left:calc(var(--alert-padding-x) + (var(--alert-icon-size) - var(--alert-cross-size)) / 2);top:calc(var(--alert-icon-top) + (var(--alert-icon-size) - var(--alert-cross-size)) / 2);width:var(--alert-cross-size);position:absolute;transform:rotate(45deg)}.alert-success{--alert-color:var(--color-success)}.alert-info{--alert-color:var(--color-info)}.alert-warning{--alert-color:var(--color-warning)}.alert-danger{--alert-color:var(--color-danger)}.alert-title{color:var(--text-color);font-family:var(--type-medium);display:block}.alert-description{color:light-dark(var(--color-text),white);display:block}.spinner{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}.spinner-circle{border-style:solid;border-width:1px;border-color:var(--color-spot) transparent transparent;transform-origin:50%;border-radius:50%;margin:auto;animation:.5s linear infinite spin;position:absolute;inset:0}.spinner-tiny{width:20px;height:20px}.spinner-tiny .spinner-circle{border-width:1px;width:32px;height:32px}.spinner-small{width:30px;height:30px}.spinner-small .spinner-circle{border-width:1px;width:48px;height:48px}.spinner-medium{width:42px;height:42px}.spinner-medium .spinner-circle{border-width:2px;width:72px;height:72px}.spinner-large{width:68px;height:68px}.spinner-large .spinner-circle{border-width:3px;width:104px;height:104px}.spinner-logo{width:80px;height:80px;fill:var(--color-primary);position:relative;left:25%}.spinner-inverted .spinner-circle{border-color:#fff #0000 #0000}.spinner-top-line{opacity:0;transition:transform .5s,opacity .5s .5s;animation:1s cubic-bezier(.64,.57,.67,1.53) infinite top-animation}.spinner-middle-line{opacity:0;transition:transform .5s,opacity .5s .5s;animation:1s cubic-bezier(.64,.57,.67,1.53) .45s infinite middle-animation}.spinner-tiny-line{opacity:0;transition:transform .5s,opacity .5s .5s;animation:1s cubic-bezier(.64,.57,.67,1.53) 1s infinite tiny-animation}.spinner-bottom-line{opacity:0;transform-origin:0%;transition:transform .5s,opacity .5s .5s;animation:1s cubic-bezier(.64,.57,.67,1.53) .6s infinite bottom-animation}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bottom-animation{0%{transform:translate(9px)}50%{opacity:1;transform:translate(4px)}to{opacity:0;transform:translate(2px)}}@keyframes tiny-animation{0%{transform:translate(2px)}50%{opacity:1;transform:translate(2px)}to{opacity:0;transform:translate(2px)}}@keyframes top-animation{0%{transform:translate(16px)}50%{opacity:1;transform:translate(8px)}to{opacity:0;transform:translate(2px)}}@keyframes middle-animation{0%{transform:translate(16px)}50%{opacity:1;transform:translate(8px)}to{opacity:0;transform:translate(2px)}}.tooltip-holder{vertical-align:middle;align-items:center;margin-left:.5rem;display:inline-flex}[data-tooltip]{position:relative}[data-tooltip][data-tooltip=Copied]:after{background-color:var(--color-success)}[data-tooltip][flow^=left][data-tooltip=Copied]:before{border-left-color:var(--color-success)}[data-tooltip][flow^=right][data-tooltip=Copied]:before{border-right-color:var(--color-success)}[data-tooltip]:not([flow])[data-tooltip=Copied]:before,[data-tooltip][flow^=up][data-tooltip=Copied]:before{border-top-color:var(--color-success)}[data-tooltip]:before,[data-tooltip]:after{text-transform:none;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;font-size:.75rem;line-height:1.2;display:none;position:absolute}[data-tooltip] data[tooltip-visible]:before,[data-tooltip] data[tooltip-visible]:after{opacity:1;display:block}[data-tooltip]:before{content:"";z-index:1001;border:5px solid #0000}[data-tooltip]:after{content:attr(data-tooltip);text-align:center;color:#fff;z-index:1000;background:#000;border-radius:4px;width:max-content;min-width:100px;max-width:200px;padding:.5rem 1rem;font-size:.75rem;box-shadow:0 1em 2em -.5em #00000059}[data-tooltip]:hover:before,[data-tooltip]:hover:after{display:block}data[tooltip=""]:before,data[tooltip=""]:after{display:none!important}[data-tooltip]:not([flow]):before,[data-tooltip][flow^=up]:before{border-top-color:#333;border-bottom-width:0;bottom:100%}[data-tooltip]:not([flow]):after,[data-tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[data-tooltip]:not([flow]):before,[data-tooltip]:not([flow]):after,[data-tooltip][flow^=up]:before,[data-tooltip][flow^=up]:after{left:50%;transform:translate(-50%,-.5em)}[data-tooltip][flow^=down]:before{border-top-width:0;border-bottom-color:#333;top:100%}[data-tooltip][flow^=down]:after{top:calc(100% + 5px)}[data-tooltip][flow^=down]:before,[data-tooltip][flow^=down]:after{left:50%;transform:translate(-50%,.5em)}[data-tooltip][flow^=left]:before{border-left-color:#333;border-right-width:0;top:50%;left:-5px;transform:translate(-.5em,-50%)}[data-tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[data-tooltip][flow^=right]:before{border-left-width:0;border-right-color:#333;top:50%;right:-5px;transform:translate(.5em,-50%)}[data-tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[data-tooltip]:not([flow]):hover:before,[data-tooltip]:not([flow]):hover:after,[data-tooltip][flow^=up]:hover:before,[data-tooltip][flow^=up]:hover:after,[data-tooltip][flow^=down]:hover:before,[data-tooltip][flow^=down]:hover:after{animation:.3s ease-out forwards tooltips-vert}[data-tooltip][flow^=left]:hover:before,[data-tooltip][flow^=left]:hover:after,[data-tooltip][flow^=right]:hover:before,[data-tooltip][flow^=right]:hover:after{animation:.3s ease-out forwards tooltips-horz}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{display:none}.toggle-slider{cursor:pointer;background-color:var(--toggle-background-color);transition:all .2s;position:absolute;inset:0}.toggle-slider-switch{background-color:var(--color-spot-strong)}.toggle-slider:before{content:"";background-color:#fff;width:16px;height:16px;transition:all .2s;position:absolute;bottom:4px;left:4px}input:checked+.toggle-slider{background-color:var(--color-success)}input:checked+.toggle-slider-switch{background-color:var(--color-spot-strong)}input:checked+.toggle-slider:before{transform:translate(26px)}input:disabled+.toggle-slider{background-color:#f1f1f1}.toggle-slider.round{border-radius:34px}.toggle-slider.round:before{border-radius:50%}.custom-checkbox{align-items:center;display:flex}.dropzone{text-align:center;border:1px dashed var(--line-color);color:var(--text-color);-webkit-user-select:none;user-select:none;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;padding:50px;font-size:1rem;display:flex}.drag-active{border:dashed 1px var(--color-success)}.about-page{--notice-from-bottom:2rem}.notice{--notice-height:270px;--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--notice-from-bottom:0;width:100%;height:var(--notice-height);bottom:var(--notice-from-bottom);z-index:2;background-color:var(--color-spot-strong);transition:transform .2s var(--ease-in-out-cubic);transform:translateY(calc(var(--notice-height) + var(--notice-from-bottom)));padding:2rem;position:fixed;right:0;box-shadow:0 0 #fff,0 0 0 1px #0000000d,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;@media (width>=40em){--notice-from-bottom:2vmin;border-radius:6px;width:360px;right:2rem}}.notice-popout{animation-timing-function:var(--ease-in-out-cubic);animation-name:notice-slide-up;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards}.notice-popout a.button{color:#fff;border-color:#fff}.notice-hidden{animation-name:notice-slide-down;animation-duration:.5s;animation-fill-mode:forwards}@keyframes notice-slide-up{0%{transform:translateY(calc(var(--notice-height) + var(--notice-from-bottom)))}to{transform:translateY(0)}}@keyframes notice-slide-down{0%{transform:translateY(0)}to{transform:translateY(calc(var(--notice-height) + var(--notice-from-bottom)))}}.notice h3{font-size:1.25rem}.notice svg{max-width:65px;max-height:40px;&:first-of-type{margin-right:.2rem}& *{fill:#fff}}.notice-close{color:#fff;box-shadow:initial;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:1rem;right:1rem;&:hover{box-shadow:none}}.notice p{color:#fff;line-height:1.2}.activity-bar{background-color:var(--surface-darker);border-bottom:1px var(--surface-darker);width:var(--activity-bar-width);left:0;top:var(--header-height);z-index:2;border-right:1px solid var(--chrome-border);height:100vh;position:absolute;overflow:hidden auto;@media (width>=40em){height:calc(100% - var(--header-height))}&::-webkit-scrollbar-track{border-radius:6px}}.activity-bar nav{flex-direction:column;align-items:center;display:flex}.activity-bar button.activity-bar-button{width:calc(var(--activity-bar-width) - 1px);height:var(--activity-bar-width);color:#fff;background-color:#0000;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;&:hover{& *{stroke:var(--color-spot)}}}.activity-bar nav button i{font-size:1.25rem}.activity-bar [data-tooltip]:after{border:1px solid var(--color-spot-strong);background-color:var(--color-spot-strong);font-family:var(--type-medium);letter-spacing:.075rem;top:calc(var(--activity-bar-tooltip-position-top) + 2rem);right:unset;left:calc(var(--activity-bar-width) + .5rem);position:fixed}.activity-bar [data-tooltip]:before{display:none}.activity-bar .environment-initials[data-tooltip]:after{top:calc(var(--activity-bar-tooltip-position-top) + 1.5em)}.empty-state{border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:calc(100vh - 45px);display:flex}.empty-state-icon{color:#ececec;width:100px;margin:1rem auto}.tools-form .empty-state-icon{color:#dcdcdc}.new-environment{background:var(--surface-raised);cursor:pointer;line-height:100%}.new-environment,.environment-initials{width:calc(var(--activity-bar-width) - 20px);height:calc(var(--activity-bar-width) - 20px);color:#fff;cursor:pointer;font-family:var(--type-medium);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:.75rem;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:inset 0 -3px #0006;&:not(:last-child){margin-top:16px}&:hover{box-shadow:0 0 0 2px #ffffff80}}.environment-initials-selected{box-shadow:0 0 0 2px #fff}.activity-bar .context-dropdown-menu{z-index:2000;top:100px;left:calc(var(--activity-bar-width) + .5rem);right:unset;width:max-content;position:fixed}.activity-bar .context-dropdown-menu nav{display:unset}.tools-history-workspace-menu{border-bottom:1px solid var(--chrome-border)}.tools-history-workspace-menu .icon{transition:all .2s;&.open{transform:rotate(180deg)}}.CookieConsent{background:var(--background-color);border:1px solid var(--line-color);z-index:99999;border-radius:8px;max-width:500px;margin:1rem;padding:1rem;font-size:14px;position:fixed;bottom:1rem;right:0}.CookieConsent a{color:var(--color-link);text-decoration:underline}#rcc-confirm-button,#rcc-decline-button{color:#fff;background-color:#000;border:1px solid #000;border-radius:8px;margin:.5rem;padding:.5rem 1.2rem;font-size:14px}#rcc-decline-button{color:#000;background-color:#fff}#rcc-decline-button:hover{color:#fff}#rcc-confirm-button:hover,#rcc-decline-button:hover{background-color:#666}select.color-scheme-switcher{appearance:none;color:#0000;background-color:#0000;background-image:none;border:none;height:40px;padding:.15rem .25rem;font-size:.75rem;&:focus{box-shadow:none;outline:none}}.color-scheme-switcher-holder{& svg{text-align:center;pointer-events:none;margin:0 auto;display:block;transform:translateY(20px)}}@media (width>=64em){#content>div{z-index:3;width:100%;position:fixed;top:0}html.standalone #content>div{top:var(--electron-toolbar-height);z-index:3;width:100%;position:fixed}}.tools-main{overflow-x:hidden;@media (width>=52em){height:100vh}}@media (width>=52em){:root{--history-sidebar-width:400px}}.tools-history{height:auto;width:calc(100% - var(--activity-bar-width));left:var(--activity-bar-width);top:var(--header-height);position:relative;@media (width>=52em){width:calc(var(--history-sidebar-width) - var(--activity-bar-width));height:calc(100vh - var(--header-height));position:absolute;overflow-y:auto}}.tools-form{height:auto;left:var(--activity-bar-width);width:calc(100% - var(--activity-bar-width));background-color:var(--page-color);position:relative;overflow-y:auto;@media (width>=52em){left:unset;width:unset}}.tools-sidebar{height:calc(100vh - var(--header-height));z-index:-1;position:static;@media (width>=52em){overflow-y:auto}}.split{top:var(--header-height);z-index:0;position:absolute;@media (width>=52em){width:calc(100vw - var(--history-sidebar-width));height:calc(100vh - var(--header-height));left:var(--history-sidebar-width);display:flex}}.split>section,.split>aside,.split>div:not(.gutter){@media (width>=52em){height:calc(100vh - var(--header-height))}}.tools-form-content{overflow-y:auto;@media (width>=52em){height:calc(100vh - var(--header-height) - 45px)}}.gutter{background-color:var(--background-color);background-position:50%;background-repeat:no-repeat}.gutter.gutter-horizontal{cursor:ew-resize;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);&:hover{background-color:var(--line-color)}}.tools-input{counter-reset:line-numbers}.tools-input .line{position:relative}.tools-input .line:before{color:light-dark(#9a94ab,#6d6486);font-family:var(--type-mono);counter-increment:line-numbers;content:counter(line-numbers);text-indent:-.5em;width:1rem;margin-right:1rem;padding-left:.5em;font-size:.75rem;display:none}.tools-input-white-bg,.tools-sidebar-box .tools-input{color:#aaa;padding:0;font-size:.85rem;overflow:auto}.tools-sidebar-box .tools-box-header{border-bottom-right-radius:0;border-bottom-left-radius:0;&:not(:has([aria-label=Expand])){border-bottom:none}&+.tools-input{margin-top:0;& .field{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}}}.tools-input .key{color:var(--syntax-key)}.tools-input .string{color:var(--syntax-string)}.tools-sidebar-box .tools-input .number{color:var(--syntax-number)}.tools-sidebar{border-left:1px solid var(--line-color);padding:0;overflow-x:hidden}.tools-sidebar main{padding:1rem}.tools-sidebar-box{margin-inline:1rem;&:first-of-type{margin-block-start:1rem}&:not(:last-of-type){margin-block-end:1rem}}.tools-sidebar-box-signature{border:none;border-radius:4px;position:relative;box-shadow:0 2px 4px #0000000a;&:first-of-type{margin-block-start:var(--space-2)}&:not(nth-last-of-type){margin-block-end:var(--space-2)}}fieldset .tools-sidebar-box-content{padding:0}.tools-sidebar-box-content textarea{font-family:var(--type-mono)}.tools-sidebar-box-content h4{color:var(--color-spot-strong);border:1px solid var(--line-color);background-color:var(--well-color);border-radius:2px;padding:.2rem 1rem;font-size:1rem;display:inline-block}label[for=tools-sidebar-box-signature-url]{color:#111}input[type=text]#tools-sidebar-box-signature-url{height:1.75rem}.tools-sidebar-box-footer,.tools-sidebar-box-footer input{font-family:var(--type-mono);color:gray;margin-top:1rem;font-size:.85rem}.tools-sidebar-box-signature-status{color:var(--color-danger);font-size:.85rem;& .icon{font-size:1.25rem}}.tools-sidebar .tools-sidebar-box-signature{border-radius:4px}.tools-sidebar-box-signature .tools-sidebar-box-content{background-color:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--line-color);padding:1rem}.pretty-json{color:var(--pretty-json-color);& .line{text-indent:0!important;padding:0!important}& .key{color:var(--pretty-json-variable)}& .boolean,& .number{color:var(--pretty-json-number)}& .string{color:var(--pretty-json-string)}& .comma{color:var(--pretty-json-color)}& ::selection{color:inherit;background-color:var(--pretty-json-selection-background-color)}}.content{position:relative;@media (width>=40em){top:-10vh}}.tools-sidebar-empty h2{font-size:2rem}.tools-sidebar-empty-holder{height:calc(100vh - var(--header-height) - 45px - var(--empty-state-arrow-height))}.pulse-stay,.pulse{background-color:var(--color-spot);will-change:transform;pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;transform:rotate(90deg);@media (width>=64em){transform:initial}}.pulse{animation:2.5s infinite pulse}.pulse-down{transform:rotate(-90deg)}.pulse-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.pulse-wrapper svg{animation-name:bounce-left-right;animation-duration:1s;animation-timing-function:ease;animation-iteration-count:infinite;animation-delay:1s;animation-fill-mode:both}.pulse-wrapper-small .pulse-stay,.pulse-wrapper-small .pulse{width:24px;height:24px}.pulse-wrapper-small .icon{font-size:1rem}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(1)}}.tools-sidebar ol,.tools-sidebar ul,.tools-sidebar p{font-size:.85rem}.tools-sidebar-guide{height:calc(100vh - var(--guide-header-height));top:calc(var(--guide-header-height) + 45px);text-align:left;padding:1.5rem;transition:all .3s;display:none;overflow:hidden auto}.tools-sidebar-guide img{background-color:#fff}[data-color-scheme=dark]{& .tools-sidebar-guide img{filter:invert()}}.tools-sidebar-guide.active{display:block}.tools-sidebar-guide-number{background-color:var(--color-spot-strong);color:#fff;width:24px;height:24px;font-size:.85rem;font-family:var(--type-medium);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tools-sidebar-nav{top:var(--header-height);background-color:var(--background-color);border-bottom:1px solid var(--line-color)}.tools-form-header{border-bottom:1px solid var(--line-color);z-index:1;background-color:var(--background-color);justify-content:flex-end;align-items:center;padding:.5rem;display:flex;position:sticky;top:0}.tools-form-header-justify{justify-content:space-between}.tools-form-content{padding:1rem;@media (width>=52em){padding:1.5rem}}.header-stripe{background-color:var(--surface-dark);height:var(--header-height);border-bottom:1px solid var(--chrome-border);z-index:100;width:100%;position:fixed;top:0;left:0}.header-about{z-index:1;width:100%;position:fixed;top:0}.header-stripe a:not(.button){color:var(--chrome-text-muted);padding:.5rem;font-size:.85rem;&:hover{text-decoration:none;& .icon{color:#fff}}}.header-stripe a.header-logo{color:#fff;letter-spacing:.1rem;text-transform:uppercase;font-size:.75rem;font-family:var(--type-medium);justify-content:space-between;align-items:center;display:flex}.standalone .header-logo{margin-left:74px}.header-logo svg{width:24px;height:24px;margin-right:.5rem}.header-logo-title{color:#000;font-size:.85rem;font-weight:400;font-family:var(--type-medium);letter-spacing:.05rem;margin:0 0 0 .5rem;display:block;@media (width>=40em){font-size:1rem}}.header nav{display:none;@media (width>=80em){display:flex}}.header-stripe nav{display:none;@media (width>=64em){display:flex}}.header-presentation p{color:var(--chrome-text-muted);font-size:.85rem}.video-screen{z-index:999;opacity:0;pointer-events:none;background-color:#000000d9;transition:all .3s;position:fixed;inset:0;&.active{opacity:1;pointer-events:auto}&>div{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);@media (width>=40em){max-width:1130px}}}.header-service-from a{text-decoration:none;display:inline-flex;@media (width>=40em){align-items:center}}.header-service-from small{text-transform:uppercase;color:var(--chrome-text-muted);margin-right:.5rem;font-size:.7rem}.header-service-from svg{width:75px}.callout{background-color:var(--surface);@media (width>=64em){border-bottom-left-radius:36px;position:fixed;top:41px}}.callout-logo{z-index:2;width:160px;margin:0 auto 1rem;display:block;position:relative;@media (width>=52em){width:200px}}.callout-privacy{z-index:100;position:relative}.callout a[href="https://x.com/curityio"]>svg path{fill:#fff}.learn-more-heading{text-transform:uppercase;letter-spacing:.1rem;font-size:.85rem}.learn-more li img{flex:0 0 40px;width:40px;height:40px;margin-right:1rem;@media (width>=52em){flex:0 0 60px;width:60px;height:60px}}.learn-more li a[href*=youtube] img{@media (width>=52em){transform:scale(.8)}}.learn-more li a{border-radius:4px;padding:1rem 1.5rem;transition:box-shadow .2s ease-in-out;&:hover{text-decoration:none;box-shadow:0 18px 30px #0000001f}&>a:hover{text-decoration:none}}#content>.error-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.error-page{max-width:600px;padding:3rem}.error-page ul{list-style:none}.error-page ul li:before{content:"•";color:var(--color-spot-text);width:1em;margin-left:-1em;font-weight:700;line-height:1;display:inline-block;transform:scale(2)}.error-page p{font-size:1rem}.graphiql-container{--base-font-size:1rem;--font-size-body:calc(18rem / 16);--font-size-inline-code:calc(18rem / 16);--font-size-hint:calc(var(--base-font-size) / 16);--color-info:199, 19%, 47%;border-bottom:1px solid var(--line-color);flex-direction:column;width:100%;height:auto;min-height:400px;max-height:600px;display:flex;overflow:clip auto}.graphiql-container .CodeMirror{font-size:var(--base-font-size);background-color:#0000}.graphiql-explorer-root{font-size:var(--base-font-size)!important}.graphiql-container .docExplorerWrap{flex-basis:100%}.docExplorerHide{display:none}.graphiql-container button{all:unset;box-shadow:none;padding:0 var(--space-2) 0 var(--space-2);line-height:unset;border:.075rem solid var(--line-color);border-radius:var(--border-radius);cursor:pointer;text-align:center;justify-content:center;align-items:center;display:inline-flex;color:var(--text-color)!important;font-size:var(--base-font-size)!important;& span{display:inline-flex}&:hover,&:active{box-shadow:none;color:#fff;background-color:var(--inner-background-color)}}.graphiql-explorer-graphql-arguments input{height:auto;padding:0}.graphiql-operation-title-bar button:first-of-type{margin-left:var(--space-1);margin-right:var(--space-1)}.graphiql-operation-title-bar{height:36px;padding:0!important;& span{height:28px;display:inline-flex}& button{height:24px!important}& input{width:10ch!important}}.graphiql-explorer-actions{gap:1rem;& select{background-color:var(--input-background-color);appearance:none;text-indent:1px;text-overflow:"";-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-block:0;padding-inline-start:var(--space-1)}& button{height:34px!important}}@media (prefers-color-scheme:dark){html:not([data-color-scheme=light]) .graphiql-container{--color-primary:270, 95%, 75%;--color-secondary:258, 82%, 69%;--color-tertiary:175, 38%, 47%;--color-info:199, 19%, 47%;--color-success:123, 50%, 56%;--color-warning:32, 90%, 59%;--color-error:1, 78%, 74%;--color-neutral:252, 17%, 72%;--color-base:255, 32%, 15%}}[data-color-scheme=dark] .graphiql-container{--color-primary:270, 95%, 75%;--color-secondary:258, 82%, 69%;--color-tertiary:175, 38%, 47%;--color-info:199, 19%, 47%;--color-success:123, 50%, 56%;--color-warning:32, 90%, 59%;--color-error:1, 78%, 74%;--color-neutral:252, 17%, 72%;--color-base:255, 32%, 15%}.request-illustration-box{text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:2em;font-size:.85rem;transition:opacity .2s,transform .3s;display:flex;box-shadow:0 2px 4px #0000000a}.request-illustration-box-fetch{background-color:var(--background-color);color:var(--color-spot-strong);border:1px solid var(--color-spot-strong)}.request-illustration-box-server{background-color:var(--background-color);color:var(--color-spot-green);border:1px solid var(--color-spot-green)}.request-illustration-lines-line{background-image:linear-gradient(90deg,silver 50%,#0000 0%);background-position:0% bottom;background-repeat:repeat-x;background-size:8px 4px;min-width:200px;height:1px;animation-name:border-dance;animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite;position:relative}@keyframes border-dance{0%{background-position:0% bottom}to{background-position:100% bottom}}.request-illustration-lines-line:after{content:"";border:6px solid #0000;border-left:10px solid #aaa;border-right-width:0;width:0;height:0;position:absolute;top:-5px;right:-12px}.request-illustration-lines-line-code:before{content:"code";text-align:center;width:100%;margin:0 auto;font-size:.75rem;display:block;position:relative;top:-1.5rem}.request-illustration-lines-line-token:before{content:"tokens";text-align:center;width:100%;margin:0 auto;font-size:.75rem;display:block;position:relative;top:-1.5rem;transform:rotate(180deg)}.request-illustration-lines-line-token{background-image:linear-gradient(to right, var(--color-spot-green) 50%, transparent 0%);transform:rotate(180deg);&:after{border-color:transparent transparent transparent var(--color-spot-green)}}.request-illustration-lines-line-code{background-image:linear-gradient(to right, var(--color-spot-strong) 50%, transparent 0%);&:after{border-color:transparent transparent transparent var(--color-spot-strong)}}.blinking{animation:1.5s linear infinite blinker}.blinking:hover{animation:none}@keyframes blinker{50%{opacity:0}}.modal-environments .modal-panel main{background-color:var(--background-color);min-height:calc(80vh - 125px)}.modal-environments .modal-panel-section{padding-bottom:2rem}.modal-environments .modal-panel-actions{margin-left:auto}.modal-main.modal-start,.modal-main.modal-environments{--inset:20px;--header-stripe-height:41px;--footer-height:40px;top:calc(var(--header-stripe-height) + var(--inset));max-height:calc(100vh - var(--header-stripe-height) - var(--footer-height) - calc(var(--inset) * 2))}.modal-main-content.modal-environments{padding:0}.modal-environments .tab-environments{z-index:11;flex-direction:column;flex:0 0 250px;width:100%;height:100%;display:flex;position:sticky;top:60px}.modal-environments .tab-environments ul{width:250px}.modal-environments .tab-environments li{position:relative}.modal-environments .tab-environments a{align-items:center;height:38px;padding-left:1rem;padding-right:1rem;font-size:.85rem;display:flex;&:hover{color:#fff;background-color:var(--surface-dark);text-decoration:none}&:focus{background-color:var(--surface-darker);outline:none}&.active,&:active{background-color:var(--surface-raised);color:#fff}}.tab-content{flex:auto}.tools-input{appearance:none;color:#fafad2;width:100%;max-width:100%;font-family:var(--type-mono);border:none;border-radius:4px 0 4px 4px;padding:1.5rem;font-size:1rem;position:relative}.tools-form-content .tools-input{min-width:100%}.tools-form-token{background-color:var(--code-background-color);& .tools-box-header{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}}.tools-input-signature{color:var(--text-color);font-size:.75rem}.tools-input.tools-input-no-shadow{box-shadow:none}.tools-input.tools-input-readonly{border-bottom:1px solid #f2f2f2;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:1.5rem;font-size:.85rem}pre.tools-input{word-break:break-all;white-space:pre-wrap}.tools-input:focus{box-shadow:none;outline:none;&:before{content:"Editing";color:orange;font-family:var(--type-mono);font-size:1.15rem;display:block}}.tools-input-jwt::selection{background-color:var(--color-spot-strong);color:#fff}.tools-sidebar-box-content-area{background-color:var(--background-color);border:1px solid var(--line-color);border-radius:4px}.tools-sidebar-box-content-area-header{border-bottom:1px solid var(--line-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;display:flex}.label-key{font-family:var(--type-mono);color:var(--text-color);border-top-left-radius:4px;border-top-right-radius:4px;align-items:center;font-size:.75rem;display:inline-flex;position:relative;top:1px}.label-key-switch{border:none;padding:0}pre,code,samp{font-family:var(--type-mono);font-size:inherit}@media (width>=40em){pre{max-width:none}}pre{white-space:pre-wrap;overflow-wrap:break-word;max-width:90vw;margin-bottom:0;overflow-x:auto}pre code{white-space:pre-wrap;word-break:break-all;overflow-x:auto}.inline-code{font-family:var(--type-mono);color:var(--text-color);background-color:var(--inner-background-color);overflow-wrap:anywhere;border:1px solid #0000000d;border-radius:4px;padding:0 4px;font-size:.9em;line-height:175%}.tools-input div.line{text-indent:-3em;padding-left:3em;& .line{text-indent:-3em;padding-left:0}}.json{& .jwt-dot{color:light-dark(#474747,#fff)}& .jwt-header{color:var(--syntax-key)}& .jwt-payload{color:var(--syntax-value)}& .jwt-signature{color:var(--syntax-number)}& .jwt-disclosure{color:var(--syntax-disclosure)}}.ace-monokai,.ace-monokai .ace_gutter{background-color:var(--editor-background-color)}.ace-editor-wrapper{background-color:var(--editor-background-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border:1px solid var(--line-color)}.ace-monokai .ace_marker-layer .ace_active-line{background-color:var(--editor-background-color)}.tools-form .ace_editor{font-family:var(--type-mono);font-size:.85rem!important}.ace_jwt-header{color:var(--syntax-key-bright)}.ace_jwt-payload{color:var(--syntax-value-bright)}.ace_jwt-signature{color:var(--syntax-number-bright)}.ace_jwt-disclosure{color:var(--syntax-disclosure-bright)}.ace_jwt-error{color:var(--syntax-error-bright)}.ace-monokai .ace_comment{color:#8b8398}.ace_editor .ace_marker-layer .ace_selection{background:color-mix(in srgb, var(--color-spot) 30%, transparent)}.fieldset-connector{background-color:#666;width:32px;height:1px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:none;position:absolute;top:1.75rem;left:100%}@media (width>=80em){.tools-form-create-jwt fieldset{position:relative}.tools-form-create-jwt fieldset:first-of-type .fieldset-connector,.tools-form-create-jwt fieldset:nth-of-type(2) .fieldset-connector,.tools-form-create-jwt fieldset:nth-of-type(3) .fieldset-connector{display:block}}.tools-box-header{background-color:var(--background-color);border:1px solid var(--line-color);border-radius:var(--border-radius);padding:.5rem}fieldset .modal .tools-box-header{display:inherit}.tools-box-header-token label:first-of-type{display:none;@media (width>=84em){display:initial}}.tools-sidebar .tools-input.tools-input-readonly{border-top-right-radius:0}.tools-box-header .react-select__control{border:1px solid var(--surface-hover);background-color:#0000;&.react-select__control--is-focused,&:hover{background-color:var(--background-color);border:1px solid var(--line-color);& .react-select__single-value{color:var(--text-color)}}&.react-select__control--is-focused .react-select__single-value{color:var(--text-color)}}.tools-box-header .react-select__single-value,.tools-box-header .react-select__placeholder{color:var(--text-color)}.tools-box-header-title{text-transform:uppercase;font-family:var(--type-mono);font-size:.75rem;font-weight:500}.tools-box-header .button{margin-bottom:0}.tools-box-header .button-settings:hover{background-color:#fff}input[type=text].tools-box-header-title{color:var(--text-color);text-transform:uppercase;background-color:#0000;border:none;width:auto;max-width:260px;height:auto;padding:.25rem 1rem;font-size:.75rem;font-weight:500;display:inline-block}a.tools-box-header-title-edit,button.tools-box-header-title-edit{box-shadow:none;color:#ccc;border:none;display:none;& .icon{font-size:1rem}&:hover{box-shadow:none;border:none;& .icon{color:var(--color-primary)}}&:focus{box-shadow:none;border:none}}.tools-sidebar-box.folded .tools-input,.tools-form-token.folded+.tools-input{display:none}input[type=text].tools-box-header-title.active{color:initial;pointer-events:initial;background-color:#fff}.tools-box-header-title .button:hover{box-shadow:none}.tools-box-header-title button.button{box-shadow:none;&:hover{box-shadow:none;transform:none}}.tools-box-header-title-status{display:none;position:relative}.tools-box-header-title-status-indicator{cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tools-box-header-title-status-indicator-error{background-color:var(--color-danger)}.tools-box-header-title-status-indicator-success{background-color:var(--color-success)}.received-token{border:1px solid var(--line-color);border-radius:var(--border-radius);margin-bottom:1rem;box-shadow:0 2px 4px #0000000a;& h4{-webkit-user-select:none;user-select:none}& .decoded-jwt-data{border-bottom:1px solid var(--line-color);cursor:pointer}& .decoded-jwt-data p{color:var(--text-color);margin:0;padding:.2rem 1rem;font-size:.8rem}}.received-token-header{border-bottom:1px solid var(--line-color);cursor:pointer;padding:.5rem .75rem}.received-token-1 .received-token-header{border-left:.25rem solid var(--received-token-1)}.received-token-2 .received-token-header{border-left:.25rem solid var(--received-token-2)}.received-token-3 .received-token-header{border-left:.25rem solid var(--received-token-3)}.received-token-4 .received-token-header{border-left:.25rem solid var(--received-token-4)}.received-token-5 .received-token-header{border-left:.25rem solid var(--received-token-5)}.received-token-6 .received-token-header{border-left:.25rem solid var(--received-token-6)}.received-token .tools-box-header{border-bottom:1px var(--line-color);background-color:#0000;border:none;border-top-left-radius:0;border-top-right-radius:0}.received-token .tools-input.tools-input-readonly{border-bottom:1px solid var(--line-color);color:var(--syntax-key)}.received-token .tools-input{box-shadow:none}.received-token .button-loading-active:after{border:.15rem solid var(--color-primary);border-top-color:#0000;border-right-color:#0000}button[aria-label=Collapse] svg{transition:transform .3s}.received-token.folded{& .tools-form-token,& .decoded-jwt-data,& .tools-sidebar-box{display:none}& button[aria-label=Collapse] svg{transform-origin:50%;transform:rotate(180deg)}}.received-token .tools-sidebar-box{border:none;padding-bottom:1rem}.button.button-expand:focus{outline:none}.button.button-expand{box-shadow:none;border:none;height:20px;padding:0 1rem;position:relative}.tools-history{--color-link:var(--color-primary-light);--color-link-hover:white;background-color:var(--sidebar-background-color);overflow-x:clip;& .button-transparent:hover{color:var(--history-sidebar-hover)}& a{background-color:#0000;align-items:center;height:38px;padding-left:1rem;padding-right:1rem;font-size:.85rem;display:flex;&:hover{color:var(--history-sidebar-hover)}}}.tools-history-current{background-color:var(--surface-raised);& a{color:var(--history-sidebar-hover)}}.tools-history li{position:relative;& :not(input),& :not(input):after,& :not(input):before{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-app-region:no-drag}}.tools-history-entry{text-overflow:ellipsis;vertical-align:middle;max-width:50%;height:30px;padding:.2rem;font-size:.85rem;display:inline-block;overflow:hidden}.tab-environments input[type=text].field,.tools-history-group input[type=text].field,.tools-history .history-list input[type=text].field{color:#fff;background-color:#0000;border:1px solid #fff;height:30px;padding:.2rem;font-size:.85rem}.tab-environments input[type=text].field::selection,.tools-history-group input[type=text].field::selection,.tools-history .history-list input[type=text].field::selection{background-color:var(--color-spot-strong)}.tab-environments input[type=text].field{padding:0}.tools-history-field-wrapper{display:inline-block;position:relative}.tools-history-field-save{position:absolute;top:0;right:0}.tools-history .button-link[title=Start\ Flow]{border:1px solid var(--color-primary);color:var(--color-primary);&:hover{color:#fff}}.tools-history-collapse{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;position:absolute;top:1.15rem;right:4px;&:active{background-color:var(--surface-hover);color:#fff}cursor:pointer;transition:background-color .2s;display:none;@media (width>=60em){display:flex}&:hover{background-color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);color:#fff}}.tools-history-collapse .ion-android-arrow-back{transform-origin:50%;line-height:0;transition:transform .3s .3s;&.collapsed{transform:scaleX(-1)}}.tools-history-menu-button{display:block;@media (width>=64em){display:none}}.tools-history-menu-label{display:inline-flex;@media (width>=64em){display:none}}ul.history-list:empty:after{content:attr(data-empty-message);color:var(--chrome-text-muted);padding:1rem;font-size:.85rem;line-height:1.2;display:block}.workspace-menu{grid-template-columns:2fr 1fr;gap:0;display:grid;container:worspacemenu/inline-size}.workspace-menu-name span{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;font-size:1rem;overflow:hidden}@container worspacemenu (width<=200px){.workspace-menu-name{order:1;grid-column:1/-1;& span{max-width:unset}}}.tools-history-SIGNICAT{background-color:var(--color-signicat);& a,& .tools-history-group,& .tools-history-header .button{color:#fff}& li{background-color:var(--color-signicat);& a{background-color:#0000}&:hover,&:focus,&:active{background-color:var(--color-signicat-dark);& a{color:#fff;text-decoration:none}& .tools-history-edit{opacity:1;& svg{color:#fff}}}&.tools-history-current{background-color:var(--color-signicat-light);& a{color:var(--color-signicat);text-decoration:none}& .tools-history-edit{opacity:1;& svg{color:var(--color-signicat)}}}}& .tools-history-header .button:hover,& input[type=search].tools-history-filter{background-color:var(--color-signicat-dark)}& .tools-history-header{background-color:var(--color-signicat)}}.context-dropdown-menu li{background-color:var(--background-color);color:var(--text-color);&:hover{background:var(--inner-background-color);color:var(--text-color)}}.tools-history-badge{color:#fff;text-align:center;text-transform:uppercase;border-radius:calc(var(--border-radius) * 4);width:69px;font-size:.7rem;font-family:var(--type-mono);cursor:move;white-space:nowrap;justify-content:center;align-items:center;margin-right:.5rem;padding:.15rem .35rem;display:inline-flex}.tools-history-badge-jwt{background-color:var(--flow-jwt)}.tools-history-badge-create_jwt{background-color:var(--flow-createjwt)}.tools-history-badge-logout{background-color:var(--flow-logout)}.tools-history-badge-implicit{background-color:var(--flow-implicitflow)}.tools-history-badge-code{background-color:var(--flow-codeflow)}.tools-history-badge-hybrid{background-color:var(--flow-hybridflow)}.tools-history-badge-cc{background-color:var(--flow-clientcredentials)}.tools-history-badge-exchange{background-color:var(--flow-tokenexchange)}.tools-history-badge-ropc{background-color:var(--flow-ropc)}.tools-history-badge-userinfo{background-color:var(--flow-userinfo)}.tools-history-badge-dcr{background-color:var(--flow-dcr)}.tools-history-badge-dcrm{background-color:var(--flow-dcrm)}.tools-history-badge-apicall{background-color:var(--flow-apicall)}.tools-history-badge-graphql{background-color:var(--flow-graphql)}.tools-history-badge-pre{background-color:var(--flow-precode)}.tools-history-badge-vci{background-color:var(--flow-vci)}.tools-history-badge-refresh{background-color:var(--flow-refresh)}.tools-history-badge-revoke{background-color:var(--flow-revoke)}.tools-history-badge-introspect{background-color:var(--flow-introspectionflow)}.tools-history-badge-device{background-color:var(--flow-device)}.tools-history-badge-ciba{background-color:var(--flow-ciba)}input[type=search].tools-history-filter{background-color:var(--surface);box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg height='20px' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='20px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23969696' d='M344.5,298c15-23.6,23.8-51.6,23.8-81.7c0-84.1-68.1-152.3-152.1-152.3C132.1,64,64,132.2,64,216.3 c0,84.1,68.1,152.3,152.1,152.3c30.5,0,58.9-9,82.7-24.4l6.9-4.8L414.3,448l33.7-34.3L339.5,305.1L344.5,298z M301.4,131.2 c22.7,22.7,35.2,52.9,35.2,85c0,32.1-12.5,62.3-35.2,85c-22.7,22.7-52.9,35.2-85,35.2c-32.1,0-62.3-12.5-85-35.2 c-22.7-22.7-35.2-52.9-35.2-85c0-32.1,12.5-62.3,35.2-85c22.7-22.7,52.9-35.2,85-35.2C248.5,96,278.7,108.5,301.4,131.2z'/%3E%3C/svg%3E");background-position:.5rem;background-repeat:no-repeat;background-size:16px 16px;border:none;border-radius:4px;width:100%;height:32px;padding-left:2rem;font-size:.85rem;transition:border-color .15s ease-in-out;&::placeholder{color:var(--chrome-text-muted)}&:focus{background-color:var(--background-color);color:var(--text-color);border-color:var(--line-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent);background-image:url("data:image/svg+xml,%3Csvg height='20px' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='20px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23000' d='M344.5,298c15-23.6,23.8-51.6,23.8-81.7c0-84.1-68.1-152.3-152.1-152.3C132.1,64,64,132.2,64,216.3 c0,84.1,68.1,152.3,152.1,152.3c30.5,0,58.9-9,82.7-24.4l6.9-4.8L414.3,448l33.7-34.3L339.5,305.1L344.5,298z M301.4,131.2 c22.7,22.7,35.2,52.9,35.2,85c0,32.1-12.5,62.3-35.2,85c-22.7,22.7-52.9,35.2-85,35.2c-32.1,0-62.3-12.5-85-35.2 c-22.7-22.7-35.2-52.9-35.2-85c0-32.1,12.5-62.3,35.2-85c22.7-22.7,52.9-35.2,85-35.2C248.5,96,278.7,108.5,301.4,131.2z'/%3E%3C/svg%3E");outline:none;&::placeholder{color:var(--text-color)}}&.active{display:block}}.tools-history-header button.field-clear{right:8px}.tools-history-header .show-password{background-color:#0000}.tools-history-edit{opacity:0;cursor:pointer;background-color:#0000;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:calc(50% - 10px);right:1.85rem;& svg{transition:color .3s}&:hover{color:#fff}}.tools-history-edit.active{color:#fff;opacity:1}.tools-history li:hover .tools-history-edit,.tools-history-group .tools-history-edit{opacity:1}.tools-history .context-dropdown-menu i:before{width:12px}.tools-history .context-dropdown-menu{min-width:145px;right:.65rem}.tools-history-header{background-color:var(--surface-dark);z-index:0;position:sticky;top:0}.tools-history .drop-target{border:1px dashed var(--color-primary);border-radius:6px;margin:.5rem;transition:margin .2s cubic-bezier(.25,.46,.45,.94)}.tools-history-group{color:var(--color-primary-light);cursor:pointer;align-items:center;padding:.25rem 1rem;display:flex;position:relative}.tools-history-group .tools-history-entry{font-size:.95rem}.drop-target .tools-history-group{color:var(--color-primary)}[role=tablist]{border-bottom:1px solid var(--line-color)}[role=tablist] button{border-radius:0;&.active{border-bottom:2px solid var(--color-primary)}}