From c67f7ccf21cb9261599e753cbcd777fbc31589e4 Mon Sep 17 00:00:00 2001 From: Giorgi Lagidze Date: Wed, 4 Dec 2024 12:40:44 +0400 Subject: [PATCH] push --- playbook.yml | 4 +- ui/src/css/components/cards.scss | 2 +- ui/theme/dist/index.css | 2 +- ui/theme/dist/index.css.map | 2 +- ui/theme/dist/index.js.map | 2 +- .../aragon-os-framework-overview.drawio.svg | 51 +++++++++++++++++++ 6 files changed, 57 insertions(+), 6 deletions(-) create mode 100644 ui/theme/images/osx/aragon-os-framework-overview.drawio.svg diff --git a/playbook.yml b/playbook.yml index 0422e585..3e264028 100644 --- a/playbook.yml +++ b/playbook.yml @@ -19,8 +19,8 @@ content: - url: https://github.com/aragon/admin-plugin branches: feat/docs start_path: packages/contracts/docs - - url: /Users/giorgilagidze/Desktop/work/osx - branches: feature/docs-new + - url: https://github.com/aragon/osx + branches: feat/docs-add-missing-pages start_path: packages/contracts/docs - url: https://github.com/aragon/osx-commons branches: feature/docs diff --git a/ui/src/css/components/cards.scss b/ui/src/css/components/cards.scss index 3064e116..784d675b 100644 --- a/ui/src/css/components/cards.scss +++ b/ui/src/css/components/cards.scss @@ -113,7 +113,7 @@ } } -..card-primary a { +.card-primary a { min-height: 14rem; color: var(--guk-color-neutral-0); /* White text */ position: relative; diff --git a/ui/theme/dist/index.css b/ui/theme/dist/index.css index fc534c9a..897d24b5 100644 --- a/ui/theme/dist/index.css +++ b/ui/theme/dist/index.css @@ -1,4 +1,4 @@ -html{-ms-text-size-adjust:100;-webkit-text-size-adjust:100%}body{margin:0}details,main,summary{display:block}audio,canvas,progress,video{vertical-align:baseline}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted;cursor:help}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}blockquote,figure{margin:0}hr{box-sizing:content-box;height:0}pre{word-wrap:break-word;display:block;line-height:1.4;margin:0;word-break:break-all}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{background:transparent;box-shadow:none;overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input,textarea{-webkit-appearance:none;background:transparent;border:0}input[type=radio],textarea[type=radio]{-webkit-appearance:radio;cursor:pointer}fieldset{border:1px solid #cbd2d9;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}button,input,select[multiple],textarea{background-image:none}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4{font-size:inherit;font-weight:inherit;margin:0}ol,ul{padding:0}ol,p,ul{margin:0}iframe{border:0}address{font-style:normal}input[disabled] textarea[disabled]{cursor:not-allowed}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}:root{--core-gray:#f8f8fa;--core-violet-1:#9aa2e7;--core-violet-2:#6d79e9;--core-violet-3:#6472e7;--core-violet-4:#4e5ee4;--core-violet-6:#282846;--robust-blue-1:#a1b1b8;--robust-blue-2:#6b8a99;--robust-blue-3:#506773;--robust-blue-4:#32444d;--robust-blue-5:#272f33;--future-green-1:#aaf2cb;--future-green-2:#33cc7a;--future-green-3:#17bc65;--future-green-4:#0e8c48;--future-green-5:#174d30;--steel-1:#6b6c6d;--steel-2:#58595a;--steel-3:#3a3b3c;--steel-4:#3d3d58;--steel-5:#121314;--aluminum-0:#f5f6fe;--aluminum-1:#f9fafb;--aluminum-2:#f4f5f6;--aluminum-3:#e8e9ea;--aluminum-4:#cacbcc;--aluminum-5:#989a9b;--yellow-3:#f2be24;--viridian-3:#00b49d;--teal-3:#00b5d1;--navy-3:#178bea;--indigo-3:#5e66f9;--violet-3:#9a63f9;--red-3:#d1344e;--blue:#196bf7;--tertiary:#fff;--color-text:#282846;--color-text-light:#556;--color-navbar-text:#282846;--border-radius:0.3rem;--heading:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sans-serif:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--monospace:"Roboto Mono",monospace;--weight-normal:400;--weight-medium:500;--weight-bold:600;--header-height:66px;--navbar-height:70px;--footer-height:361px;--nav-item-height:32px;--xs:5px;--sm:10px;--md:15px;--lg:20px;--xl:40px;--input-md:30px;--transition-speed-sm:0.15s;--transition-speed-md:0.3s;--transition-timing:cubic-bezier(0.46,0.03,0.52,0.96);--guk-border-rounded:4px;--guk-border-rounded-lg:8px;--guk-border-rounded-xl:12px;--guk-border-rounded-2xl:16px;--guk-border-rounded-3xl:24px;--guk-border-rounded-full:9999px;--guk-border-rounded-none:0;--guk-color-primary-50:#f5f8ff;--guk-color-primary-100:#c4d7ff;--guk-color-primary-200:#93b2ff;--guk-color-primary-300:#628cfe;--guk-color-primary-400:#3164fa;--guk-color-primary-500:#003bf5;--guk-color-primary-600:#0037d2;--guk-color-primary-700:#0031ad;--guk-color-primary-800:#002985;--guk-color-primary-900:#001f5c;--guk-color-neutral-0:#fff;--guk-color-neutral-50:#f5f7fa;--guk-color-neutral-100:#e4e7eb;--guk-color-neutral-200:#cbd2d9;--guk-color-neutral-300:#9aa5b1;--guk-color-neutral-400:#7b8794;--guk-color-neutral-500:#616e7c;--guk-color-neutral-600:#52606d;--guk-color-neutral-700:#3e4c59;--guk-color-neutral-800:#323f4b;--guk-color-neutral-900:#1f2933;--guk-color-info-100:#d1fdfa;--guk-color-info-200:#a4f9fb;--guk-color-info-300:#75e8f3;--guk-color-info-400:#52cfe7;--guk-color-info-500:#1eadd8;--guk-color-info-600:#1588b9;--guk-color-info-700:#0f669b;--guk-color-info-800:#09497d;--guk-color-info-900:#053467;--guk-color-success-100:#f3fccc;--guk-color-success-200:#e4f99a;--guk-color-success-300:#ccef66;--guk-color-success-400:#b2e040;--guk-color-success-500:#8ecc0a;--guk-color-success-600:#74af07;--guk-color-success-700:#5c9205;--guk-color-success-800:#467603;--guk-color-success-900:#366101;--guk-color-warning-100:#fff3d6;--guk-color-warning-200:#ffe4ad;--guk-color-warning-300:#ffd083;--guk-color-warning-400:#ffbe65;--guk-color-warning-500:#ff9f32;--guk-color-warning-600:#db7d24;--guk-color-warning-700:#b75e19;--guk-color-warning-800:#93430f;--guk-color-warning-900:#7a3009;--guk-color-critical-100:#fee4d6;--guk-color-critical-200:#fec3ae;--guk-color-critical-300:#fd9a86;--guk-color-critical-400:#fb7467;--guk-color-critical-500:#f93636;--guk-color-critical-600:#d62736;--guk-color-critical-700:#b31b35;--guk-color-critical-800:#901132;--guk-color-critical-900:#770a30;--guk-color-transparent:transparent;--guk-space-base:4px;--guk-space-0:calc(var(--guk-space-base)*0);--guk-space-0-25:calc(var(--guk-space-base)*0.25);--guk-space-0-5:calc(var(--guk-space-base)*0.5);--guk-space-1-5:calc(var(--guk-space-base)*1.5);--guk-space-2:calc(var(--guk-space-base)*2);--guk-space-2-5:calc(var(--guk-space-base)*2.5);--guk-space-3:calc(var(--guk-space-base)*3);--guk-space-3-5:calc(var(--guk-space-base)*3.5);--guk-space-4:calc(var(--guk-space-base)*4);--guk-space-5:calc(var(--guk-space-base)*5);--guk-space-6:calc(var(--guk-space-base)*6);--guk-space-7:calc(var(--guk-space-base)*7);--guk-space-8:calc(var(--guk-space-base)*8);--guk-space-9:calc(var(--guk-space-base)*9);--guk-space-10:calc(var(--guk-space-base)*10);--guk-space-11:calc(var(--guk-space-base)*11);--guk-space-12:calc(var(--guk-space-base)*12);--guk-space-14:calc(var(--guk-space-base)*14);--guk-space-16:calc(var(--guk-space-base)*16);--guk-space-20:calc(var(--guk-space-base)*20);--guk-space-24:calc(var(--guk-space-base)*24);--guk-space-28:calc(var(--guk-space-base)*28);--guk-space-32:calc(var(--guk-space-base)*32);--guk-space-36:calc(var(--guk-space-base)*36);--guk-space-40:calc(var(--guk-space-base)*40);--guk-space-44:calc(var(--guk-space-base)*44);--guk-space-48:calc(var(--guk-space-base)*48);--guk-space-52:calc(var(--guk-space-base)*52);--guk-space-56:calc(var(--guk-space-base)*56);--guk-space-60:calc(var(--guk-space-base)*60);--guk-space-64:calc(var(--guk-space-base)*64);--guk-space-72:calc(var(--guk-space-base)*72);--guk-space-80:calc(var(--guk-space-base)*80);--guk-space-96:calc(var(--guk-space-base)*96);--guk-font-weight-normal:500;--guk-font-weight-semibold:600;--guk-font-size-xs:0.75rem;--guk-font-size-sm:0.875rem;--guk-font-size-base:1rem;--guk-font-size-lg:1.125rem;--guk-font-size-xl:1.25rem;--guk-font-size-2xl:1.5rem;--guk-font-size-3xl:1.875rem;--guk-font-size-4xl:2.25rem;--guk-font-size-5xl:3rem;--guk-line-height-normal:1.5;--guk-line-height-tight:1.25;--guk-line-height-relaxed:1.65;--guk-font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:500;src:url(../../fonts/Manrope-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:600;src:url(../../fonts/Manrope-SemiBold.ttf) format("truetype")}body{background:var(--guk-color-neutral-50)}.filter-active-icon{filter:invert(49%) sepia(69%) saturate(6505%) hue-rotate(225deg) brightness(93%) contrast(91%)}@media (min-width:1160px){.container{max-width:1160px}}.flex{display:flex}.col{flex-direction:column}.align-top{align-items:flex-start}.align-center{align-items:center}.align-bottom{align-items:flex-end}.justify-center{justify-content:center}.justify-justified{justify-content:space-between}.grow{flex:1 1 auto}.shrink{flex:0 0 auto}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:500;src:url(../fonts/Manrope-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:600;src:url(../fonts/Manrope-SemiBold.ttf) format("truetype")}body{color:var(--guk-color-neutral-600);font-size:var(--guk-font-size-base);line-height:var(--guk-line-height-normal)}body,h1,h2,h3,h4,h5,h6{font-family:var(--guk-font-family)}h1,h2,h3,h4,h5,h6{color:var(--guk-color-neutral-900);line-height:var(--guk-line-height-tight);margin-bottom:var(--guk-space-4);margin-top:var(--guk-space-8)}h1{border-bottom:1px solid var(--guk-color-neutral-200);font-size:var(--guk-font-size-3xl);padding-bottom:var(--guk-space-2)}h2{font-size:var(--guk-font-size-2xl)}h3{font-size:var(--guk-font-size-xl)}h4{font-size:var(--guk-font-size-lg)}h5,h6{font-size:var(--guk-font-size-m)}code{background-color:var(--guk-color-neutral-100);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);font-family:var(--guk-font-family-monospace,monospace);font-size:.95em;padding:2px 4px}dl,figure,ol,p,ul{margin-bottom:var(--guk-space-4)}dl,ol,ul{margin-top:var(--guk-space-4);padding-left:var(--guk-space-6)}li{margin-bottom:var(--guk-space-2);margin-top:var(--guk-space-2)}ol{list-style-type:decimal}ul{list-style-type:disc}a{color:var(--guk-color-primary-500);text-decoration:none;transition:color var(--transition-speed-md) var(--transition-timing)}a:hover{color:var(--guk-color-primary-400)}.admonitionblock a{color:inherit}code,pre{font-family:var(--guk-font-family-monospace,monospace);font-size:.95em}pre{background-color:var(--guk-color-neutral-0);border-radius:var(--guk-border-rounded);margin-bottom:var(--guk-space-6);margin-top:var(--guk-space-6);overflow:auto}thead{border-bottom:1px solid var(--guk-color-neutral-200);color:var(--guk-color-neutral-500);font-family:var(--guk-font-family);font-variant:small-caps;letter-spacing:.05em;text-transform:lowercase}th{text-align:left}td,th{padding:var(--guk-space-2)}td>.tableblock{margin:0}dl{border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);display:inline-block;padding:var(--guk-space-4)}dt{font-weight:var(--guk-font-weight-semibold)}dt:after{content:":"}dd{margin-left:0}dd+dt{border-top:1px solid var(--guk-color-neutral-200);margin-top:var(--guk-space-2);padding-top:var(--guk-space-2)}blockquote{border-left:4px solid var(--guk-color-neutral-200);color:var(--guk-color-neutral-700);font-style:italic;margin-left:var(--guk-space-8);padding-left:var(--guk-space-4)}blockquote+.attribution{color:var(--guk-color-neutral-600);font-size:var(--guk-font-size-sm);text-align:right}.strong,strong{font-weight:var(--guk-font-weight-semibold)}.strikethrough{text-decoration:line-through}aside,pre,table{margin-bottom:var(--guk-space-6);margin-top:var(--guk-space-6)}:root{--guk-font-family-monospace:"Roboto Mono",monospace}svg{fill:currentColor}svg.icon{height:1em;pointer-events:none;vertical-align:-.1em;width:1em}.btn-icon{border:0;display:flex;padding:.5em}.input,.textarea{background:var(--tertiary);border:1px solid var(--aluminum-4);border-radius:2px;color:var(--steel-5);font-size:14px;height:var(--input-md);padding:var(--xs);transition:box-shadow var(--transition-speed-sm) var(--transition-timing);width:100%;word-break:normal}.input.focus,.input:focus,.textarea.focus,.textarea:focus{border-color:var(--core-violet-3);box-shadow:0 0 0 3px rgba(0,162,223,.25)}.input::placeholder,.textarea::placeholder{color:var(--aluminum-5)}.textarea{resize:vertical}.select{background:var(--tertiary);border:1px solid var(--aluminum-4);color:var(--steel-5);font-size:14px;height:var(--input-md);padding:var(--xs);transition:box-shadow var(--transition-speed-sm) var(--transition-timing);word-break:normal}.select.focus,.select:focus{border-color:var(--core-violet-3);box-shadow:0 0 0 3px rgba(0,162,223,.25)}.card-section .content,.card-section .sectionbody{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(30%,230px),1fr))}.card-section-2col .content,.card-section-2col .sectionbody{grid-template-columns:repeat(auto-fill,minmax(max(50% - .5rem,250px),1fr))}.card-section .sectionbody>:not(.card){grid-column:1/-1}.card .content,.card .paragraph,.card p{display:inline}.card a{display:block;display:inline-flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem 1.2rem;width:100%}.card a .card-body{flex-grow:1}.card-title{display:flex;vertical-align:center}.card-body{display:block}.card a{border-radius:var(--border-radius);color:inherit;font-size:.9rem;text-decoration:none}.card a .card-title{font-family:var(--heading);font-size:1rem;font-weight:var(--weight-bold);line-height:1.4;margin-bottom:1.2rem}.card-learn a{border:1px solid #cacbcc;border-left:3px solid #53536b;color:var(--color-text-light)}.card-learn a .card-title{margin-bottom:.8rem}.card-learn a:hover{border-color:#b8bff4 #b8bff4 #b8bff4 #4e5ee4;box-shadow:0 6px 12px 0 rgba(60,60,60,.09)}.card-learn a:hover .card-title{color:#4e5ee4}.card-primary a,.card-secondary a{box-shadow:0 5px 10px 0 rgba(60,60,60,.1)}.card-primary a:hover,.card-secondary a:hover{box-shadow:0 5px 10px 0 rgba(60,60,60,.3)}.card-primary a .card-title:before,.card-secondary a .card-title:before{background-image:var(--card-icon);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1.2em;margin-right:.6em;vertical-align:middle;width:1.2em}.card-primary a{color:#fff;min-height:14rem;overflow:hidden;padding-bottom:2em;padding-top:3em;position:relative}.card-primary a .card-title{font-size:1.2em}.card-primary a:before{background-image:url(../images/cards.svg);background-repeat:no-repeat;background-size:contain;bottom:30px;content:"";display:block;height:70px;position:absolute;right:-20px;width:95px}.card-primary a:after{content:"Get started >";font-family:var(--heading);font-size:.8em;font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase}.card-secondary a{border:1px solid #e9e9ed;color:var(--color-text-light)}.card-secondary a:hover{border-color:#dfdfe0}.card-contracts a{--card-icon:url(../images/contracts_white.svg);background-image:linear-gradient(45deg,#6746d6,#a134d1)}.card-defender a{--card-icon:url(../images/defender_white.svg);background-image:linear-gradient(-135deg,#00e1d4,#00c7f2)}.card-upgrades{--card-icon:url(../images/icons/upgrades-plugins.svg)}.card-contracts-cairo{--card-icon:url(../images/icons/contracts-cairo.svg)}.card-contracts-stylus{--card-icon:url(../images/icons/contracts-stylus.svg)}.card-substrate-runtimes{--card-icon:url(../images/icons/substrate-runtimes.svg)}.card-test-environment{--card-icon:url(../images/icons/test-environment.svg)}.card-network-js{--card-icon:url(../images/icons/network-js.svg)}.card-gsn-helpers{--card-icon:url(../images/icons/gsn-helpers.svg)}.card-gsn-provider{--card-icon:url(../images/icons/gsn-provider.svg)}.card-contract-loader{--card-icon:url(../images/icons/contract-loader.svg)}.card-solidity-docgen{--card-icon:url(../images/icons/docgen.svg)}.card-subgraphs{--card-icon:url(../images/icons/subgraphs.svg)}.nav{background:var(--guk-color-neutral-0);border-right:1px solid var(--guk-color-neutral-100);color:var(--guk-color-neutral-600);padding:1rem}.nav a{text-decoration:none}.nav .nav-li-active>a{color:var(--guk-color-primary-400)}.nav-component{line-height:1rem}.nav-component a{padding:.7rem 1rem}.nav-title{color:var(--guk-color-neutral-600);font-family:var(--guk-font-family);font-size:.8em;font-weight:var(--guk-font-weight-semibold);letter-spacing:.05em;padding:0 1rem;text-transform:uppercase}.btn-back{color:var(--guk-color-neutral-400);cursor:pointer;margin-left:1.3rem}.btn-back:before{content:url(../images/icons/arrow_back.svg);display:inline-block;margin-left:-1.3rem;margin-right:.3em;width:1rem}.btn-back:hover{color:var(--guk-color-neutral-700)}.nav-heading{font-family:var(--guk-font-family);font-size:1rem;font-weight:var(--guk-font-weight-semibold)}.nav-component-active .nav-heading-active{background:var(--guk-color-neutral-50);padding-bottom:4px;padding-top:15px;z-index:2}.nav-component-heading{font-family:var(--guk-font-family);font-size:1rem;font-weight:var(--guk-font-weight-normal);position:relative}.nav-component-heading,.nav-link{color:var(--guk-color-neutral-600)}.nav-link{cursor:pointer;margin-bottom:var(--guk-space-2)}.nav-link:hover{color:var(--guk-color-neutral-900);cursor:pointer}.nav-link code{font-size:.9rem;padding:0}.nav-icon{opacity:.8}button.collapse-toggle{border:none;cursor:pointer;padding:0}button.collapse-toggle.toggled img{transform:rotate(-90deg)}button.collapse-toggle.toggled~.collapsible-content{display:none}.close-menu-btn{border:0}.nav-list{list-style:none;margin:0;padding-left:0}*{scrollbar-color:var(--guk-color-neutral-100) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--guk-color-neutral-100);border-radius:10px}.component-version{position:relative}.btn-version{border:1px solid;border-radius:var(--guk-border-rounded-full);font-size:.85rem;font-weight:var(--guk-font-weight-normal);margin:.4rem 0;min-height:1.5rem;padding:0 var(--guk-space-2)}.btn-version:after{content:url(../images/icons/chevron.svg);display:inline-block;margin-left:.2rem;width:.8rem}.btn-version:focus,.btn-version:hover{color:var(--guk-color-primary-400)}.btn-version svg{height:var(--guk-space-4);width:var(--guk-space-4)}.popover-container{opacity:0;padding-top:.5em;pointer-events:none;position:absolute;right:0;top:100%;z-index:1}.btn-version:focus+.popover-container,.popover-container:focus-within{opacity:1;pointer-events:auto}.popover{background:var(--guk-color-neutral-0);border:1px solid var(--guk-color-neutral-100);border-radius:var(--guk-border-rounded);box-shadow:0 0 10px rgba(0,0,0,.05);color:var(--guk-color-neutral-700);font-family:var(--guk-font-family);font-size:.9em;margin:0 var(--guk-space-1);padding:.5em;user-select:none;width:10em}.popover p{font-size:.9em;font-weight:700;margin:0;padding:0 .5em}.popover ul{margin:0;padding:0}.popover ul li{list-style:none}.popover ul li a{display:block;padding:.2em .5em}.popover ul li a:hover{background-color:var(--guk-color-neutral-50)}.readme-notice{display:none}.root{display:flex}.nav{flex:0 0 auto;height:100vh;overflow-y:auto;position:sticky;top:0;width:300px}.nav-heading{align-items:center;margin:.75rem 1.3rem;text-transform:uppercase}.nav-component-active{overflow-y:auto}.nav-component-active .nav-heading-active{margin-top:0;position:sticky;top:0}.nav-heading-active{position:sticky;top:15px}.nav-component-heading+.nav-list{height:90%;margin-bottom:0}.nav-li{line-height:1.5rem;margin-left:1.3rem}.nav-icon{height:1rem;margin-right:.5rem;width:1rem}.close-menu-btn{display:flex;margin-left:calc(var(--side-margin)*-1);margin-top:calc(var(--side-margin)*-1);padding:var(--lg)}@media (min-width:1000px){.close-menu-btn{display:none}}@media (max-width:1000px){.nav{flex-grow:1;padding:var(--lg)}.nav.toggled~.main,.nav:not(.toggled){display:none}}button.collapse-toggle{height:1rem;margin-left:-1.3rem;width:1rem}:root{--side-margin:var(--xl)}@media (max-width:1000px){:root{--side-margin:var(--lg)}}.main{display:flex;flex-direction:column;flex-grow:1;min-width:0}.article-wrapper,.navbar{margin:0 var(--side-margin);max-width:60rem}.navbar{align-items:center;display:flex;flex-wrap:wrap}.navbar-burger{display:flex;margin-left:calc(var(--side-margin)*-1);margin-right:.5em;padding:var(--lg)}.navbar-logo{align-items:stretch;display:flex;flex-grow:99}.navbar-logo a{align-items:center;display:flex;padding:var(--lg) 0}.navbar-search{display:flex;position:relative}.navbar-search-input{padding:.5rem!important;width:20em}.navbar-end{display:flex;flex-wrap:wrap;justify-content:space-around}.navbar-item{align-items:center;display:flex;flex-grow:1;justify-content:center;line-height:1.5;margin-left:.25em;margin-right:.25em}.article-wrapper{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1}.article{flex-grow:1;min-width:0}.toc-sidebar{flex-grow:0;flex-shrink:0;margin-left:var(--lg);max-height:80vh;overflow-y:auto;position:sticky;top:10vh;width:200px}@media (max-width:666.6666666667px){.toc-sidebar{display:none}}.notoc .toc-sidebar{display:none}body .leadinModal.leadinModal-theme-top{bottom:0;top:auto;z-index:99999999999}.leadinModal.leadinModal-theme-top .leadinModal-content{animation-name:leadinModal-reset!important}.leadinModal.leadinModal-theme-top.leadinModal-closing,.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content{animation-name:leadinModal-fadeout!important}@keyframes leadinModal-reset{0%{opacity:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}1%{opacity:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}2%{opacity:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.header{border-bottom:1px solid var(--guk-color-neutral-200);padding:1em 0}.navbar{word-wrap:break-word;color:var(--guk-color-neutral-900);font-size:var(--guk-font-size-sm);z-index:10}.navbar a{text-decoration:none}.navbar-brand .navbar-item:first-child,.navbar-brand .navbar-item:first-child a{color:var(--guk-color-neutral-900);font-size:var(--guk-font-size-lg)}.navbar-brand .separator{padding:0 var(--guk-space-1)}.navbar-burger{background:none;border:none;color:var(--guk-color-neutral-900);outline:none}.navbar-burger::-moz-focus-inner{border:none}.navbar-item{color:var(--guk-color-neutral-500);font-family:var(--guk-font-family);font-size:var(--guk-font-size-base);font-weight:var(--guk-font-weight-medium);margin-left:32px;margin-right:0;padding:var(--guk-space-2)}.navbar-item:hover{color:var(--guk-color-neutral-800)}.navbar-button{background:var(--guk-color-primary-500);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded-full);color:var(--guk-color-neutral-0);display:inline-block;font-family:var(--guk-font-family);font-size:var(--guk-font-size-base);font-weight:var(--guk-font-weight-medium);letter-spacing:-.02em;padding:var(--guk-space-1-5) var(--guk-space-3);text-align:center;text-decoration:none;text-transform:none;transition:all .2s ease;white-space:nowrap}.navbar-button:hover{background:var(--guk-color-primary-600)!important;color:var(--guk-color-neutral-0)}.navbar-search-input{background-color:var(--guk-color-neutral-0);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);color:var(--guk-color-neutral-500);font-size:var(--guk-font-size-base);margin-right:8px}.navbar-search-input:focus{outline:none}.navbar-search-input:before{content:url(../images/icons/arrow_back.svg);display:inline-block}.navbar-search-checkbox{display:none}@media screen and (min-width:1000px){.navbar-burger{display:none}}footer.footer{background-color:var(--guk-color-neutral-0);border-top:1px solid var(--guk-color-neutral-100);font-size:var(--guk-size-base);padding:var(--guk-space-6) var(--guk-space-8)}.footer a,footer.footer{color:var(--guk-color-neutral-500)}.footer a{display:inline;margin-left:var(--guk-space-4);padding-left:var(--guk-space-1-5)}.footer a:hover{color:var(--guk-color-neutral-800)} +html{-ms-text-size-adjust:100;-webkit-text-size-adjust:100%}body{margin:0}details,main,summary{display:block}audio,canvas,progress,video{vertical-align:baseline}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted;cursor:help}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}blockquote,figure{margin:0}hr{box-sizing:content-box;height:0}pre{word-wrap:break-word;display:block;line-height:1.4;margin:0;word-break:break-all}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{background:transparent;box-shadow:none;overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input,textarea{-webkit-appearance:none;background:transparent;border:0}input[type=radio],textarea[type=radio]{-webkit-appearance:radio;cursor:pointer}fieldset{border:1px solid #cbd2d9;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}button,input,select[multiple],textarea{background-image:none}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4{font-size:inherit;font-weight:inherit;margin:0}ol,ul{padding:0}ol,p,ul{margin:0}iframe{border:0}address{font-style:normal}input[disabled] textarea[disabled]{cursor:not-allowed}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}:root{--core-gray:#f8f8fa;--core-violet-1:#9aa2e7;--core-violet-2:#6d79e9;--core-violet-3:#6472e7;--core-violet-4:#4e5ee4;--core-violet-6:#282846;--robust-blue-1:#a1b1b8;--robust-blue-2:#6b8a99;--robust-blue-3:#506773;--robust-blue-4:#32444d;--robust-blue-5:#272f33;--future-green-1:#aaf2cb;--future-green-2:#33cc7a;--future-green-3:#17bc65;--future-green-4:#0e8c48;--future-green-5:#174d30;--steel-1:#6b6c6d;--steel-2:#58595a;--steel-3:#3a3b3c;--steel-4:#3d3d58;--steel-5:#121314;--aluminum-0:#f5f6fe;--aluminum-1:#f9fafb;--aluminum-2:#f4f5f6;--aluminum-3:#e8e9ea;--aluminum-4:#cacbcc;--aluminum-5:#989a9b;--yellow-3:#f2be24;--viridian-3:#00b49d;--teal-3:#00b5d1;--navy-3:#178bea;--indigo-3:#5e66f9;--violet-3:#9a63f9;--red-3:#d1344e;--blue:#196bf7;--tertiary:#fff;--color-text:#282846;--color-text-light:#556;--color-navbar-text:#282846;--border-radius:0.3rem;--heading:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sans-serif:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--monospace:"Roboto Mono",monospace;--weight-normal:400;--weight-medium:500;--weight-bold:600;--header-height:66px;--navbar-height:70px;--footer-height:361px;--nav-item-height:32px;--xs:5px;--sm:10px;--md:15px;--lg:20px;--xl:40px;--input-md:30px;--transition-speed-sm:0.15s;--transition-speed-md:0.3s;--transition-timing:cubic-bezier(0.46,0.03,0.52,0.96);--guk-border-rounded:4px;--guk-border-rounded-lg:8px;--guk-border-rounded-xl:12px;--guk-border-rounded-2xl:16px;--guk-border-rounded-3xl:24px;--guk-border-rounded-full:9999px;--guk-border-rounded-none:0;--guk-color-primary-50:#f5f8ff;--guk-color-primary-100:#c4d7ff;--guk-color-primary-200:#93b2ff;--guk-color-primary-300:#628cfe;--guk-color-primary-400:#3164fa;--guk-color-primary-500:#003bf5;--guk-color-primary-600:#0037d2;--guk-color-primary-700:#0031ad;--guk-color-primary-800:#002985;--guk-color-primary-900:#001f5c;--guk-color-neutral-0:#fff;--guk-color-neutral-50:#f5f7fa;--guk-color-neutral-100:#e4e7eb;--guk-color-neutral-200:#cbd2d9;--guk-color-neutral-300:#9aa5b1;--guk-color-neutral-400:#7b8794;--guk-color-neutral-500:#616e7c;--guk-color-neutral-600:#52606d;--guk-color-neutral-700:#3e4c59;--guk-color-neutral-800:#323f4b;--guk-color-neutral-900:#1f2933;--guk-color-info-100:#d1fdfa;--guk-color-info-200:#a4f9fb;--guk-color-info-300:#75e8f3;--guk-color-info-400:#52cfe7;--guk-color-info-500:#1eadd8;--guk-color-info-600:#1588b9;--guk-color-info-700:#0f669b;--guk-color-info-800:#09497d;--guk-color-info-900:#053467;--guk-color-success-100:#f3fccc;--guk-color-success-200:#e4f99a;--guk-color-success-300:#ccef66;--guk-color-success-400:#b2e040;--guk-color-success-500:#8ecc0a;--guk-color-success-600:#74af07;--guk-color-success-700:#5c9205;--guk-color-success-800:#467603;--guk-color-success-900:#366101;--guk-color-warning-100:#fff3d6;--guk-color-warning-200:#ffe4ad;--guk-color-warning-300:#ffd083;--guk-color-warning-400:#ffbe65;--guk-color-warning-500:#ff9f32;--guk-color-warning-600:#db7d24;--guk-color-warning-700:#b75e19;--guk-color-warning-800:#93430f;--guk-color-warning-900:#7a3009;--guk-color-critical-100:#fee4d6;--guk-color-critical-200:#fec3ae;--guk-color-critical-300:#fd9a86;--guk-color-critical-400:#fb7467;--guk-color-critical-500:#f93636;--guk-color-critical-600:#d62736;--guk-color-critical-700:#b31b35;--guk-color-critical-800:#901132;--guk-color-critical-900:#770a30;--guk-color-transparent:transparent;--guk-space-base:4px;--guk-space-0:calc(var(--guk-space-base)*0);--guk-space-0-25:calc(var(--guk-space-base)*0.25);--guk-space-0-5:calc(var(--guk-space-base)*0.5);--guk-space-1-5:calc(var(--guk-space-base)*1.5);--guk-space-2:calc(var(--guk-space-base)*2);--guk-space-2-5:calc(var(--guk-space-base)*2.5);--guk-space-3:calc(var(--guk-space-base)*3);--guk-space-3-5:calc(var(--guk-space-base)*3.5);--guk-space-4:calc(var(--guk-space-base)*4);--guk-space-5:calc(var(--guk-space-base)*5);--guk-space-6:calc(var(--guk-space-base)*6);--guk-space-7:calc(var(--guk-space-base)*7);--guk-space-8:calc(var(--guk-space-base)*8);--guk-space-9:calc(var(--guk-space-base)*9);--guk-space-10:calc(var(--guk-space-base)*10);--guk-space-11:calc(var(--guk-space-base)*11);--guk-space-12:calc(var(--guk-space-base)*12);--guk-space-14:calc(var(--guk-space-base)*14);--guk-space-16:calc(var(--guk-space-base)*16);--guk-space-20:calc(var(--guk-space-base)*20);--guk-space-24:calc(var(--guk-space-base)*24);--guk-space-28:calc(var(--guk-space-base)*28);--guk-space-32:calc(var(--guk-space-base)*32);--guk-space-36:calc(var(--guk-space-base)*36);--guk-space-40:calc(var(--guk-space-base)*40);--guk-space-44:calc(var(--guk-space-base)*44);--guk-space-48:calc(var(--guk-space-base)*48);--guk-space-52:calc(var(--guk-space-base)*52);--guk-space-56:calc(var(--guk-space-base)*56);--guk-space-60:calc(var(--guk-space-base)*60);--guk-space-64:calc(var(--guk-space-base)*64);--guk-space-72:calc(var(--guk-space-base)*72);--guk-space-80:calc(var(--guk-space-base)*80);--guk-space-96:calc(var(--guk-space-base)*96);--guk-font-weight-normal:500;--guk-font-weight-semibold:600;--guk-font-size-xs:0.75rem;--guk-font-size-sm:0.875rem;--guk-font-size-base:1rem;--guk-font-size-lg:1.125rem;--guk-font-size-xl:1.25rem;--guk-font-size-2xl:1.5rem;--guk-font-size-3xl:1.875rem;--guk-font-size-4xl:2.25rem;--guk-font-size-5xl:3rem;--guk-line-height-normal:1.5;--guk-line-height-tight:1.25;--guk-line-height-relaxed:1.65;--guk-font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:500;src:url(../../fonts/Manrope-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:600;src:url(../../fonts/Manrope-SemiBold.ttf) format("truetype")}body{background:var(--guk-color-neutral-50)}.filter-active-icon{filter:invert(49%) sepia(69%) saturate(6505%) hue-rotate(225deg) brightness(93%) contrast(91%)}@media (min-width:1160px){.container{max-width:1160px}}.flex{display:flex}.col{flex-direction:column}.align-top{align-items:flex-start}.align-center{align-items:center}.align-bottom{align-items:flex-end}.justify-center{justify-content:center}.justify-justified{justify-content:space-between}.grow{flex:1 1 auto}.shrink{flex:0 0 auto}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:500;src:url(../fonts/Manrope-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:600;src:url(../fonts/Manrope-SemiBold.ttf) format("truetype")}body{color:var(--guk-color-neutral-600);font-size:var(--guk-font-size-base);line-height:var(--guk-line-height-normal)}body,h1,h2,h3,h4,h5,h6{font-family:var(--guk-font-family)}h1,h2,h3,h4,h5,h6{color:var(--guk-color-neutral-900);line-height:var(--guk-line-height-tight);margin-bottom:var(--guk-space-4);margin-top:var(--guk-space-8)}h1{border-bottom:1px solid var(--guk-color-neutral-200);font-size:var(--guk-font-size-3xl);padding-bottom:var(--guk-space-2)}h2{font-size:var(--guk-font-size-2xl)}h3{font-size:var(--guk-font-size-xl)}h4{font-size:var(--guk-font-size-lg)}h5,h6{font-size:var(--guk-font-size-m)}code{background-color:var(--guk-color-neutral-100);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);font-family:var(--guk-font-family-monospace,monospace);font-size:.95em;padding:2px 4px}dl,figure,ol,p,ul{margin-bottom:var(--guk-space-4)}dl,ol,ul{margin-top:var(--guk-space-4);padding-left:var(--guk-space-6)}li{margin-bottom:var(--guk-space-2);margin-top:var(--guk-space-2)}ol{list-style-type:decimal}ul{list-style-type:disc}a{color:var(--guk-color-primary-500);text-decoration:none;transition:color var(--transition-speed-md) var(--transition-timing)}a:hover{color:var(--guk-color-primary-400)}.admonitionblock a{color:inherit}code,pre{font-family:var(--guk-font-family-monospace,monospace);font-size:.95em}pre{background-color:var(--guk-color-neutral-0);border-radius:var(--guk-border-rounded);margin-bottom:var(--guk-space-6);margin-top:var(--guk-space-6);overflow:auto}thead{border-bottom:1px solid var(--guk-color-neutral-200);color:var(--guk-color-neutral-500);font-family:var(--guk-font-family);font-variant:small-caps;letter-spacing:.05em;text-transform:lowercase}th{text-align:left}td,th{padding:var(--guk-space-2)}td>.tableblock{margin:0}dl{border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);display:inline-block;padding:var(--guk-space-4)}dt{font-weight:var(--guk-font-weight-semibold)}dt:after{content:":"}dd{margin-left:0}dd+dt{border-top:1px solid var(--guk-color-neutral-200);margin-top:var(--guk-space-2);padding-top:var(--guk-space-2)}blockquote{border-left:4px solid var(--guk-color-neutral-200);color:var(--guk-color-neutral-700);font-style:italic;margin-left:var(--guk-space-8);padding-left:var(--guk-space-4)}blockquote+.attribution{color:var(--guk-color-neutral-600);font-size:var(--guk-font-size-sm);text-align:right}.strong,strong{font-weight:var(--guk-font-weight-semibold)}.strikethrough{text-decoration:line-through}aside,pre,table{margin-bottom:var(--guk-space-6);margin-top:var(--guk-space-6)}:root{--guk-font-family-monospace:"Roboto Mono",monospace}svg{fill:currentColor}svg.icon{height:1em;pointer-events:none;vertical-align:-.1em;width:1em}.btn-icon{border:0;display:flex;padding:.5em}.input,.textarea{background:var(--tertiary);border:1px solid var(--aluminum-4);border-radius:2px;color:var(--steel-5);font-size:14px;height:var(--input-md);padding:var(--xs);transition:box-shadow var(--transition-speed-sm) var(--transition-timing);width:100%;word-break:normal}.input.focus,.input:focus,.textarea.focus,.textarea:focus{border-color:var(--core-violet-3);box-shadow:0 0 0 3px rgba(0,162,223,.25)}.input::placeholder,.textarea::placeholder{color:var(--aluminum-5)}.textarea{resize:vertical}.select{background:var(--tertiary);border:1px solid var(--aluminum-4);color:var(--steel-5);font-size:14px;height:var(--input-md);padding:var(--xs);transition:box-shadow var(--transition-speed-sm) var(--transition-timing);word-break:normal}.select.focus,.select:focus{border-color:var(--core-violet-3);box-shadow:0 0 0 3px rgba(0,162,223,.25)}.card-section .content,.card-section .sectionbody{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(30%,230px),1fr))}.card-section-2col .content,.card-section-2col .sectionbody{grid-template-columns:repeat(auto-fill,minmax(max(50% - .5rem,250px),1fr))}.card-section .sectionbody>:not(.card){grid-column:1/-1}.card .content,.card .paragraph,.card p{display:inline}.card a{display:block;display:inline-flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem 1.2rem;width:100%}.card a .card-body{flex-grow:1}.card-title{display:flex;vertical-align:center}.card-body{display:block}.card a{border-radius:var(--guk-border-rounded);color:inherit;font-size:var(--guk-font-size-sm);text-decoration:none}.card a .card-title{font-family:var(--guk-font-family);font-size:var(--guk-font-size-base);font-weight:var(--guk-font-weight-semibold);line-height:1.4;margin-bottom:var(--guk-space-5)}.card-learn a{border:1px solid var(--guk-color-neutral-300);border-left:3px solid var(--guk-color-neutral-700);color:var(--guk-color-neutral-600)}.card-learn a .card-title{margin-bottom:var(--guk-space-4)}.card-learn a:hover{border-color:var(--guk-color-primary-200);border-left-color:var(--guk-color-primary-400);box-shadow:0 6px 12px 0 rgba(60,60,60,.09)}.card-learn a:hover .card-title{color:var(--guk-color-primary-400)}.card-primary a,.card-secondary a{box-shadow:0 5px 10px 0 rgba(60,60,60,.1)}.card-primary a:hover,.card-secondary a:hover{box-shadow:0 5px 10px 0 rgba(60,60,60,.3)}.card-primary a .card-title:before,.card-secondary a .card-title:before{background-image:var(--card-icon);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1.2em;margin-right:.6em;vertical-align:middle;width:1.2em}.card-primary a{color:var(--guk-color-neutral-0);min-height:14rem;overflow:hidden;padding-bottom:var(--guk-space-8);padding-top:var(--guk-space-12);position:relative}.card-primary a .card-title{font-size:var(--guk-font-size-lg)}.card-primary a:before{background-image:url(../images/cards.svg);background-repeat:no-repeat;background-size:contain;bottom:30px;content:"";display:block;height:70px;position:absolute;right:-20px;width:95px}.card-primary a:after{content:"Get started >";font-family:var(--guk-font-family);font-size:var(--guk-font-size-sm);font-weight:var(--guk-font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.card-secondary a{border:1px solid var(--guk-color-neutral-100);color:var(--guk-color-neutral-600)}.card-secondary a:hover{border-color:var(--guk-color-neutral-200)}.card-contracts a{--card-icon:url(../images/contracts_white.svg);background-image:linear-gradient(45deg,#6746d6,#a134d1)}.card-defender a{--card-icon:url(../images/defender_white.svg);background-image:linear-gradient(-135deg,#00e1d4,#00c7f2)}.card-upgrades{--card-icon:url(../images/icons/upgrades-plugins.svg)}.card-contracts-cairo{--card-icon:url(../images/icons/contracts-cairo.svg)}.card-contracts-stylus{--card-icon:url(../images/icons/contracts-stylus.svg)}.card-substrate-runtimes{--card-icon:url(../images/icons/substrate-runtimes.svg)}.card-test-environment{--card-icon:url(../images/icons/test-environment.svg)}.card-network-js{--card-icon:url(../images/icons/network-js.svg)}.card-gsn-helpers{--card-icon:url(../images/icons/gsn-helpers.svg)}.card-gsn-provider{--card-icon:url(../images/icons/gsn-provider.svg)}.card-contract-loader{--card-icon:url(../images/icons/contract-loader.svg)}.card-solidity-docgen{--card-icon:url(../images/icons/docgen.svg)}.card-subgraphs{--card-icon:url(../images/icons/subgraphs.svg)}.nav{background:var(--guk-color-neutral-0);border-right:1px solid var(--guk-color-neutral-100);color:var(--guk-color-neutral-600);padding:1rem}.nav a{text-decoration:none}.nav .nav-li-active>a{color:var(--guk-color-primary-400)}.nav-component{line-height:1rem}.nav-component a{padding:.7rem 1rem}.nav-title{color:var(--guk-color-neutral-600);font-family:var(--guk-font-family);font-size:.8em;font-weight:var(--guk-font-weight-semibold);letter-spacing:.05em;padding:0 1rem;text-transform:uppercase}.btn-back{color:var(--guk-color-neutral-400);cursor:pointer;margin-left:1.3rem}.btn-back:before{content:url(../images/icons/arrow_back.svg);display:inline-block;margin-left:-1.3rem;margin-right:.3em;width:1rem}.btn-back:hover{color:var(--guk-color-neutral-700)}.nav-heading{font-family:var(--guk-font-family);font-size:1rem;font-weight:var(--guk-font-weight-semibold)}.nav-component-active .nav-heading-active{background:var(--guk-color-neutral-50);padding-bottom:4px;padding-top:15px;z-index:2}.nav-component-heading{font-family:var(--guk-font-family);font-size:1rem;font-weight:var(--guk-font-weight-normal);position:relative}.nav-component-heading,.nav-link{color:var(--guk-color-neutral-600)}.nav-link{cursor:pointer;margin-bottom:var(--guk-space-2)}.nav-link:hover{color:var(--guk-color-neutral-900);cursor:pointer}.nav-link code{font-size:.9rem;padding:0}.nav-icon{opacity:.8}button.collapse-toggle{border:none;cursor:pointer;padding:0}button.collapse-toggle.toggled img{transform:rotate(-90deg)}button.collapse-toggle.toggled~.collapsible-content{display:none}.close-menu-btn{border:0}.nav-list{list-style:none;margin:0;padding-left:0}*{scrollbar-color:var(--guk-color-neutral-100) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--guk-color-neutral-100);border-radius:10px}.component-version{position:relative}.btn-version{border:1px solid;border-radius:var(--guk-border-rounded-full);font-size:.85rem;font-weight:var(--guk-font-weight-normal);margin:.4rem 0;min-height:1.5rem;padding:0 var(--guk-space-2)}.btn-version:after{content:url(../images/icons/chevron.svg);display:inline-block;margin-left:.2rem;width:.8rem}.btn-version:focus,.btn-version:hover{color:var(--guk-color-primary-400)}.btn-version svg{height:var(--guk-space-4);width:var(--guk-space-4)}.popover-container{opacity:0;padding-top:.5em;pointer-events:none;position:absolute;right:0;top:100%;z-index:1}.btn-version:focus+.popover-container,.popover-container:focus-within{opacity:1;pointer-events:auto}.popover{background:var(--guk-color-neutral-0);border:1px solid var(--guk-color-neutral-100);border-radius:var(--guk-border-rounded);box-shadow:0 0 10px rgba(0,0,0,.05);color:var(--guk-color-neutral-700);font-family:var(--guk-font-family);font-size:.9em;margin:0 var(--guk-space-1);padding:.5em;user-select:none;width:10em}.popover p{font-size:.9em;font-weight:700;margin:0;padding:0 .5em}.popover ul{margin:0;padding:0}.popover ul li{list-style:none}.popover ul li a{display:block;padding:.2em .5em}.popover ul li a:hover{background-color:var(--guk-color-neutral-50)}.readme-notice{display:none}.root{display:flex}.nav{flex:0 0 auto;height:100vh;overflow-y:auto;position:sticky;top:0;width:300px}.nav-heading{align-items:center;margin:.75rem 1.3rem;text-transform:uppercase}.nav-component-active{overflow-y:auto}.nav-component-active .nav-heading-active{margin-top:0;position:sticky;top:0}.nav-heading-active{position:sticky;top:15px}.nav-component-heading+.nav-list{height:90%;margin-bottom:0}.nav-li{line-height:1.5rem;margin-left:1.3rem}.nav-icon{height:1rem;margin-right:.5rem;width:1rem}.close-menu-btn{display:flex;margin-left:calc(var(--side-margin)*-1);margin-top:calc(var(--side-margin)*-1);padding:var(--lg)}@media (min-width:1000px){.close-menu-btn{display:none}}@media (max-width:1000px){.nav{flex-grow:1;padding:var(--lg)}.nav.toggled~.main,.nav:not(.toggled){display:none}}button.collapse-toggle{height:1rem;margin-left:-1.3rem;width:1rem}:root{--side-margin:var(--xl)}@media (max-width:1000px){:root{--side-margin:var(--lg)}}.main{display:flex;flex-direction:column;flex-grow:1;min-width:0}.article-wrapper,.navbar{margin:0 var(--side-margin);max-width:60rem}.navbar{align-items:center;display:flex;flex-wrap:wrap}.navbar-burger{display:flex;margin-left:calc(var(--side-margin)*-1);margin-right:.5em;padding:var(--lg)}.navbar-logo{align-items:stretch;display:flex;flex-grow:99}.navbar-logo a{align-items:center;display:flex;padding:var(--lg) 0}.navbar-search{display:flex;position:relative}.navbar-search-input{padding:.5rem!important;width:20em}.navbar-end{display:flex;flex-wrap:wrap;justify-content:space-around}.navbar-item{align-items:center;display:flex;flex-grow:1;justify-content:center;line-height:1.5;margin-left:.25em;margin-right:.25em}.article-wrapper{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1}.article{flex-grow:1;min-width:0}.toc-sidebar{flex-grow:0;flex-shrink:0;margin-left:var(--lg);max-height:80vh;overflow-y:auto;position:sticky;top:10vh;width:200px}@media (max-width:666.6666666667px){.toc-sidebar{display:none}}.notoc .toc-sidebar{display:none}body .leadinModal.leadinModal-theme-top{bottom:0;top:auto;z-index:99999999999}.leadinModal.leadinModal-theme-top .leadinModal-content{animation-name:leadinModal-reset!important}.leadinModal.leadinModal-theme-top.leadinModal-closing,.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content{animation-name:leadinModal-fadeout!important}@keyframes leadinModal-reset{0%{opacity:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}1%{opacity:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}2%{opacity:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.header{border-bottom:1px solid var(--guk-color-neutral-200);padding:1em 0}.navbar{word-wrap:break-word;color:var(--guk-color-neutral-900);font-size:var(--guk-font-size-sm);z-index:10}.navbar a{text-decoration:none}.navbar-brand .navbar-item:first-child,.navbar-brand .navbar-item:first-child a{color:var(--guk-color-neutral-900);font-size:var(--guk-font-size-lg)}.navbar-brand .separator{padding:0 var(--guk-space-1)}.navbar-burger{background:none;border:none;color:var(--guk-color-neutral-900);outline:none}.navbar-burger::-moz-focus-inner{border:none}.navbar-item{color:var(--guk-color-neutral-500);font-family:var(--guk-font-family);font-size:var(--guk-font-size-base);font-weight:var(--guk-font-weight-medium);margin-left:32px;margin-right:0;padding:var(--guk-space-2)}.navbar-item:hover{color:var(--guk-color-neutral-800)}.navbar-button{background:var(--guk-color-primary-500);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded-full);color:var(--guk-color-neutral-0);display:inline-block;font-family:var(--guk-font-family);font-size:var(--guk-font-size-base);font-weight:var(--guk-font-weight-medium);letter-spacing:-.02em;padding:var(--guk-space-1-5) var(--guk-space-3);text-align:center;text-decoration:none;text-transform:none;transition:all .2s ease;white-space:nowrap}.navbar-button:hover{background:var(--guk-color-primary-600)!important;color:var(--guk-color-neutral-0)}.navbar-search-input{background-color:var(--guk-color-neutral-0);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);color:var(--guk-color-neutral-500);font-size:var(--guk-font-size-base);margin-right:8px}.navbar-search-input:focus{outline:none}.navbar-search-input:before{content:url(../images/icons/arrow_back.svg);display:inline-block}.navbar-search-checkbox{display:none}@media screen and (min-width:1000px){.navbar-burger{display:none}}footer.footer{background-color:var(--guk-color-neutral-0);border-top:1px solid var(--guk-color-neutral-100);font-size:var(--guk-size-base);padding:var(--guk-space-6) var(--guk-space-8)}.footer a,footer.footer{color:var(--guk-color-neutral-500)}.footer a{display:inline;margin-left:var(--guk-space-4);padding-left:var(--guk-space-1-5)}.footer a:hover{color:var(--guk-color-neutral-800)} /*! Customized Theme aligned with the Style Guide diff --git a/ui/theme/dist/index.css.map b/ui/theme/dist/index.css.map index 161a686f..351598ef 100644 --- a/ui/theme/dist/index.css.map +++ b/ui/theme/dist/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../src/css/globals/_reset.scss","../../src/css/index.scss","../../src/css/globals/_vars.scss","../../src/css/globals/_global.scss","../../src/css/globals/_grid.scss","../../src/css/globals/_typography.scss","../../src/css/components/icons.scss","../../src/css/components/inputs.scss","../../src/css/components/select.scss","../../src/css/components/cards.scss","../../src/css/specific/navigation.scss","../../src/css/specific/version-select.scss","../../src/css/specific/readme-notice.scss","../../src/css/layout.scss","../../src/css/header.scss","../../src/css/footer.scss","../../src/css/hljs-theme.scss","../../src/css/article.scss","../../src/css/admonitionblock.scss","../../src/css/toc.scss","../../src/css/hardhat-truffle-toggle.scss","../../src/css/hs-banner.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["html {\r\n -ms-text-size-adjust: 100;\r\n -webkit-text-size-adjust: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n}\r\n\r\ndetails,\r\nmain,\r\nsummary {\r\n display: block;\r\n}\r\n\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n vertical-align: baseline;\r\n}\r\n\r\n[hidden],\r\ntemplate {\r\n display: none;\r\n}\r\n\r\na {\r\n background: transparent;\r\n\r\n &:hover,\r\n &:active {\r\n outline: 0;\r\n }\r\n}\r\n\r\nabbr[title] {\r\n border-bottom: 1px dotted;\r\n cursor: help;\r\n}\r\n\r\nb,\r\nstrong {\r\n font-weight: bold;\r\n}\r\n\r\ndfn {\r\n font-style: italic;\r\n}\r\n\r\nh1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n}\r\n\r\nsmall {\r\n font-size: 80%;\r\n}\r\n\r\nsub,\r\nsup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline;\r\n}\r\n\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\nsub {\r\n bottom: -0.25em;\r\n}\r\n\r\nimg {\r\n border: 0;\r\n}\r\n\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\nfigure,\r\nblockquote {\r\n margin: 0;\r\n}\r\n\r\nhr {\r\n box-sizing: content-box;\r\n height: 0;\r\n}\r\n\r\npre {\r\n display: block;\r\n line-height: 1.4;\r\n margin: 0;\r\n overflow: auto;\r\n word-break: break-all;\r\n word-wrap: break-word;\r\n}\r\n\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n font-family: monospace, monospace;\r\n font-size: 1em;\r\n}\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n color: inherit;\r\n font: inherit;\r\n margin: 0;\r\n}\r\n\r\nbutton {\r\n background: transparent;\r\n box-shadow: none;\r\n overflow: visible;\r\n}\r\n\r\nbutton,\r\nselect {\r\n text-transform: none;\r\n}\r\n\r\nbutton,\r\nhtml input[type='button'],\r\ninput[type='reset'],\r\ninput[type='submit'] {\r\n -webkit-appearance: button;\r\n cursor: pointer;\r\n}\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\ninput {\r\n line-height: normal;\r\n}\r\n\r\ninput[type='checkbox'],\r\ninput[type='radio'] {\r\n box-sizing: border-box;\r\n padding: 0;\r\n}\r\n\r\ninput[type='number']::-webkit-inner-spin-button,\r\ninput[type='number']::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\ninput,\r\ntextarea {\r\n -webkit-appearance: none;\r\n background: transparent;\r\n border: 0;\r\n\r\n &[type='radio'] {\r\n -webkit-appearance: radio;\r\n cursor: pointer;\r\n }\r\n}\r\n\r\nfieldset {\r\n border: 1px solid #cbd2d9;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\nlegend {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\noptgroup {\r\n font-weight: bold;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 0;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect[multiple],\r\ntextarea {\r\n background-image: none;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4 {\r\n font-size: inherit;\r\n font-weight: inherit;\r\n margin: 0;\r\n}\r\n\r\nol,\r\nul {\r\n /* list-style-type: none; */\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\np {\r\n margin: 0;\r\n}\r\n\r\niframe {\r\n border: 0;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\ninput[disabled] textarea[disabled] {\r\n cursor: not-allowed;\r\n}\r\n\r\ninput[type='search'] {\r\n &::-webkit-search-decoration,\r\n &::-webkit-search-cancel-button,\r\n &::-webkit-search-results-button,\r\n &::-webkit-search-results-decoration {\r\n display: none;\r\n }\r\n}\r\n","html {\n -ms-text-size-adjust: 100;\n -webkit-text-size-adjust: 100%;\n}\n\nbody {\n margin: 0;\n}\n\ndetails,\nmain,\nsummary {\n display: block;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n vertical-align: baseline;\n}\n\n[hidden],\ntemplate {\n display: none;\n}\n\na {\n background: transparent;\n}\na:hover, a:active {\n outline: 0;\n}\n\nabbr[title] {\n border-bottom: 1px dotted;\n cursor: help;\n}\n\nb,\nstrong {\n font-weight: bold;\n}\n\ndfn {\n font-style: italic;\n}\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nimg {\n border: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nfigure,\nblockquote {\n margin: 0;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n}\n\npre {\n display: block;\n line-height: 1.4;\n margin: 0;\n overflow: auto;\n word-break: break-all;\n word-wrap: break-word;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit;\n font: inherit;\n margin: 0;\n}\n\nbutton {\n background: transparent;\n box-shadow: none;\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n -webkit-appearance: button;\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput {\n line-height: normal;\n}\n\ninput[type=checkbox],\ninput[type=radio] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\ninput,\ntextarea {\n -webkit-appearance: none;\n background: transparent;\n border: 0;\n}\ninput[type=radio],\ntextarea[type=radio] {\n -webkit-appearance: radio;\n cursor: pointer;\n}\n\nfieldset {\n border: 1px solid #cbd2d9;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\nlegend {\n border: 0;\n padding: 0;\n}\n\ntextarea {\n overflow: auto;\n}\n\noptgroup {\n font-weight: bold;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton,\ninput,\nselect[multiple],\ntextarea {\n background-image: none;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nh1,\nh2,\nh3,\nh4 {\n font-size: inherit;\n font-weight: inherit;\n margin: 0;\n}\n\nol,\nul {\n /* list-style-type: none; */\n margin: 0;\n padding: 0;\n}\n\np {\n margin: 0;\n}\n\niframe {\n border: 0;\n}\n\naddress {\n font-style: normal;\n}\n\ninput[disabled] textarea[disabled] {\n cursor: not-allowed;\n}\n\ninput[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {\n display: none;\n}\n\n:root {\n --core-gray: #f8f8fa;\n --core-violet-1: #9aa2e7;\n --core-violet-2: #6d79e9;\n --core-violet-3: #6472e7;\n --core-violet-4: #4e5ee4;\n --core-violet-6: #282846;\n --robust-blue-1: #a1b1b8;\n --robust-blue-2: #6b8a99;\n --robust-blue-3: #506773;\n --robust-blue-4: #32444d;\n --robust-blue-5: #272f33;\n --future-green-1: #aaf2cb;\n --future-green-2: #33cc7a;\n --future-green-3: #17bc65;\n --future-green-4: #0e8c48;\n --future-green-5: #174d30;\n --steel-1: #6b6c6d;\n --steel-2: #58595a;\n --steel-3: #3a3b3c;\n --steel-4: #3D3D58;\n --steel-5: #121314;\n --aluminum-0: #f5f6fe;\n --aluminum-1: #f9fafb;\n --aluminum-2: #f4f5f6;\n --aluminum-3: #e8e9ea;\n --aluminum-4: #cacbcc;\n --aluminum-5: #989a9b;\n --yellow-3: #f2be24;\n --viridian-3: #00b49d;\n --teal-3: #00b5d1;\n --navy-3: #178bea;\n --indigo-3: #5e66f9;\n --violet-3: #9a63f9;\n --red-3: #d1344e;\n --blue: #196BF7;\n --tertiary: #fff;\n --color-text: #282846;\n --color-text-light: #555566;\n --color-navbar-text: #282846;\n --border-radius: 0.3rem;\n --heading: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n \"Noto Color Emoji\";\n --sans-serif: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n \"Noto Color Emoji\";\n --monospace: \"Roboto Mono\", monospace;\n --weight-normal: 400;\n --weight-medium: 500;\n --weight-bold: 600;\n --header-height: 66px;\n --navbar-height: 70px;\n --footer-height: 361px;\n --nav-item-height: 32px;\n --xs: 5px;\n --sm: 10px;\n --md: 15px;\n --lg: 20px;\n --xl: 40px;\n --input-md: 30px;\n --transition-speed-sm: 0.15s;\n --transition-speed-md: 0.3s;\n --transition-timing: cubic-bezier(0.46, 0.03, 0.52, 0.96);\n /* Border Radius */\n --guk-border-rounded: 4px;\n --guk-border-rounded-lg: 8px;\n --guk-border-rounded-xl: 12px;\n --guk-border-rounded-2xl: 16px;\n --guk-border-rounded-3xl: 24px;\n --guk-border-rounded-full: 9999px;\n --guk-border-rounded-none: 0;\n /* Colors */\n /* Primary */\n --guk-color-primary-50: #f5f8ff;\n --guk-color-primary-100: #c4d7ff;\n --guk-color-primary-200: #93b2ff;\n --guk-color-primary-300: #628cfe;\n --guk-color-primary-400: #3164fa;\n --guk-color-primary-500: #003bf5;\n --guk-color-primary-600: #0037d2;\n --guk-color-primary-700: #0031ad;\n --guk-color-primary-800: #002985;\n --guk-color-primary-900: #001f5c;\n /* Neutral */\n --guk-color-neutral-0: #ffffff;\n --guk-color-neutral-50: #f5f7fa;\n --guk-color-neutral-100: #e4e7eb;\n --guk-color-neutral-200: #cbd2d9;\n --guk-color-neutral-300: #9aa5b1;\n --guk-color-neutral-400: #7b8794;\n --guk-color-neutral-500: #616e7c;\n --guk-color-neutral-600: #52606d;\n --guk-color-neutral-700: #3e4c59;\n --guk-color-neutral-800: #323f4b;\n --guk-color-neutral-900: #1f2933;\n /* Info */\n --guk-color-info-100: #d1fdfa;\n --guk-color-info-200: #a4f9fb;\n --guk-color-info-300: #75e8f3;\n --guk-color-info-400: #52cfe7;\n --guk-color-info-500: #1eadd8;\n --guk-color-info-600: #1588b9;\n --guk-color-info-700: #0f669b;\n --guk-color-info-800: #09497d;\n --guk-color-info-900: #053467;\n /* Success */\n --guk-color-success-100: #f3fccc;\n --guk-color-success-200: #e4f99a;\n --guk-color-success-300: #ccef66;\n --guk-color-success-400: #b2e040;\n --guk-color-success-500: #8ecc0a;\n --guk-color-success-600: #74af07;\n --guk-color-success-700: #5c9205;\n --guk-color-success-800: #467603;\n --guk-color-success-900: #366101;\n /* Warning */\n --guk-color-warning-100: #fff3d6;\n --guk-color-warning-200: #ffe4ad;\n --guk-color-warning-300: #ffd083;\n --guk-color-warning-400: #ffbe65;\n --guk-color-warning-500: #ff9f32;\n --guk-color-warning-600: #db7d24;\n --guk-color-warning-700: #b75e19;\n --guk-color-warning-800: #93430f;\n --guk-color-warning-900: #7a3009;\n /* Critical */\n --guk-color-critical-100: #fee4d6;\n --guk-color-critical-200: #fec3ae;\n --guk-color-critical-300: #fd9a86;\n --guk-color-critical-400: #fb7467;\n --guk-color-critical-500: #f93636;\n --guk-color-critical-600: #d62736;\n --guk-color-critical-700: #b31b35;\n --guk-color-critical-800: #901132;\n --guk-color-critical-900: #770a30;\n /* Transparent */\n --guk-color-transparent: transparent;\n /* Spacing */\n --guk-space-base: 4px;\n --guk-space-0: calc(var(--guk-space-base) * 0);\n --guk-space-0-25: calc(var(--guk-space-base) * 0.25);\n --guk-space-0-5: calc(var(--guk-space-base) * 0.5);\n --guk-space-1-5: calc(var(--guk-space-base) * 1.5);\n --guk-space-2: calc(var(--guk-space-base) * 2);\n --guk-space-2-5: calc(var(--guk-space-base) * 2.5);\n --guk-space-3: calc(var(--guk-space-base) * 3);\n --guk-space-3-5: calc(var(--guk-space-base) * 3.5);\n --guk-space-4: calc(var(--guk-space-base) * 4);\n --guk-space-5: calc(var(--guk-space-base) * 5);\n --guk-space-6: calc(var(--guk-space-base) * 6);\n --guk-space-7: calc(var(--guk-space-base) * 7);\n --guk-space-8: calc(var(--guk-space-base) * 8);\n --guk-space-9: calc(var(--guk-space-base) * 9);\n --guk-space-10: calc(var(--guk-space-base) * 10);\n --guk-space-11: calc(var(--guk-space-base) * 11);\n --guk-space-12: calc(var(--guk-space-base) * 12);\n --guk-space-14: calc(var(--guk-space-base) * 14);\n --guk-space-16: calc(var(--guk-space-base) * 16);\n --guk-space-20: calc(var(--guk-space-base) * 20);\n --guk-space-24: calc(var(--guk-space-base) * 24);\n --guk-space-28: calc(var(--guk-space-base) * 28);\n --guk-space-32: calc(var(--guk-space-base) * 32);\n --guk-space-36: calc(var(--guk-space-base) * 36);\n --guk-space-40: calc(var(--guk-space-base) * 40);\n --guk-space-44: calc(var(--guk-space-base) * 44);\n --guk-space-48: calc(var(--guk-space-base) * 48);\n --guk-space-52: calc(var(--guk-space-base) * 52);\n --guk-space-56: calc(var(--guk-space-base) * 56);\n --guk-space-60: calc(var(--guk-space-base) * 60);\n --guk-space-64: calc(var(--guk-space-base) * 64);\n --guk-space-72: calc(var(--guk-space-base) * 72);\n --guk-space-80: calc(var(--guk-space-base) * 80);\n --guk-space-96: calc(var(--guk-space-base) * 96);\n /* Typography */\n /* Font Weight */\n --guk-font-weight-normal: 500;\n --guk-font-weight-semibold: 600;\n /* Font Size */\n --guk-font-size-xs: 0.75rem;\n --guk-font-size-sm: 0.875rem;\n --guk-font-size-base: 1rem;\n --guk-font-size-lg: 1.125rem;\n --guk-font-size-xl: 1.25rem;\n --guk-font-size-2xl: 1.5rem;\n --guk-font-size-3xl: 1.875rem;\n --guk-font-size-4xl: 2.25rem;\n --guk-font-size-5xl: 3rem;\n /* Line Height */\n --guk-line-height-normal: 1.5;\n --guk-line-height-tight: 1.25;\n --guk-line-height-relaxed: 1.65;\n /* Font Family */\n --guk-font-family: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n \"Noto Color Emoji\";\n}\n\n/* Font-face Definitions */\n@font-face {\n font-family: \"Manrope\";\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\"../../fonts/Manrope-Regular.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Manrope\";\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\"../../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\n}\nbody {\n background: var(--guk-color-neutral-50);\n}\n\n.filter-active-icon {\n filter: invert(49%) sepia(69%) saturate(6505%) hue-rotate(225deg) brightness(93%) contrast(91%);\n}\n\n@media (min-width: 1160px) {\n .container {\n max-width: 1160px;\n }\n}\n\n.flex {\n display: flex;\n}\n\n.col {\n flex-direction: column;\n}\n\n.align-top {\n align-items: flex-start;\n}\n\n.align-center {\n align-items: center;\n}\n\n.align-bottom {\n align-items: flex-end;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-justified {\n justify-content: space-between;\n}\n\n.grow {\n flex: 1 1 auto;\n}\n\n.shrink {\n flex: 0 0 auto;\n}\n\n/* typography.scss */\n/* Font-face Definitions */\n@font-face {\n font-family: \"Manrope\";\n src: url(\"../fonts/Manrope-Regular.ttf\") format(\"truetype\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n@font-face {\n font-family: \"Manrope\";\n src: url(\"../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n/* Body Styles */\nbody {\n color: var(--guk-color-neutral-600);\n font-family: var(--guk-font-family);\n font-size: var(--guk-font-size-base); /* 1rem */\n line-height: var(--guk-line-height-normal); /* 1.5 */\n}\n\n/* Headings */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: var(--guk-color-neutral-900);\n font-family: var(--guk-font-family);\n /* font-weight: var(--guk-font-weight-semibold); /* 600 */\n line-height: var(--guk-line-height-tight); /* 1.25 */\n margin-bottom: var(--guk-space-4); /* Consistent spacing */\n margin-top: var(--guk-space-8);\n}\n\n/*\nh2,\nh3,\nh4,\nh5,\nh6 {\n padding-top: var(--guk-space-8); \n\n}\n*/\nh1 {\n /* padding-top: var(--guk-space-6); /* Adjusted spacing */\n border-bottom: 1px solid var(--guk-color-neutral-200);\n}\n\n/* Heading Specific Styles */\nh1 {\n font-size: var(--guk-font-size-3xl); /* 3rem */\n padding-bottom: var(--guk-space-2);\n}\n\nh2 {\n font-size: var(--guk-font-size-2xl); /* 2.25rem */\n}\n\nh3 {\n font-size: var(--guk-font-size-xl); /* 1.875rem */\n}\n\nh4 {\n font-size: var(--guk-font-size-lg); /* 1.5rem */\n}\n\nh5 {\n font-size: var(--guk-font-size-m); /* 1.25rem */\n}\n\nh6 {\n font-size: var(--guk-font-size-m); /* 1.125rem */\n}\n\n/* Inline Code */\ncode {\n background-color: var(--guk-color-neutral-100); /* #f5f7fa */\n border-radius: var(--guk-border-rounded); /* 4px */\n border: 1px solid var(--guk-color-neutral-200);\n font-family: var(--guk-font-family-monospace, monospace);\n font-size: 0.95em;\n padding: 2px 4px;\n}\n\n/* Paragraphs and Lists */\np,\nfigure {\n margin-bottom: var(--guk-space-4);\n /* margin-top: var(--guk-space-6); */\n}\n\nul,\nol,\ndl {\n margin-bottom: var(--guk-space-4);\n margin-top: var(--guk-space-4);\n padding-left: var(--guk-space-6);\n}\n\nli {\n margin-top: var(--guk-space-2);\n margin-bottom: var(--guk-space-2);\n}\n\nol {\n list-style-type: decimal;\n}\n\nul {\n list-style-type: disc;\n}\n\n/* Links */\na {\n color: var(--guk-color-primary-500);\n text-decoration: none;\n transition: color var(--transition-speed-md) var(--transition-timing);\n}\na:hover {\n color: var(--guk-color-primary-400);\n}\n.admonitionblock a {\n color: inherit;\n}\n\n/* Preformatted Text */\npre,\ncode {\n font-family: var(--guk-font-family-monospace, monospace);\n font-size: 0.95em;\n}\n\npre {\n background-color: var(--guk-color-neutral-0);\n border-radius: var(--guk-border-rounded);\n /* padding: var(--guk-space-4); */\n overflow: auto;\n margin-bottom: var(--guk-space-6);\n margin-top: var(--guk-space-6);\n}\n\n/* Table Headings */\nthead {\n font-family: var(--guk-font-family);\n font-variant: small-caps;\n text-transform: lowercase;\n letter-spacing: 0.05em;\n color: var(--guk-color-neutral-500);\n border-bottom: 1px solid var(--guk-color-neutral-200);\n}\n\nth {\n text-align: left;\n padding: var(--guk-space-2);\n}\n\ntd,\nth {\n padding: var(--guk-space-2);\n}\n\ntd > .tableblock {\n margin: 0;\n}\n\n/* Definition Lists */\ndl {\n border: 1px solid var(--guk-color-neutral-200);\n border-radius: var(--guk-border-rounded);\n display: inline-block;\n padding: var(--guk-space-4);\n}\n\ndt {\n font-weight: var(--guk-font-weight-semibold);\n}\ndt::after {\n content: \":\";\n}\n\ndd {\n margin-left: 0;\n}\ndd + dt {\n border-top: 1px solid var(--guk-color-neutral-200);\n margin-top: var(--guk-space-2);\n padding-top: var(--guk-space-2);\n}\n\n/* Blockquotes */\nblockquote {\n margin-left: var(--guk-space-8);\n border-left: 4px solid var(--guk-color-neutral-200);\n padding-left: var(--guk-space-4);\n color: var(--guk-color-neutral-700);\n font-style: italic;\n}\n\nblockquote + .attribution {\n text-align: right;\n font-size: var(--guk-font-size-sm);\n color: var(--guk-color-neutral-600);\n}\n\n/* Strong Text */\nstrong,\n.strong {\n font-weight: var(--guk-font-weight-semibold);\n}\n\n/* Strikethrough Text */\n.strikethrough {\n text-decoration: line-through;\n}\n\n/* Miscellaneous */\npre,\ntable,\naside {\n margin-bottom: var(--guk-space-6);\n margin-top: var(--guk-space-6);\n}\n\n/* Variables Fallbacks */\n:root {\n --guk-font-family-monospace: \"Roboto Mono\", monospace;\n}\n\nsvg {\n fill: currentColor;\n}\n\nsvg.icon {\n height: 1em;\n width: 1em;\n pointer-events: none;\n vertical-align: -0.1em;\n}\n\n.btn-icon {\n border: 0;\n display: flex;\n padding: 0.5em;\n}\n\n.input,\n.textarea {\n background: var(--tertiary);\n border: 1px solid var(--aluminum-4);\n border-radius: 2px;\n color: var(--steel-5);\n font-size: 14px;\n height: var(--input-md);\n padding: var(--xs);\n transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\n width: 100%;\n word-break: normal;\n}\n.input.focus, .input:focus,\n.textarea.focus,\n.textarea:focus {\n border-color: var(--core-violet-3);\n box-shadow: 0 0 0 3px rgba(0, 162, 223, 0.25);\n}\n.input::placeholder,\n.textarea::placeholder {\n color: var(--aluminum-5);\n}\n\n.textarea {\n resize: vertical;\n}\n\n.select {\n background: var(--tertiary);\n border: 1px solid var(--aluminum-4);\n color: var(--steel-5);\n font-size: 14px;\n height: var(--input-md);\n padding: var(--xs);\n transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\n word-break: normal;\n}\n.select.focus, .select:focus {\n border-color: var(--core-violet-3);\n box-shadow: 0 0 0 3px rgba(0, 162, 223, 0.25);\n}\n\n/* grid layout */\n.card-section .sectionbody, .card-section .content {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(max(30%, 230px), 1fr));\n grid-gap: 1rem;\n}\n\n.card-section-2col .sectionbody, .card-section-2col .content {\n grid-template-columns: repeat(auto-fill, minmax(max(50% - 0.5rem, 250px), 1fr));\n}\n\n.card-section .sectionbody > :not(.card) {\n grid-column: 1/-1;\n}\n\n.card .content,\n.card .paragraph,\n.card p {\n display: inline;\n}\n\n.card a {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n/* inner card layout */\n.card a {\n display: inline-flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 1.5rem 1.2rem;\n}\n.card a .card-body {\n flex-grow: 1;\n}\n\n.card-title {\n display: flex;\n vertical-align: center;\n}\n\n.card-body {\n display: block;\n}\n\n/* styling */\n.card a {\n border-radius: var(--border-radius);\n color: inherit;\n text-decoration: none;\n font-size: 0.9rem;\n}\n.card a .card-title {\n font-family: var(--heading);\n font-weight: var(--weight-bold);\n font-size: 1rem;\n line-height: 1.4;\n margin-bottom: 1.2rem;\n}\n\n/* styling learn */\n.card-learn a {\n border: solid 1px #cacbcc;\n border-left: solid 3px #53536B;\n color: var(--color-text-light);\n}\n.card-learn a .card-title {\n margin-bottom: 0.8rem;\n}\n.card-learn a:hover {\n border-color: #B8BFF4;\n border-left-color: #4E5EE4;\n box-shadow: 0 6px 12px 0 rgba(60, 60, 60, 0.09);\n}\n.card-learn a:hover .card-title {\n color: #4E5EE4;\n}\n\n/* styling product cards */\n.card-primary a,\n.card-secondary a {\n box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.1);\n}\n.card-primary a:hover,\n.card-secondary a:hover {\n box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.3);\n}\n.card-primary a .card-title::before,\n.card-secondary a .card-title::before {\n content: \"\";\n background-image: var(--card-icon);\n background-repeat: no-repeat;\n background-size: contain;\n width: 1.2em;\n height: 1.2em;\n display: inline-block;\n vertical-align: middle;\n margin-right: 0.6em;\n}\n\n.card-primary a {\n min-height: 14rem;\n color: white;\n position: relative;\n padding-top: 3em;\n padding-bottom: 2em;\n overflow: hidden;\n /* hide background image */\n}\n.card-primary a .card-title {\n font-size: 1.2em;\n}\n.card-primary a::before {\n display: block;\n width: 95px;\n height: 70px;\n position: absolute;\n bottom: 30px;\n right: -20px;\n content: \"\";\n background-image: url(../images/cards.svg);\n background-repeat: no-repeat;\n background-size: contain;\n}\n.card-primary a::after {\n content: \"Get started >\";\n font-family: var(--heading);\n font-weight: var(--weight-bold);\n font-size: 0.8em;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.card-secondary a {\n border: solid 1px #e9e9ed;\n color: var(--color-text-light);\n}\n.card-secondary a:hover {\n border-color: #dfdfe0;\n}\n\n.card-contracts a {\n --card-icon: url(../images/contracts_white.svg);\n background-image: linear-gradient(45deg, #6746d6 0%, #a134d1 100%);\n}\n\n.card-defender a {\n --card-icon: url(../images/defender_white.svg);\n background-image: linear-gradient(-135deg, #00e1d4 0%, #00c7f2 100%);\n}\n\n.card-upgrades {\n --card-icon: url(../images/icons/upgrades-plugins.svg);\n}\n\n.card-contracts-cairo {\n --card-icon: url(../images/icons/contracts-cairo.svg);\n}\n\n.card-contracts-stylus {\n --card-icon: url(../images/icons/contracts-stylus.svg);\n}\n\n.card-substrate-runtimes {\n --card-icon: url(../images/icons/substrate-runtimes.svg);\n}\n\n.card-test-environment {\n --card-icon: url(../images/icons/test-environment.svg);\n}\n\n.card-network-js {\n --card-icon: url(../images/icons/network-js.svg);\n}\n\n.card-gsn-helpers {\n --card-icon: url(../images/icons/gsn-helpers.svg);\n}\n\n.card-gsn-provider {\n --card-icon: url(../images/icons/gsn-provider.svg);\n}\n\n.card-contract-loader {\n --card-icon: url(../images/icons/contract-loader.svg);\n}\n\n.card-solidity-docgen {\n --card-icon: url(../images/icons/docgen.svg);\n}\n\n.card-subgraphs {\n --card-icon: url(../images/icons/subgraphs.svg);\n}\n\n/* navigation.scss */\n.nav {\n border-right: solid 1px var(--guk-color-neutral-100);\n padding: 1rem;\n background: var(--guk-color-neutral-0); /* Replaces var(--core-gray) */\n color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n}\n.nav a {\n text-decoration: none;\n /* color: var(--guk-color-neutral-600); */\n}\n.nav .nav-li-active > a {\n color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n /* border-bottom: 2px solid var(--guk-color-primary-400); */\n}\n\n.nav-component {\n line-height: 1rem;\n}\n\n.nav-component a {\n padding: 0.7rem 1rem;\n}\n\n.nav-title {\n padding: 0 1rem;\n font-size: 0.8em;\n font-family: var(--guk-font-family); /* Replaces var(--heading) */\n color: var(--guk-color-neutral-600); /* Replaces var(--aluminum-5) */\n letter-spacing: 0.05em;\n font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\n text-transform: uppercase;\n}\n\n.btn-back {\n /* opacity: 0.6; \n margin-bottom: 0.5rem;\n line-height: 1.5rem;*/\n margin-left: 1.3rem;\n cursor: pointer;\n color: var(--guk-color-neutral-400);\n}\n.btn-back::before {\n display: inline-block;\n content: url(../images/icons/arrow_back.svg);\n margin-right: 0.3em;\n margin-left: -1.3rem;\n width: 1rem;\n}\n\n.btn-back:hover {\n color: var(--guk-color-neutral-700);\n}\n\n.nav-heading {\n font-size: 1rem;\n font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-medium) */\n font-family: var(--guk-font-family); /* Replaces var(--heading) */\n /* padding: 0 1rem; */\n}\n\n.nav-component-active .nav-heading-active {\n padding-top: 15px;\n padding-bottom: 4px;\n background: var(--guk-color-neutral-50); /* Replaces var(--core-gray) */\n z-index: 2;\n}\n\n.nav-component-heading {\n color: var(--guk-color-neutral-600); /* Replaces var(--steel-4) */\n font-family: var(--guk-font-family); /* Replaces var(--heading) */\n font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-medium) */\n position: relative;\n font-size: 1rem;\n}\n\n.nav-link {\n color: var(--guk-color-neutral-600);\n margin-bottom: var(--guk-space-2);\n cursor: pointer;\n}\n\n.nav-link:hover {\n color: var(--guk-color-neutral-900);\n cursor: pointer;\n}\n\n.nav-link code {\n font-size: 0.9rem;\n padding: 0;\n}\n\n.nav-icon {\n opacity: 0.8;\n}\n\nbutton.collapse-toggle {\n cursor: pointer;\n padding: 0;\n border: none;\n}\nbutton.collapse-toggle.toggled img {\n transform: rotate(-90deg);\n}\nbutton.collapse-toggle.toggled ~ .collapsible-content {\n display: none;\n}\n\n.close-menu-btn {\n border: 0;\n}\n\n/* Scope list styles to navigation */\n.nav-list {\n list-style: none;\n padding-left: 0;\n margin: 0; /* Optional: remove default margins */\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n* {\n scrollbar-color: var(--guk-color-neutral-100) transparent;\n scrollbar-width: thin;\n}\n\n/* Chrome, Edge, and Safari */\n*::-webkit-scrollbar {\n width: 8px;\n}\n\n*::-webkit-scrollbar-track {\n background: transparent;\n}\n\n*::-webkit-scrollbar-thumb {\n background-color: var(--guk-color-neutral-100);\n border-radius: 10px;\n}\n\n/* version-select.scss */\n.component-version {\n position: relative;\n}\n\n.btn-version {\n font-size: 0.85rem;\n font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\n min-height: 1.5rem;\n padding: 0 var(--guk-space-2); /* 8px */\n margin: 0.4rem 0;\n border: 1px solid;\n border-radius: var(--guk-border-rounded-full); /* 9999px */\n}\n.btn-version::after {\n display: inline-block;\n content: url(../images/icons/chevron.svg);\n width: 0.8rem;\n margin-left: 0.2rem;\n}\n.btn-version:hover, .btn-version:focus {\n color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n}\n.btn-version svg {\n height: var(--guk-space-4); /* Replaces var(--md) */\n width: var(--guk-space-4);\n}\n\n.popover-container {\n opacity: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 100%;\n z-index: 1;\n padding-top: 0.5em;\n}\n.btn-version:focus + .popover-container, .popover-container:focus-within {\n opacity: 1;\n pointer-events: auto;\n}\n\n.popover {\n font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\n font-size: 0.9em;\n background: var(--guk-color-neutral-0); /* Replaces var(--tertiary) */\n border: 1px solid var(--guk-color-neutral-100); /* Replaces var(--aluminum-3) */\n border-radius: var(--guk-border-rounded); /* Replaces var(--border-radius) */\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);\n color: var(--guk-color-neutral-700); /* Replaces var(--steel-3) */\n padding: 0.5em;\n margin: 0 var(--guk-space-1); /* Replaces var(--xs) */\n width: 10em;\n user-select: none;\n}\n.popover p {\n margin: 0;\n padding: 0 0.5em;\n font-weight: bold;\n font-size: 0.9em;\n}\n.popover ul {\n margin: 0;\n padding: 0;\n}\n.popover ul li {\n list-style: none;\n}\n.popover ul li a {\n display: block;\n padding: 0.2em 0.5em;\n}\n.popover ul li a:hover {\n background-color: var(--guk-color-neutral-50); /* Replaces var(--aluminum-2) */\n}\n\n/* These are hidden from the site and only shown in the READMEs on GitHub. */\n.readme-notice {\n display: none;\n}\n\n.root {\n display: flex;\n}\n\n.nav {\n height: 100vh;\n overflow-y: auto;\n position: sticky;\n top: 0;\n width: 300px;\n flex: 0 0 auto;\n}\n\n.nav-heading {\n margin: 0.75rem 1.3rem;\n align-items: center;\n text-transform: uppercase;\n}\n\n.nav-component-active {\n /* min-height: 100%; */\n overflow-y: auto;\n}\n\n.nav-component-active .nav-heading-active {\n position: sticky;\n top: 0;\n margin-top: 0;\n}\n\n.nav-heading-active {\n position: sticky;\n top: 15px;\n}\n\n.nav-component-heading + .nav-list {\n height: 90%;\n margin-bottom: 0;\n}\n\n.nav-li {\n /*margin-bottom: var(--guk-space-2); */\n margin-left: 1.3rem;\n line-height: 1.5rem;\n}\n\n.nav-icon {\n margin-right: 0.5rem;\n height: 1rem;\n width: 1rem;\n}\n\n.close-menu-btn {\n display: flex;\n padding: var(--lg);\n margin-top: calc(-1 * var(--side-margin));\n margin-left: calc(-1 * var(--side-margin));\n}\n@media (min-width: 1000px) {\n .close-menu-btn {\n display: none;\n }\n}\n\n@media (max-width: 1000px) {\n .nav {\n flex-grow: 1;\n padding: var(--lg);\n }\n .nav:not(.toggled) {\n display: none;\n }\n .nav.toggled ~ .main {\n display: none;\n }\n}\nbutton.collapse-toggle {\n margin-left: -1.3rem;\n width: 1rem;\n height: 1rem;\n}\n\n/*\n.collapsible-content {\n margin-bottom: var(--md);\n}*/\n:root {\n --side-margin: var(--xl);\n}\n@media (max-width: 1000px) {\n :root {\n --side-margin: var(--lg);\n }\n}\n\n.main {\n min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.navbar, .article-wrapper {\n  max-width: 60rem;\n  margin: 0 var(--side-margin);\n}\n\n.navbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.navbar-burger {\n  margin-left: calc(-1 * var(--side-margin));\n  margin-right: 0.5em;\n  padding: var(--lg);\n  display: flex;\n}\n\n.navbar-logo {\n  flex-grow: 99;\n  display: flex;\n  align-items: stretch;\n}\n.navbar-logo a {\n  padding: var(--lg) 0;\n  display: flex;\n  align-items: center;\n}\n\n.navbar-search {\n  position: relative;\n  display: flex;\n  /*  flex-grow: 1; */\n}\n\n.navbar-search-input {\n  /* flex-grow: 1; */\n  width: 20em;\n  padding: 0.5rem !important;\n}\n\n.navbar-end {\n  /* flex-grow: 1; */\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n}\n\n.navbar-item {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1.5;\n  margin-right: 0.25em;\n  margin-left: 0.25em;\n}\n\n.article-wrapper {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.article {\n  min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\n  flex-grow: 1;\n}\n\n.toc-sidebar {\n  margin-left: var(--lg);\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 200px;\n  max-height: 80vh;\n  position: sticky;\n  top: 10vh;\n  overflow-y: auto;\n}\n@media (max-width: 666.6666666667px) {\n  .toc-sidebar {\n    display: none;\n  }\n}\n\n.notoc .toc-sidebar {\n  display: none;\n}\n\n/* To reset HubSpot Popup Banner's default animation effect */\nbody .leadinModal.leadinModal-theme-top {\n  top: auto;\n  bottom: 0;\n  z-index: 99999999999;\n}\n\n.leadinModal.leadinModal-theme-top .leadinModal-content {\n  animation-name: leadinModal-reset !important;\n}\n\n.leadinModal.leadinModal-theme-top.leadinModal-closing,\n.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content {\n  animation-name: leadinModal-fadeout !important;\n}\n\n@keyframes leadinModal-reset {\n  0% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 0;\n  }\n  1% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 0;\n  }\n  2% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 1;\n  }\n}\n/* header.scss */\n.header {\n  border-bottom: solid 1px var(--guk-color-neutral-200); /* Replaces #e2e2e7 */\n  padding: 1em 0em 1em 0em;\n}\n\n.navbar {\n  /* background-color: var(--guk-color-neutral-0); /* Assuming white background */\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\n  word-wrap: break-word;\n  z-index: 10; /* Ensure this z-index is appropriate */\n}\n\n.navbar a {\n  text-decoration: none;\n}\n\n.navbar-brand .navbar-item:first-child,\n.navbar-brand .navbar-item:first-child a {\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  font-size: var(--guk-font-size-lg); /* 1.125rem */\n}\n\n.navbar-brand .separator {\n  padding: 0 var(--guk-space-1); /* 4px */\n}\n\n.navbar-burger {\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  background: none;\n  border: none;\n  outline: none;\n}\n\n.navbar-burger::-moz-focus-inner {\n  border: none;\n}\n\n.navbar-item {\n  margin-left: 32px;\n  margin-right: 0px;\n  color: var(--guk-color-neutral-500); /* Replaces var(--color-text) */\n  padding: var(--guk-space-2); /* 8px */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\n  font-size: var(--guk-font-size-base); /* 1rem */\n}\n\n.navbar-item:hover {\n  color: var(--guk-color-neutral-800); /* Replaces var(--color-navbar-hover) */\n}\n\n.navbar-button {\n  color: var(--guk-color-neutral-0); /* White text */\n  padding: var(--guk-space-1-5) var(--guk-space-3); /* 6px 12px */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\n  font-size: var(--guk-font-size-base); /* 1rem */\n  display: inline-block;\n  border-radius: var(--guk-border-rounded-full); /* Fully rounded button */\n  letter-spacing: -0.02em;\n  transition: all 0.2s ease;\n  background: var(--guk-color-primary-500); /* Replaces #4F56FA */\n  text-decoration: none;\n  text-transform: none;\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces #EFEFEF */\n  text-align: center;\n  white-space: nowrap;\n}\n\n.navbar-button:hover {\n  background: var(--guk-color-primary-600) !important; /* Replaces #4349D4 */\n  color: var(--guk-color-neutral-0);\n}\n\n.navbar-search-input {\n  margin-right: 8px;\n  font-size: var(--guk-font-size-base); /* 1rem */\n  background-color: var(--guk-color-neutral-0); /* Replaces var(--aluminum-1) */\n  color: var(--guk-color-neutral-500);\n  border-radius: var(--guk-border-rounded);\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces var(--aluminum-3) */\n}\n.navbar-search-input:focus {\n  outline: none;\n}\n.navbar-search-input:before {\n  content: url(../images/icons/arrow_back.svg);\n  display: inline-block;\n}\n\n.navbar-search-checkbox {\n  display: none;\n}\n\n@media screen and (min-width: 1000px) {\n  .navbar-burger {\n    display: none;\n  }\n}\n/* footer.scss */\nfooter.footer {\n  font-size: var(--guk-size-base);\n  background-color: var(--guk-color-neutral-0); /* #ffffff */\n  padding: var(--guk-space-6) var(--guk-space-8); /* 24px 32px */\n  color: var(--guk-color-neutral-500); /* #616e7c */\n  border-top: solid 1px var(--guk-color-neutral-100); /* Uses --guk-color-neutral-900 */\n}\n\n.footer a {\n  color: var(--guk-color-neutral-500); /* Semi-transparent using --guk-color-neutral-900 */\n  display: inline;\n  margin-left: var(--guk-space-4); /* 6px */\n  /* border-left: 1px solid rgba(31, 41, 51, 0.7); */\n  padding-left: var(--guk-space-1-5); /* 6px */\n}\n\n.footer a:hover {\n  color: var(--guk-color-neutral-800); /* Semi-transparent using --guk-color-neutral-900 */\n}\n\n/*!\n  Customized Theme aligned with the Style Guide\n*/\n/* Dark Theme */\n.hljs {\n  color: var(--guk-color-neutral-300); /* Default text color */\n  background: var(--guk-color-neutral-900); /* Background color */\n}\n\n.hljs-doctag,\n.hljs-keyword,\n.hljs-meta .hljs-keyword,\n.hljs-template-tag,\n.hljs-template-variable,\n.hljs-type,\n.hljs-variable.language_ {\n  /* Keywords */\n  color: var(--guk-color-critical-500);\n}\n\n.hljs-title,\n.hljs-title.class_,\n.hljs-title.class_.inherited__,\n.hljs-title.function_ {\n  /* Titles and Functions */\n  color: var(--guk-color-primary-300);\n}\n\n.hljs-attr,\n.hljs-attribute,\n.hljs-literal,\n.hljs-meta,\n.hljs-number,\n.hljs-operator,\n.hljs-variable,\n.hljs-selector-attr,\n.hljs-selector-class,\n.hljs-selector-id {\n  /* Attributes, Numbers, Operators */\n  color: var(--guk-color-info-300);\n}\n\n.hljs-regexp,\n.hljs-string,\n.hljs-meta .hljs-string {\n  /* Strings and Regex */\n  color: var(--guk-color-info-500);\n}\n\n.hljs-built_in,\n.hljs-symbol {\n  /* Built-in and Symbols */\n  color: var(--guk-color-warning-500);\n}\n\n.hljs-comment,\n.hljs-code,\n.hljs-formula {\n  /* Comments */\n  color: var(--guk-color-neutral-500);\n}\n\n.hljs-name,\n.hljs-quote,\n.hljs-selector-tag,\n.hljs-selector-pseudo {\n  /* Names and Selectors */\n  color: var(--guk-color-success-500);\n}\n\n.hljs-subst {\n  /* Substitutions */\n  color: var(--guk-color-neutral-300);\n}\n\n.hljs-section {\n  /* Sections */\n  color: var(--guk-color-primary-500);\n  font-weight: bold;\n}\n\n.hljs-bullet {\n  /* Bullets */\n  color: var(--guk-color-warning-300);\n}\n\n.hljs-emphasis {\n  /* Emphasis */\n  color: var(--guk-color-neutral-300);\n  font-style: italic;\n}\n\n.hljs-strong {\n  /* Strong */\n  color: var(--guk-color-neutral-300);\n  font-weight: bold;\n}\n\n.hljs-addition {\n  /* Additions */\n  color: var(--guk-color-success-300);\n  background-color: var(--guk-color-success-100);\n}\n\n.hljs-deletion {\n  /* Deletions */\n  color: var(--guk-color-critical-300);\n  background-color: var(--guk-color-critical-100);\n}\n\n.hljs-char.escape_,\n.hljs-link,\n.hljs-params,\n.hljs-property,\n.hljs-punctuation,\n.hljs-tag {\n  color: inherit;\n  background-color: transparent;\n}\n\n/* Light Theme */\n.hljs-theme-light .hljs {\n  color: var(--guk-color-neutral-900);\n  background: var(--guk-color-neutral-0);\n}\n.hljs-theme-light .hljs-doctag,\n.hljs-theme-light .hljs-keyword,\n.hljs-theme-light .hljs-meta .hljs-keyword,\n.hljs-theme-light .hljs-template-tag,\n.hljs-theme-light .hljs-template-variable,\n.hljs-theme-light .hljs-type,\n.hljs-theme-light .hljs-variable.language_ {\n  color: var(--guk-color-critical-500);\n}\n.hljs-theme-light .hljs-title,\n.hljs-theme-light .hljs-title.class_,\n.hljs-theme-light .hljs-title.class_.inherited__,\n.hljs-theme-light .hljs-title.function_ {\n  color: var(--guk-color-primary-500);\n}\n.hljs-theme-light .hljs-attr,\n.hljs-theme-light .hljs-attribute,\n.hljs-theme-light .hljs-literal,\n.hljs-theme-light .hljs-meta,\n.hljs-theme-light .hljs-number,\n.hljs-theme-light .hljs-operator,\n.hljs-theme-light .hljs-variable,\n.hljs-theme-light .hljs-selector-attr,\n.hljs-theme-light .hljs-selector-class,\n.hljs-theme-light .hljs-selector-id {\n  color: var(--guk-color-primary-500);\n}\n.hljs-theme-light .hljs-regexp,\n.hljs-theme-light .hljs-string,\n.hljs-theme-light .hljs-meta .hljs-string {\n  color: var(--guk-color-primary-700);\n}\n.hljs-theme-light .hljs-built_in,\n.hljs-theme-light .hljs-symbol {\n  color: var(--guk-color-warning-500);\n}\n.hljs-theme-light .hljs-comment,\n.hljs-theme-light .hljs-code,\n.hljs-theme-light .hljs-formula {\n  color: var(--guk-color-neutral-500);\n}\n.hljs-theme-light .hljs-name,\n.hljs-theme-light .hljs-quote,\n.hljs-theme-light .hljs-selector-tag,\n.hljs-theme-light .hljs-selector-pseudo {\n  color: var(--guk-color-success-500);\n}\n.hljs-theme-light .hljs-subst {\n  color: var(--guk-color-neutral-900);\n}\n.hljs-theme-light .hljs-section {\n  color: var(--guk-color-primary-500);\n  font-weight: bold;\n}\n.hljs-theme-light .hljs-bullet {\n  color: var(--guk-color-warning-300);\n}\n.hljs-theme-light .hljs-emphasis {\n  color: var(--guk-color-neutral-900);\n  font-style: italic;\n}\n.hljs-theme-light .hljs-strong {\n  color: var(--guk-color-neutral-900);\n  font-weight: bold;\n}\n.hljs-theme-light .hljs-addition {\n  color: var(--guk-color-success-700);\n  background-color: var(--guk-color-success-100);\n}\n.hljs-theme-light .hljs-deletion {\n  color: var(--guk-color-critical-700);\n  background-color: var(--guk-color-critical-100);\n}\n.hljs-theme-light .hljs-char.escape_,\n.hljs-theme-light .hljs-link,\n.hljs-theme-light .hljs-params,\n.hljs-theme-light .hljs-property,\n.hljs-theme-light .hljs-punctuation,\n.hljs-theme-light .hljs-tag {\n  color: inherit;\n  background-color: transparent;\n}\n\n.article {\n  padding-bottom: var(--guk-space-5); /* matches nav padding */\n}\n.article .listingblock {\n  position: relative;\n}\n.article .listingblock .btn-copy {\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  border-radius: var(--guk-border-rounded);\n}\n.article .listingblock:hover .btn-copy {\n  visibility: visible;\n}\n.article .listingblock.nopadding pre code {\n  padding: 0;\n}\n.article .listingblock.nopadding .btn-copy {\n  padding: 0;\n}\n.article pre code {\n  display: block;\n  overflow-x: auto;\n  padding: var(--guk-space-4);\n  border-radius: var(--guk-border-rounded);\n  max-width: 90vw;\n}\n.article img {\n  max-width: 100%;\n}\n.article aside {\n  background: var(--guk-color-neutral-50);\n  border: 1px solid var(--guk-color-neutral-200);\n  border-radius: var(--guk-border-rounded);\n  color: var(--guk-color-neutral-700);\n  font-size: var(--guk-font-size-sm); /* 14px */\n  padding: var(--guk-space-3) var(--guk-space-5) var(--guk-space-2);\n}\n.article aside::before {\n  background-image: url(../images/icons/note.svg);\n  background-position: left 40%;\n  background-repeat: no-repeat;\n  background-size: 18px;\n  color: var(--guk-color-neutral-900);\n  content: \"Note\";\n  display: block;\n  font-size: var(--guk-font-size-base); /* 16px */\n  font-weight: var(--guk-font-weight-semibold);\n  opacity: 0.7;\n  padding-left: var(--guk-space-5);\n}\n.article code.primary {\n  color: var(--guk-color-neutral-800);\n}\n.article code.secondary {\n  color: var(--guk-color-primary-400);\n}\n.article code.light {\n  color: var(--guk-color-neutral-700);\n}\n\n.heading-link,\n.anchor {\n  float: right;\n  visibility: hidden;\n  color: inherit;\n  font-size: 0.8em;\n  margin-top: calc(var(--guk-space-base) * 0.25); /* Equivalent to 1px */\n  margin-left: calc(var(--guk-space-base) * 0.25);\n}\n.heading-link:focus, h1:hover .heading-link, h2:hover .heading-link, h3:hover .heading-link, h4:hover .heading-link, h5:hover .heading-link, h6:hover .heading-link,\n.anchor:focus,\nh1:hover .anchor,\nh2:hover .anchor,\nh3:hover .anchor,\nh4:hover .anchor,\nh5:hover .anchor,\nh6:hover .anchor {\n  visibility: visible;\n}\n.contract .heading-link,\n.contract .anchor {\n  visibility: visible;\n}\n\n.anchor {\n  padding: 0 calc(var(--guk-space-base) * 0.75); /* Approximately 3px */\n  text-decoration: none;\n}\n.anchor::before {\n  content: \"#\";\n}\n\n.contract h3 code {\n  padding: 0;\n  color: inherit;\n  background-color: transparent;\n}\n\n.contract-index {\n  border-radius: var(--guk-border-rounded);\n  max-width: 90vw;\n  padding: var(--guk-space-6);\n  background-color: var(--guk-color-neutral-50);\n  margin-top: var(--guk-space-4);\n  margin-bottom: var(--guk-space-4);\n  word-wrap: break-word;\n}\n.contract-index ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.contract-index ul a {\n  color: inherit;\n  text-decoration: none;\n}\n.contract-index ul a:hover {\n  text-decoration: underline;\n}\n.contract-index ul a pre,\n.contract-index ul a code {\n  padding: 0;\n  color: inherit;\n  line-height: 1rem;\n  background-color: transparent;\n}\n.contract-index .title {\n  font-family: var(--guk-font-family);\n  font-size: var(--guk-font-size-sm); /* Approximately 0.9em */\n  color: var(--guk-color-primary-400);\n  letter-spacing: 0.05em;\n  font-weight: var(--guk-font-weight-semibold);\n  text-transform: uppercase;\n}\n.contract-index .ulist {\n  border-top: solid 1px var(--guk-color-neutral-300);\n  margin-top: var(--guk-space-4);\n  padding-top: calc(var(--guk-space-base) * 0.25);\n}\n.contract-index .ulist > .title {\n  float: right;\n  color: var(--guk-color-neutral-900);\n  margin-top: calc(var(--guk-space-base) * 2);\n  font-size: var(--guk-font-size-xs);\n}\n\n.contract-subindex-inherited {\n  opacity: 0.7;\n}\n\n.contract-item {\n  border-radius: var(--guk-border-rounded);\n  border: solid 1px var(--guk-color-neutral-300);\n  max-width: 90vw;\n  padding: 0;\n  margin-top: var(--guk-space-4);\n  margin-bottom: var(--guk-space-4);\n  word-wrap: break-word;\n}\n.contract-item > * {\n  margin-right: var(--guk-space-4);\n  margin-left: var(--guk-space-4);\n}\n.contract-item h4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-content: flex-start;\n  padding: 0;\n  margin: var(--guk-space-4);\n  margin-bottom: var(--guk-space-8);\n  position: relative;\n  font-size: inherit;\n}\n.contract-item h4 code {\n  flex-grow: 1;\n  color: inherit;\n  font-weight: var(--guk-font-weight-normal);\n  background-color: transparent;\n  padding: 0;\n}\n.contract-item h4 code .contract-item-name {\n  font-weight: var(--guk-font-weight-semibold);\n}\n.contract-item h4 .anchor {\n  order: 10;\n  font-size: var(--guk-font-size-base);\n  font-weight: normal;\n  margin-top: 0;\n}\n.contract-item h4 .item-kind {\n  font-family: var(--guk-font-family);\n  font-size: var(--guk-font-size-base);\n  font-weight: 300;\n  opacity: 0.8;\n}\n.contract-item h4::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  box-sizing: content-box;\n  padding: var(--guk-space-4);\n  margin: calc(-1 * var(--guk-space-4));\n  z-index: -10;\n  border-top-left-radius: var(--guk-border-rounded);\n  border-top-right-radius: var(--guk-border-rounded);\n  background-color: var(--guk-color-neutral-50);\n  border-bottom: solid 1px var(--guk-color-neutral-300);\n}\n.contract-item .admonitionblock {\n  font-family: var(--guk-font-family);\n  margin-right: var(--guk-space-4);\n  margin-left: var(--guk-space-4);\n}\n\n.article-navigation {\n  display: flex;\n}\n.article-navigation div {\n  display: block;\n  flex-grow: 1;\n  font-weight: var(--guk-font-weight-normal);\n  margin-top: var(--guk-space-6);\n  margin-bottom: var(--guk-space-2);\n}\n.article-navigation div a {\n  text-decoration: none;\n  /*  text-transform: uppercase; */\n  font-size: var(--guk-font-size-base);\n  color: var(--guk-color-neutral-500);\n}\n.article-navigation div a:hover {\n  color: var(--guk-color-neutral-800);\n}\n.article-navigation div.btn-next {\n  text-align: right;\n}\n\n.article-banner {\n  background-color: var(--guk-color-neutral-100);\n  border: solid 1px var(--guk-color-neutral-300);\n  border-radius: var(--guk-border-rounded);\n  padding: var(--guk-space-2-5);\n  margin: 0 calc(-1 * var(--guk-space-2-5));\n}\n\n/* admonitionblock.scss */\n.alert p {\n  font-family: var(--guk-font-family);\n  color: inherit;\n  font-size: var(--guk-font-size-base); /* 1rem */\n}\n\n.admonitionblock,\n.alert {\n  max-width: 90vw;\n  background-color: var(--guk-color-neutral-0); /* white */\n  border: solid var(--guk-color-neutral-300); /* #9aa5b1 */\n  border-radius: var(--guk-border-rounded);\n  border-width: 1px 1px 1px 6px;\n  font-family: var(--guk-font-family);\n  font-weight: var(--guk-font-weight-normal);\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\n  text-align: center;\n  line-height: var(--guk-line-height-normal);\n  padding: var(--guk-space-5) var(--guk-space-4);\n  margin-bottom: var(--guk-space-7);\n  overflow-wrap: break-word;\n}\n.admonitionblock table,\n.alert table {\n  padding: 0;\n  margin: 0;\n}\n.admonitionblock table th,\n.admonitionblock table td,\n.alert table th,\n.alert table td {\n  padding: 0;\n  margin: 0;\n  word-wrap: break-word;\n}\n.admonitionblock .content,\n.alert .content {\n  max-width: 82vw;\n  padding-left: var(--guk-space-1);\n  font-size: var(--guk-font-size-base); /* 1rem */\n  text-align: left;\n  word-wrap: break-word;\n}\n.admonitionblock::before,\n.alert::before {\n  display: block;\n  font-size: 0.9em;\n  font-weight: var(--guk-font-weight-semibold);\n  text-align: left;\n  text-transform: uppercase;\n  padding-left: var(--guk-space-1);\n  margin-bottom: var(--guk-space-2);\n}\n.admonitionblock.note,\n.alert.note {\n  border-left-color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n}\n.admonitionblock.note::before,\n.alert.note::before {\n  content: \"Note\";\n  color: var(--guk-color-primary-400);\n}\n.admonitionblock.tip,\n.alert.tip {\n  border-left-color: var(--guk-color-info-500); /* Replaces var(--teal-3) */\n}\n.admonitionblock.tip::before,\n.alert.tip::before {\n  content: \"Tip\";\n  color: var(--guk-color-info-500);\n}\n.admonitionblock.warning, .admonitionblock.caution, .admonitionblock.important,\n.alert.warning,\n.alert.caution,\n.alert.important {\n  border-left-color: var(--guk-color-warning-500); /* Replaces #F79F1F */\n}\n.admonitionblock.warning::before, .admonitionblock.caution::before, .admonitionblock.important::before,\n.alert.warning::before,\n.alert.caution::before,\n.alert.important::before {\n  color: var(--guk-color-warning-500);\n  padding-left: var(--guk-space-6); /* Adjusted for spacing */\n  margin-left: var(--guk-space-2);\n  background-image: url(../images/icons/warning.svg);\n  background-repeat: no-repeat;\n  background-position: left;\n  background-origin: border-box;\n}\n.admonitionblock.warning::before,\n.alert.warning::before {\n  content: \"Warning\";\n}\n.admonitionblock.caution::before,\n.alert.caution::before {\n  content: \"Caution\";\n}\n.admonitionblock.important::before,\n.alert.important::before {\n  content: \"Important\";\n}\n\n/* toc.scss */\n.toc-sidebar {\n  font-size: 0.8em;\n  opacity: 0.8;\n}\n\n.toc-menu {\n  border-width: 0 0 0 0.25rem;\n}\n.toc-menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  line-height: 1.2;\n}\n.toc-menu .subheading-list {\n  border-left: solid 1px var(--guk-color-neutral-200);\n  margin-left: var(--guk-space-2); /* Equivalent to 8px */\n}\n\n.toc-title {\n  font-size: var(--guk-font-size-sm);\n  margin-bottom: 16px;\n  padding: 0;\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  color: var(--guk-color-neutral-900); /* Replaces var(--aluminum-5) */\n  letter-spacing: 0.05em;\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\n  text-transform: uppercase;\n}\n\n.toc .toc-menu li {\n  margin: 0.5rem 0 0;\n  padding-top: var(--guk-space-1); /* 4px */\n  padding-bottom: var(--guk-space-1);\n  padding-right: var(--guk-space-3); /* 8px */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\n  /* font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\n  font-size: var(--guk-font-size-base); /* 1rem */\n  color: var(--guk-color-neutral-400); /* Replaces var(--aluminum-5) */\n}\n.toc .toc-menu li.subheading-item {\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\n  /* margin: 0.25rem 0 0; */\n  margin-left: 0.7rem;\n}\n\n.toc a {\n  color: inherit;\n  text-decoration: none;\n  padding-right: 8px;\n}\n.toc a:hover {\n  color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-2) */\n}\n\n.toc .toc-menu li a.toc-active {\n  color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-4) */\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\n}\n\n.hardhat-truffle-toggle {\n  width: 120px;\n  height: 30px;\n  border: 0;\n  outline: 0;\n  padding: 0;\n  margin: 0;\n  background: url(../images/toggle-active.svg) center/contain no-repeat;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.hardhat-truffle-toggle:active {\n  background-image: url(../images/toggle-active.svg) !important;\n}\n.hardhat-truffle-toggle span {\n  pointer-events: none;\n  opacity: 0;\n}\n\n.preference-truffle .hardhat {\n  display: none;\n}\n.preference-truffle .hardhat-truffle-toggle {\n  background-image: url(../images/toggle-preference-truffle.svg);\n}\n\n.preference-hardhat .truffle {\n  display: none;\n}\n.preference-hardhat .hardhat-truffle-toggle {\n  background-image: url(../images/toggle-preference-hardhat.svg);\n}\n\n/* hubspot banner styles */\n/* written in css to maintain precise alignment with https://github.com/OpenZeppelin/defender/blob/master/ui/src/styles/platform/hs-banner.css */\n/* !important is essential in this context to take precedent over default styles */\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {\n  padding: var(--u2) !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {\n  margin-right: 0 !important;\n  margin-bottom: var(--u) !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording p,\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {\n  line-height: 16px !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-buttons-area {\n  margin-top: var(--u) !important;\n  margin-right: 0 !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button,\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-decline-button {\n  height: 30px !important;\n}\n\n@media (min-width: 751px) {\n  div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {\n    margin-right: 0 !important;\n  }\n}","// _vars.scss\r\n\r\n:root {\r\n  // Existing Variables (Preserved)\r\n  --core-gray: #f8f8fa;\r\n  --core-violet-1: #9aa2e7;\r\n  --core-violet-2: #6d79e9;\r\n  --core-violet-3: #6472e7;\r\n  --core-violet-4: #4e5ee4;\r\n  --core-violet-6: #282846;\r\n  --robust-blue-1: #a1b1b8;\r\n  --robust-blue-2: #6b8a99;\r\n  --robust-blue-3: #506773;\r\n  --robust-blue-4: #32444d;\r\n  --robust-blue-5: #272f33;\r\n  --future-green-1: #aaf2cb;\r\n  --future-green-2: #33cc7a;\r\n  --future-green-3: #17bc65;\r\n  --future-green-4: #0e8c48;\r\n  --future-green-5: #174d30;\r\n  --steel-1: #6b6c6d;\r\n  --steel-2: #58595a;\r\n  --steel-3: #3a3b3c;\r\n  --steel-4: #3D3D58;\r\n  --steel-5: #121314;\r\n  --aluminum-0: #f5f6fe;\r\n  --aluminum-1: #f9fafb;\r\n  --aluminum-2: #f4f5f6;\r\n  --aluminum-3: #e8e9ea;\r\n  --aluminum-4: #cacbcc;\r\n  --aluminum-5: #989a9b;\r\n  --yellow-3: #f2be24;\r\n  --viridian-3: #00b49d;\r\n  --teal-3: #00b5d1;\r\n  --navy-3: #178bea;\r\n  --indigo-3: #5e66f9;\r\n  --violet-3: #9a63f9;\r\n  --red-3: #d1344e;\r\n  --blue: #196BF7;\r\n  --tertiary: #fff;\r\n\r\n  --color-text: #282846;\r\n  --color-text-light: #555566;\r\n  --color-navbar-text: #282846;\r\n\r\n  --border-radius: 0.3rem;\r\n\r\n  --heading: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\r\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\r\n    \"Noto Color Emoji\";\r\n  --sans-serif: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\r\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\r\n    \"Noto Color Emoji\";\r\n  --monospace: \"Roboto Mono\", monospace;\r\n\r\n  --weight-normal: 400;\r\n  --weight-medium: 500;\r\n  --weight-bold: 600;\r\n\r\n  --header-height: 66px;\r\n  --navbar-height: 70px;\r\n  --footer-height: 361px;\r\n  --nav-item-height: 32px;\r\n  --xs: 5px;\r\n  --sm: 10px;\r\n  --md: 15px;\r\n  --lg: 20px;\r\n  --xl: 40px;\r\n  --input-md: 30px;\r\n\r\n  --transition-speed-sm: 0.15s;\r\n  --transition-speed-md: 0.3s;\r\n  --transition-timing: cubic-bezier(0.46, 0.03, 0.52, 0.96);\r\n\r\n  // New Variables from Style Guide\r\n\r\n  /* Border Radius */\r\n  --guk-border-rounded: 4px;\r\n  --guk-border-rounded-lg: 8px;\r\n  --guk-border-rounded-xl: 12px;\r\n  --guk-border-rounded-2xl: 16px;\r\n  --guk-border-rounded-3xl: 24px;\r\n  --guk-border-rounded-full: 9999px;\r\n  --guk-border-rounded-none: 0;\r\n\r\n  /* Colors */\r\n\r\n  /* Primary */\r\n  --guk-color-primary-50: #f5f8ff;\r\n  --guk-color-primary-100: #c4d7ff;\r\n  --guk-color-primary-200: #93b2ff;\r\n  --guk-color-primary-300: #628cfe;\r\n  --guk-color-primary-400: #3164fa;\r\n  --guk-color-primary-500: #003bf5;\r\n  --guk-color-primary-600: #0037d2;\r\n  --guk-color-primary-700: #0031ad;\r\n  --guk-color-primary-800: #002985;\r\n  --guk-color-primary-900: #001f5c;\r\n\r\n  /* Neutral */\r\n  --guk-color-neutral-0: #ffffff;\r\n  --guk-color-neutral-50: #f5f7fa;\r\n  --guk-color-neutral-100: #e4e7eb;\r\n  --guk-color-neutral-200: #cbd2d9;\r\n  --guk-color-neutral-300: #9aa5b1;\r\n  --guk-color-neutral-400: #7b8794;\r\n  --guk-color-neutral-500: #616e7c;\r\n  --guk-color-neutral-600: #52606d;\r\n  --guk-color-neutral-700: #3e4c59;\r\n  --guk-color-neutral-800: #323f4b;\r\n  --guk-color-neutral-900: #1f2933;\r\n\r\n  /* Info */\r\n  --guk-color-info-100: #d1fdfa;\r\n  --guk-color-info-200: #a4f9fb;\r\n  --guk-color-info-300: #75e8f3;\r\n  --guk-color-info-400: #52cfe7;\r\n  --guk-color-info-500: #1eadd8;\r\n  --guk-color-info-600: #1588b9;\r\n  --guk-color-info-700: #0f669b;\r\n  --guk-color-info-800: #09497d;\r\n  --guk-color-info-900: #053467;\r\n\r\n  /* Success */\r\n  --guk-color-success-100: #f3fccc;\r\n  --guk-color-success-200: #e4f99a;\r\n  --guk-color-success-300: #ccef66;\r\n  --guk-color-success-400: #b2e040;\r\n  --guk-color-success-500: #8ecc0a;\r\n  --guk-color-success-600: #74af07;\r\n  --guk-color-success-700: #5c9205;\r\n  --guk-color-success-800: #467603;\r\n  --guk-color-success-900: #366101;\r\n\r\n  /* Warning */\r\n  --guk-color-warning-100: #fff3d6;\r\n  --guk-color-warning-200: #ffe4ad;\r\n  --guk-color-warning-300: #ffd083;\r\n  --guk-color-warning-400: #ffbe65;\r\n  --guk-color-warning-500: #ff9f32;\r\n  --guk-color-warning-600: #db7d24;\r\n  --guk-color-warning-700: #b75e19;\r\n  --guk-color-warning-800: #93430f;\r\n  --guk-color-warning-900: #7a3009;\r\n\r\n  /* Critical */\r\n  --guk-color-critical-100: #fee4d6;\r\n  --guk-color-critical-200: #fec3ae;\r\n  --guk-color-critical-300: #fd9a86;\r\n  --guk-color-critical-400: #fb7467;\r\n  --guk-color-critical-500: #f93636;\r\n  --guk-color-critical-600: #d62736;\r\n  --guk-color-critical-700: #b31b35;\r\n  --guk-color-critical-800: #901132;\r\n  --guk-color-critical-900: #770a30;\r\n\r\n  /* Transparent */\r\n  --guk-color-transparent: transparent;\r\n\r\n  /* Spacing */\r\n  --guk-space-base: 4px;\r\n  --guk-space-0: calc(var(--guk-space-base) * 0);\r\n  --guk-space-0-25: calc(var(--guk-space-base) * 0.25);\r\n  --guk-space-0-5: calc(var(--guk-space-base) * 0.5);\r\n  --guk-space-1-5: calc(var(--guk-space-base) * 1.5);\r\n  --guk-space-2: calc(var(--guk-space-base) * 2);\r\n  --guk-space-2-5: calc(var(--guk-space-base) * 2.5);\r\n  --guk-space-3: calc(var(--guk-space-base) * 3);\r\n  --guk-space-3-5: calc(var(--guk-space-base) * 3.5);\r\n  --guk-space-4: calc(var(--guk-space-base) * 4);\r\n  --guk-space-5: calc(var(--guk-space-base) * 5);\r\n  --guk-space-6: calc(var(--guk-space-base) * 6);\r\n  --guk-space-7: calc(var(--guk-space-base) * 7);\r\n  --guk-space-8: calc(var(--guk-space-base) * 8);\r\n  --guk-space-9: calc(var(--guk-space-base) * 9);\r\n  --guk-space-10: calc(var(--guk-space-base) * 10);\r\n  --guk-space-11: calc(var(--guk-space-base) * 11);\r\n  --guk-space-12: calc(var(--guk-space-base) * 12);\r\n  --guk-space-14: calc(var(--guk-space-base) * 14);\r\n  --guk-space-16: calc(var(--guk-space-base) * 16);\r\n  --guk-space-20: calc(var(--guk-space-base) * 20);\r\n  --guk-space-24: calc(var(--guk-space-base) * 24);\r\n  --guk-space-28: calc(var(--guk-space-base) * 28);\r\n  --guk-space-32: calc(var(--guk-space-base) * 32);\r\n  --guk-space-36: calc(var(--guk-space-base) * 36);\r\n  --guk-space-40: calc(var(--guk-space-base) * 40);\r\n  --guk-space-44: calc(var(--guk-space-base) * 44);\r\n  --guk-space-48: calc(var(--guk-space-base) * 48);\r\n  --guk-space-52: calc(var(--guk-space-base) * 52);\r\n  --guk-space-56: calc(var(--guk-space-base) * 56);\r\n  --guk-space-60: calc(var(--guk-space-base) * 60);\r\n  --guk-space-64: calc(var(--guk-space-base) * 64);\r\n  --guk-space-72: calc(var(--guk-space-base) * 72);\r\n  --guk-space-80: calc(var(--guk-space-base) * 80);\r\n  --guk-space-96: calc(var(--guk-space-base) * 96);\r\n\r\n  /* Typography */\r\n\r\n  /* Font Weight */\r\n  --guk-font-weight-normal: 500;\r\n  --guk-font-weight-semibold: 600;\r\n\r\n  /* Font Size */\r\n  --guk-font-size-xs: 0.75rem;   // 12px\r\n  --guk-font-size-sm: 0.875rem;  // 14px\r\n  --guk-font-size-base: 1rem;    // 16px\r\n  --guk-font-size-lg: 1.125rem;  // 18px\r\n  --guk-font-size-xl: 1.25rem;   // 20px\r\n  --guk-font-size-2xl: 1.5rem;   // 24px\r\n  --guk-font-size-3xl: 1.875rem; // 30px\r\n  --guk-font-size-4xl: 2.25rem;  // 36px\r\n  --guk-font-size-5xl: 3rem;     // 48px\r\n\r\n  /* Line Height */\r\n  --guk-line-height-normal: 1.5;\r\n  --guk-line-height-tight: 1.25;\r\n  --guk-line-height-relaxed: 1.65;\r\n\r\n  /* Font Family */\r\n  --guk-font-family: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\r\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\r\n    \"Noto Color Emoji\";\r\n}\r\n\r\n/* Font-face Definitions */\r\n@font-face {\r\n  font-family: \"Manrope\";\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  font-display: swap;\r\n  src: url(\"../../fonts/Manrope-Regular.ttf\") format(\"truetype\");\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Manrope\";\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  font-display: swap;\r\n  src: url(\"../../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\r\n}\r\n\r\n// Existing SCSS Variables (Preserved)\r\n$mobile-breakpoint: 1000px;\r\n\r\n$screen-sm: 576px;\r\n$screen-md: 768px;\r\n$screen-lg: 992px;\r\n$screen-xl: 1160px;\r\n\r\n$header-height: 66px;\r\n$footer-height: 361px;\r\n$nav-width: 300px;\r\n\r\n$xs: 5px;\r\n$sm: 10px;\r\n$md: 15px;\r\n$lg: 20px;\r\n$xl: 40px;\r\n","body {\r\n  background: var(--guk-color-neutral-50);\r\n}\r\n\r\n.filter-active-icon {\r\n  filter: invert(49%) sepia(69%) saturate(6505%) hue-rotate(225deg) brightness(93%) contrast(91%);\r\n}\r\n",".container {\r\n  @media (min-width: $screen-xl) {\r\n    max-width: $screen-xl;\r\n  }\r\n}\r\n\r\n.flex {\r\n  display: flex;\r\n}\r\n\r\n.col {\r\n  flex-direction: column;\r\n}\r\n\r\n.align-top {\r\n  align-items: flex-start;\r\n}\r\n\r\n.align-center {\r\n  align-items: center;\r\n}\r\n\r\n.align-bottom {\r\n  align-items: flex-end;\r\n}\r\n\r\n.justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.justify-justified {\r\n  justify-content: space-between;\r\n}\r\n\r\n.grow {\r\n  flex: 1 1 auto;\r\n}\r\n\r\n.shrink {\r\n  flex: 0 0 auto;\r\n}\r\n","/* typography.scss */\r\n\r\n/* Font-face Definitions */\r\n@font-face {\r\n  font-family: \"Manrope\";\r\n  src: url(\"../fonts/Manrope-Regular.ttf\") format(\"truetype\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Manrope\";\r\n  src: url(\"../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\r\n  font-weight: 600;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n\r\n/* Body Styles */\r\nbody {\r\n  color: var(--guk-color-neutral-600);\r\n  font-family: var(--guk-font-family);\r\n  font-size: var(--guk-font-size-base); /* 1rem */\r\n  line-height: var(--guk-line-height-normal); /* 1.5 */\r\n}\r\n\r\n/* Headings */\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  color: var(--guk-color-neutral-900);\r\n  font-family: var(--guk-font-family);\r\n /* font-weight: var(--guk-font-weight-semibold); /* 600 */\r\n  line-height: var(--guk-line-height-tight); /* 1.25 */\r\n  margin-bottom: var(--guk-space-4); /* Consistent spacing */\r\n  margin-top: var(--guk-space-8);\r\n}\r\n\r\n/*\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  padding-top: var(--guk-space-8); \r\n  \r\n}\r\n*/\r\n\r\nh1\r\n {\r\n /* padding-top: var(--guk-space-6); /* Adjusted spacing */\r\n  border-bottom: 1px solid var(--guk-color-neutral-200);\r\n}\r\n\r\n/* Heading Specific Styles */\r\nh1 {\r\n  font-size: var(--guk-font-size-3xl); /* 3rem */\r\n  padding-bottom: var(--guk-space-2);\r\n}\r\n\r\nh2 {\r\n  font-size: var(--guk-font-size-2xl); /* 2.25rem */\r\n}\r\n\r\nh3 {\r\n  font-size: var(--guk-font-size-xl); /* 1.875rem */\r\n}\r\n\r\nh4 {\r\n  font-size: var(--guk-font-size-lg); /* 1.5rem */\r\n}\r\n\r\nh5 {\r\n  font-size: var(--guk-font-size-m); /* 1.25rem */\r\n}\r\n\r\nh6 {\r\n  font-size: var(--guk-font-size-m); /* 1.125rem */\r\n}\r\n\r\n/* Inline Code */\r\ncode {\r\n  background-color: var(--guk-color-neutral-100); /* #f5f7fa */\r\n  border-radius: var(--guk-border-rounded); /* 4px */\r\n  border: 1px solid var(--guk-color-neutral-200);\r\n  font-family: var(--guk-font-family-monospace, monospace);\r\n  font-size: 0.95em;\r\n  padding: 2px 4px;\r\n}\r\n\r\n/* Paragraphs and Lists */\r\np,\r\nfigure {\r\n  margin-bottom: var(--guk-space-4); \r\n  /* margin-top: var(--guk-space-6); */\r\n}\r\n\r\nul,\r\nol,\r\ndl {\r\n  margin-bottom: var(--guk-space-4);\r\n  margin-top: var(--guk-space-4);\r\n  padding-left: var(--guk-space-6);\r\n}\r\n\r\nli {\r\n  margin-top: var(--guk-space-2);\r\n  margin-bottom: var(--guk-space-2);\r\n}\r\n\r\nol {\r\n  list-style-type: decimal;\r\n}\r\n\r\nul {\r\n  list-style-type: disc;\r\n}\r\n\r\n/* Links */\r\na {\r\n  color: var(--guk-color-primary-500);\r\n  text-decoration: none;\r\n  transition: color var(--transition-speed-md) var(--transition-timing);\r\n\r\n  &:hover {\r\n    color: var(--guk-color-primary-400);\r\n  }\r\n\r\n  .admonitionblock & {\r\n    color: inherit;\r\n  }\r\n}\r\n\r\n/* Preformatted Text */\r\npre,\r\ncode {\r\n  font-family: var(--guk-font-family-monospace, monospace);\r\n  font-size: 0.95em;\r\n}\r\n\r\npre {\r\n  background-color: var(--guk-color-neutral-0);\r\n  border-radius: var(--guk-border-rounded);\r\n/*  padding: var(--guk-space-4); */\r\n  overflow: auto;\r\n  margin-bottom: var(--guk-space-6);\r\n  margin-top: var(--guk-space-6);\r\n}\r\n\r\n/* Table Headings */\r\nthead {\r\n  font-family: var(--guk-font-family);\r\n  font-variant: small-caps;\r\n  text-transform: lowercase;\r\n  letter-spacing: 0.05em;\r\n  color: var(--guk-color-neutral-500);\r\n  border-bottom: 1px solid var(--guk-color-neutral-200);\r\n}\r\n\r\nth {\r\n  text-align: left;\r\n  padding: var(--guk-space-2);\r\n}\r\n\r\ntd,\r\nth {\r\n  padding: var(--guk-space-2);\r\n}\r\n\r\ntd > .tableblock {\r\n  margin: 0;\r\n}\r\n\r\n/* Definition Lists */\r\ndl {\r\n  border: 1px solid var(--guk-color-neutral-200);\r\n  border-radius: var(--guk-border-rounded);\r\n  display: inline-block;\r\n  padding: var(--guk-space-4);\r\n}\r\n\r\ndt {\r\n  font-weight: var(--guk-font-weight-semibold);\r\n\r\n  &::after {\r\n    content: \":\";\r\n  }\r\n}\r\n\r\ndd {\r\n  margin-left: 0;\r\n\r\n  + dt {\r\n    border-top: 1px solid var(--guk-color-neutral-200);\r\n    margin-top: var(--guk-space-2);\r\n    padding-top: var(--guk-space-2);\r\n  }\r\n}\r\n\r\n/* Blockquotes */\r\nblockquote {\r\n  margin-left: var(--guk-space-8);\r\n  border-left: 4px solid var(--guk-color-neutral-200);\r\n  padding-left: var(--guk-space-4);\r\n  color: var(--guk-color-neutral-700);\r\n  font-style: italic;\r\n}\r\n\r\nblockquote + .attribution {\r\n  text-align: right;\r\n  font-size: var(--guk-font-size-sm);\r\n  color: var(--guk-color-neutral-600);\r\n}\r\n\r\n/* Strong Text */\r\nstrong,\r\n.strong {\r\n  font-weight: var(--guk-font-weight-semibold);\r\n}\r\n\r\n/* Strikethrough Text */\r\n.strikethrough {\r\n  text-decoration: line-through;\r\n}\r\n\r\n/* Miscellaneous */\r\npre,\r\ntable,\r\naside {\r\n  margin-bottom: var(--guk-space-6);\r\n  margin-top: var(--guk-space-6);\r\n}\r\n\r\n/* Variables Fallbacks */\r\n:root {\r\n  --guk-font-family-monospace: \"Roboto Mono\", monospace;\r\n}\r\n","svg {\r\n  fill: currentColor;\r\n}\r\n\r\nsvg.icon {\r\n  height: 1em;\r\n  width: 1em;\r\n  pointer-events: none;\r\n  vertical-align: -.1em;\r\n}\r\n\r\n.btn-icon {\r\n  border: 0;\r\n  display: flex;\r\n  padding: .5em;\r\n}\r\n",".input,\r\n.textarea {\r\n  background: var(--tertiary);\r\n  border: 1px solid var(--aluminum-4);\r\n  border-radius: 2px;\r\n  color: var(--steel-5);\r\n  font-size: 14px;\r\n  height: var(--input-md);\r\n  padding: var(--xs);\r\n  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\r\n  width: 100%;\r\n  word-break: normal;\r\n\r\n  \r\n  &.focus,\r\n  &:focus {\r\n    border-color: var(--core-violet-3);\r\n    box-shadow: 0 0 0 3px rgba(0,162,223,.25);\r\n  }\r\n\r\n  \r\n  &::placeholder {\r\n    color: var(--aluminum-5);\r\n  }\r\n}\r\n\r\n.textarea {\r\n  resize: vertical;\r\n}\r\n",".select {\r\n  background: var(--tertiary);\r\n  border: 1px solid var(--aluminum-4);\r\n  color: var(--steel-5);\r\n  font-size: 14px;\r\n  height: var(--input-md);\r\n  padding: var(--xs);\r\n  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\r\n  word-break: normal;\r\n\r\n  \r\n  &.focus,\r\n  &:focus {\r\n    border-color: var(--core-violet-3);\r\n    box-shadow: 0 0 0 3px rgba(0,162,223,.25);\r\n  }\r\n}\r\n","/* grid layout */\r\n\r\n.card-section .sectionbody, .card-section .content {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(calc(max(30%, 230px)), 1fr));;\r\n  grid-gap: 1rem;\r\n}\r\n\r\n.card-section-2col .sectionbody, .card-section-2col .content {\r\n  grid-template-columns: repeat(auto-fill, minmax(calc(max(50% - 0.5rem, 250px)), 1fr));\r\n}\r\n\r\n.card-section .sectionbody> :not(.card) {\r\n  grid-column: 1 / -1;\r\n}\r\n\r\n.card {\r\n\r\n  .content,\r\n  .paragraph,\r\n  p {\r\n    display: inline;\r\n  }\r\n}\r\n\r\n.card a {\r\n  display: block;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n/* inner card layout */\r\n\r\n.card a {\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  padding: 1.5rem 1.2rem;\r\n\r\n  .card-body {\r\n    flex-grow: 1;\r\n  }\r\n}\r\n\r\n.card-title {\r\n  display: flex;\r\n  vertical-align: center;\r\n}\r\n\r\n.card-body {\r\n  display: block;\r\n}\r\n\r\n/* styling */\r\n\r\n.card a {\r\n  border-radius: var(--border-radius);\r\n  color: inherit;\r\n  text-decoration: none;\r\n  font-size: .9rem;\r\n\r\n  .card-title {\r\n    font-family: var(--heading);\r\n    font-weight: var(--weight-bold);\r\n    font-size: 1rem;\r\n    line-height: 1.4;\r\n    margin-bottom: 1.2rem;\r\n  }\r\n}\r\n\r\n/* styling learn */\r\n\r\n.card-learn a {\r\n  border: solid 1px #cacbcc;\r\n  border-left: solid 3px #53536B;\r\n  color: var(--color-text-light);\r\n\r\n  .card-title {\r\n    margin-bottom: .8rem;\r\n  }\r\n\r\n  &:hover {\r\n    border-color: #B8BFF4;\r\n    border-left-color: #4E5EE4;\r\n    box-shadow: 0 6px 12px 0 rgba(60, 60, 60, 0.09);\r\n\r\n    .card-title {\r\n      color: #4E5EE4;\r\n    }\r\n  }\r\n}\r\n\r\n/* styling product cards */\r\n\r\n.card-primary a,\r\n.card-secondary a {\r\n  box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.1);\r\n\r\n  &:hover {\r\n    box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.3);\r\n  }\r\n\r\n  .card-title::before {\r\n    content: \"\";\r\n    background-image: var(--card-icon);\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    width: 1.2em;\r\n    height: 1.2em;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    margin-right: .6em;\r\n  }\r\n}\r\n\r\n.card-primary a {\r\n  min-height: 14rem;\r\n  color: white;\r\n  position: relative;\r\n  padding-top: 3em;\r\n  padding-bottom: 2em;\r\n  overflow: hidden;\r\n  /* hide background image */\r\n\r\n  .card-title {\r\n    font-size: 1.2em;\r\n  }\r\n\r\n  &::before {\r\n    display: block;\r\n    width: 95px;\r\n    height: 70px;\r\n    position: absolute;\r\n    bottom: 30px;\r\n    right: -20px;\r\n    content: \"\";\r\n    background-image: url(../images/cards.svg);\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n  }\r\n\r\n  &::after {\r\n    content: \"Get started >\";\r\n    font-family: var(--heading);\r\n    font-weight: var(--weight-bold);\r\n    font-size: .8em;\r\n    text-transform: uppercase;\r\n    letter-spacing: .05em;\r\n  }\r\n}\r\n\r\n.card-secondary a {\r\n  border: solid 1px #e9e9ed;\r\n  color: var(--color-text-light);\r\n\r\n  &:hover {\r\n    border-color: #dfdfe0;\r\n  }\r\n}\r\n\r\n.card-contracts a {\r\n  --card-icon: url(../images/contracts_white.svg);\r\n  background-image: linear-gradient(45deg, #6746d6 0%, #a134d1 100%);\r\n}\r\n\r\n.card-defender a {\r\n  --card-icon: url(../images/defender_white.svg);\r\n  background-image: linear-gradient(-135deg, #00e1d4 0%, #00c7f2 100%);\r\n}\r\n\r\n.card-upgrades {\r\n  --card-icon: url(../images/icons/upgrades-plugins.svg);\r\n}\r\n\r\n.card-contracts-cairo {\r\n  --card-icon: url(../images/icons/contracts-cairo.svg);\r\n}\r\n\r\n.card-contracts-stylus {\r\n  --card-icon: url(../images/icons/contracts-stylus.svg);\r\n}\r\n\r\n.card-substrate-runtimes {\r\n  --card-icon: url(../images/icons/substrate-runtimes.svg);\r\n}\r\n\r\n.card-test-environment {\r\n  --card-icon: url(../images/icons/test-environment.svg);\r\n}\r\n\r\n.card-network-js {\r\n  --card-icon: url(../images/icons/network-js.svg);\r\n}\r\n\r\n.card-gsn-helpers {\r\n  --card-icon: url(../images/icons/gsn-helpers.svg);\r\n}\r\n\r\n.card-gsn-provider {\r\n  --card-icon: url(../images/icons/gsn-provider.svg);\r\n}\r\n\r\n.card-contract-loader {\r\n  --card-icon: url(../images/icons/contract-loader.svg);\r\n}\r\n\r\n.card-solidity-docgen {\r\n  --card-icon: url(../images/icons/docgen.svg);\r\n}\r\n\r\n.card-subgraphs {\r\n  --card-icon: url(../images/icons/subgraphs.svg);\r\n}","/* navigation.scss */\r\n\r\n.nav {\r\n  border-right: solid 1px var(--guk-color-neutral-100);\r\n  padding: 1rem;\r\n  background: var(--guk-color-neutral-0); /* Replaces var(--core-gray) */\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\r\n\r\n  a {\r\n    text-decoration: none;\r\n  /*  color: var(--guk-color-neutral-600); */\r\n  }\r\n\r\n  .nav-li-active > a {\r\n    color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\r\n  /*  border-bottom: 2px solid var(--guk-color-primary-400); */\r\n  }\r\n}\r\n\r\n.nav-component {\r\n  line-height: 1rem;\r\n}\r\n\r\n\r\n\r\n.nav-component a,\r\n/*.btn-back */\r\n{\r\n  padding: 0.7rem 1rem;\r\n} \r\n\r\n\r\n.nav-title {\r\n  padding: 0 1rem;\r\n  font-size: 0.8em;\r\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--aluminum-5) */\r\n  letter-spacing: 0.05em;\r\n  font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\r\n  text-transform: uppercase;\r\n}\r\n\r\n.btn-back {\r\n /* opacity: 0.6; \r\n  margin-bottom: 0.5rem;\r\n  line-height: 1.5rem;*/\r\n  margin-left: 1.3rem; \r\n  cursor: pointer;\r\n  color: var(--guk-color-neutral-400);\r\n\r\n  \r\n  &::before {\r\n    display: inline-block;\r\n    content: url(../images/icons/arrow_back.svg);\r\n    margin-right: 0.3em;\r\n    margin-left: -1.3rem;\r\n    width: 1rem;\r\n  }\r\n}\r\n\r\n.btn-back:hover {\r\n   color: var(--guk-color-neutral-700);\r\n }\r\n\r\n.nav-heading {\r\n  font-size: 1rem;\r\n  font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-medium) */\r\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\r\n /* padding: 0 1rem; */\r\n}\r\n\r\n.nav-component-active {\r\n  .nav-heading-active {\r\n    padding-top: 15px;\r\n    padding-bottom: 4px;\r\n    background: var(--guk-color-neutral-50); /* Replaces var(--core-gray) */\r\n    z-index: 2;\r\n  }\r\n}\r\n\r\n.nav-component-heading {\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--steel-4) */\r\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\r\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-medium) */\r\n  position: relative;\r\n  font-size: 1rem;\r\n}\r\n\r\n.nav-link {\r\n  color: var(--guk-color-neutral-600);\r\n  margin-bottom: var(--guk-space-2);\r\n  cursor: pointer;\r\n}\r\n\r\n.nav-link:hover {\r\n  color: var(--guk-color-neutral-900);\r\n  cursor: pointer;\r\n}\r\n\r\n.nav-link code {\r\n  font-size: 0.9rem;\r\n  padding: 0;\r\n}\r\n\r\n.nav-icon {\r\n  opacity: 0.8;\r\n}\r\n\r\nbutton.collapse-toggle {\r\n  cursor: pointer;\r\n  padding: 0;\r\n  border: none;\r\n\r\n  &.toggled {\r\n    img {\r\n      transform: rotate(-90deg);\r\n    }\r\n\r\n    ~ .collapsible-content {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.close-menu-btn {\r\n  border: 0;\r\n}\r\n\r\n  /* Scope list styles to navigation */\r\n  .nav-list {\r\n    list-style: none;\r\n    padding-left: 0;\r\n    margin: 0; /* Optional: remove default margins */\r\n  }\r\n\r\n/* ===== Scrollbar CSS ===== */\r\n  /* Firefox */\r\n  * {\r\n    scrollbar-color: var(--guk-color-neutral-100) transparent;\r\n    scrollbar-width: thin;\r\n  }\r\n\r\n  /* Chrome, Edge, and Safari */\r\n  *::-webkit-scrollbar {\r\n    width: 8px;\r\n  }\r\n\r\n  *::-webkit-scrollbar-track {\r\n    background: transparent;\r\n  }\r\n\r\n  *::-webkit-scrollbar-thumb {\r\n    background-color: var(--guk-color-neutral-100);\r\n    border-radius: 10px;\r\n  }","/* version-select.scss */\r\n\r\n.component-version {\r\n  position: relative;\r\n}\r\n\r\n.btn-version {\r\n  font-size: 0.85rem;\r\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\r\n  min-height: 1.5rem;\r\n  padding: 0 var(--guk-space-2); /* 8px */\r\n  margin: 0.4rem 0;\r\n  border: 1px solid;\r\n  border-radius: var(--guk-border-rounded-full); /* 9999px */\r\n\r\n  &::after {\r\n    display: inline-block;\r\n    content: url(../images/icons/chevron.svg);\r\n    width: 0.8rem;\r\n    margin-left: 0.2rem;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\r\n  }\r\n\r\n  svg {\r\n    height: var(--guk-space-4); /* Replaces var(--md) */\r\n    width: var(--guk-space-4);\r\n  }\r\n}\r\n\r\n.popover-container {\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 100%;\r\n  z-index: 1;\r\n  padding-top: 0.5em;\r\n\r\n  .btn-version:focus + &,\r\n  &:focus-within {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n  }\r\n}\r\n\r\n.popover {\r\n  font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\r\n  font-size: 0.9em;\r\n  background: var(--guk-color-neutral-0); /* Replaces var(--tertiary) */\r\n  border: 1px solid var(--guk-color-neutral-100); /* Replaces var(--aluminum-3) */\r\n  border-radius: var(--guk-border-rounded); /* Replaces var(--border-radius) */\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);\r\n  color: var(--guk-color-neutral-700); /* Replaces var(--steel-3) */\r\n  padding: 0.5em;\r\n  margin: 0 var(--guk-space-1); /* Replaces var(--xs) */\r\n  width: 10em;\r\n  user-select: none;\r\n\r\n  p {\r\n    margin: 0;\r\n    padding: 0 0.5em;\r\n    font-weight: bold;\r\n    font-size: 0.9em;\r\n  }\r\n\r\n  ul {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    li {\r\n      list-style: none;\r\n\r\n      a {\r\n        display: block;\r\n        padding: 0.2em 0.5em;\r\n\r\n        &:hover {\r\n          background-color: var(--guk-color-neutral-50); /* Replaces var(--aluminum-2) */\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","/* These are hidden from the site and only shown in the READMEs on GitHub. */\r\n.readme-notice {\r\n  display: none;\r\n}\r\n","@use \"sass:math\";\r\n\r\n.root {\r\n  display: flex;\r\n}\r\n\r\n.nav {\r\n  height: 100vh;\r\n  overflow-y: auto;\r\n  position: sticky;\r\n  top: 0;\r\n  width: 300px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.nav-heading {\r\n  margin: .75rem 1.3rem;\r\n  align-items: center;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.nav-component-active {\r\n /* min-height: 100%; */\r\n  overflow-y: auto;\r\n}\r\n\r\n.nav-component-active .nav-heading-active {\r\n  position: sticky;\r\n  top: 0;\r\n  margin-top: 0;\r\n}\r\n\r\n.nav-heading-active {\r\n  position: sticky;\r\n  top: 15px;\r\n}\r\n\r\n.nav-component-heading + .nav-list {\r\n  height: 90%;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.nav-li {\r\n  /*margin-bottom: var(--guk-space-2); */\r\n  margin-left: 1.3rem;\r\n  line-height: 1.5rem;\r\n}\r\n\r\n.nav-icon {\r\n  margin-right: .5rem;\r\n  height: 1rem;\r\n  width: 1rem;\r\n}\r\n\r\n.close-menu-btn {\r\n  display: flex;\r\n  padding: var(--lg);\r\n  margin-top: calc(-1 * var(--side-margin));\r\n  margin-left: calc(-1 * var(--side-margin));\r\n\r\n  @media (min-width: $mobile-breakpoint) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: $mobile-breakpoint) {\r\n  .nav {\r\n    flex-grow: 1;\r\n    padding: var(--lg);\r\n  }\r\n\r\n  .nav:not(.toggled) {\r\n    display: none;\r\n  }\r\n\r\n  .nav.toggled ~ .main {\r\n    display: none;\r\n  }\r\n}\r\n\r\nbutton.collapse-toggle {\r\n  margin-left: -1.3rem;\r\n  width: 1rem;\r\n  height: 1rem;\r\n}\r\n\r\n/*\r\n.collapsible-content {\r\n  margin-bottom: var(--md);\r\n}*/\r\n\r\n\r\n:root {\r\n  --side-margin: var(--xl);\r\n\r\n  @media (max-width: $mobile-breakpoint) {\r\n    --side-margin: var(--lg);\r\n  }\r\n}\r\n\r\n.main {\r\n  min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.navbar, .article-wrapper {\r\n  max-width: 60rem;\r\n  margin: 0 var(--side-margin);\r\n}\r\n\r\n.navbar {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n}\r\n\r\n.navbar-burger {\r\n  margin-left: calc(-1 * var(--side-margin));\r\n  margin-right: .5em;\r\n  padding: var(--lg);\r\n  display: flex;\r\n}\r\n\r\n.navbar-logo {\r\n  flex-grow: 99;\r\n  display: flex;\r\n  align-items: stretch;\r\n\r\n  a {\r\n    padding: var(--lg) 0;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.navbar-search {\r\n  position: relative;\r\n  display: flex;\r\n /*  flex-grow: 1; */\r\n}\r\n\r\n.navbar-search-input {\r\n /* flex-grow: 1; */\r\n  width: 20em;\r\n  padding: .5rem !important;\r\n}\r\n\r\n.navbar-end {\r\n /* flex-grow: 1; */\r\n  display: flex;\r\n  justify-content: space-around;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.navbar-item {\r\n  flex-grow: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  line-height: 1.5;\r\n  margin-right: .25em;\r\n  margin-left: .25em;\r\n}\r\n\r\n.article-wrapper {\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n}\r\n\r\n.article {\r\n  min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\r\n  flex-grow: 1;\r\n}\r\n\r\n.toc-sidebar {\r\n  margin-left: var(--lg);\r\n  flex-grow: 0;\r\n  flex-shrink: 0;\r\n  width: 200px;\r\n  max-height: 80vh;\r\n  position: sticky;\r\n  top: 10vh;\r\n  overflow-y: auto;\r\n\r\n  @media (max-width: math.div($mobile-breakpoint * 2, 3)) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.notoc .toc-sidebar {\r\n  display: none;\r\n}\r\n\r\n/* To reset HubSpot Popup Banner's default animation effect */\r\nbody .leadinModal.leadinModal-theme-top {\r\n  top: auto;\r\n  bottom: 0;\r\n  z-index: 99999999999;\r\n}\r\n\r\n.leadinModal.leadinModal-theme-top .leadinModal-content {\r\n animation-name: leadinModal-reset!important;\r\n}\r\n.leadinModal.leadinModal-theme-top.leadinModal-closing,\r\n.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content{\r\n    animation-name: leadinModal-fadeout!important;\r\n}\r\n@keyframes leadinModal-reset {\r\n    0% {\r\n      transform: translateY(0);\r\n      -webkit-transform: translateY(0);\r\n      -moz-transform: translateY(0);\r\n      -ms-transform: translateY(0);\r\n      -o-transform: translateY(0);\r\n      opacity: 0;\r\n    }\r\n    1% {\r\n      transform: translateY(0);\r\n      -webkit-transform: translateY(0);\r\n      -moz-transform: translateY(0);\r\n      -ms-transform: translateY(0);\r\n      -o-transform: translateY(0);\r\n      opacity: 0;\r\n    }\r\n    2% {\r\n      transform: translateY(0);\r\n      -webkit-transform: translateY(0);\r\n      -moz-transform: translateY(0);\r\n      -ms-transform: translateY(0);\r\n      -o-transform: translateY(0);\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      transform: translateY(0);\r\n      -webkit-transform: translateY(0);\r\n      -moz-transform: translateY(0);\r\n      -ms-transform: translateY(0);\r\n      -o-transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n","/* header.scss */\r\n\r\n.header {\r\n  border-bottom: solid 1px var(--guk-color-neutral-200); /* Replaces #e2e2e7 */\r\n  padding:1em 0em 1em 0em;\r\n}\r\n\r\n.navbar {\r\n /* background-color: var(--guk-color-neutral-0); /* Assuming white background */\r\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\r\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\r\n  word-wrap: break-word;\r\n  z-index: 10; /* Ensure this z-index is appropriate */\r\n}\r\n\r\n.navbar a {\r\n  text-decoration: none;\r\n}\r\n\r\n.navbar-brand .navbar-item:first-child,\r\n.navbar-brand .navbar-item:first-child a {\r\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\r\n  font-size: var(--guk-font-size-lg); /* 1.125rem */\r\n}\r\n\r\n.navbar-brand .separator {\r\n  padding: 0 var(--guk-space-1); /* 4px */\r\n}\r\n\r\n.navbar-burger {\r\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\r\n  background: none;\r\n  border: none;\r\n  outline: none;\r\n}\r\n\r\n.navbar-burger::-moz-focus-inner {\r\n  border: none;\r\n}\r\n\r\n.navbar-item {\r\n  margin-left: 32px;\r\n  margin-right: 0px;\r\n  color: var(--guk-color-neutral-500); /* Replaces var(--color-text) */\r\n  padding: var(--guk-space-2); /* 8px */\r\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\r\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\r\n  font-size: var(--guk-font-size-base); /* 1rem */\r\n}\r\n\r\n.navbar-item:hover {\r\n  color: var(--guk-color-neutral-800); /* Replaces var(--color-navbar-hover) */\r\n}\r\n\r\n.navbar-button {\r\n  color: var(--guk-color-neutral-0); /* White text */\r\n  padding: var(--guk-space-1-5) var(--guk-space-3); /* 6px 12px */\r\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\r\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\r\n  font-size: var(--guk-font-size-base); /* 1rem */\r\n  display: inline-block;\r\n  border-radius: var(--guk-border-rounded-full); /* Fully rounded button */\r\n  letter-spacing: -0.02em;\r\n  transition: all 0.2s ease;\r\n  background: var(--guk-color-primary-500); /* Replaces #4F56FA */\r\n  text-decoration: none;\r\n  text-transform: none;\r\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces #EFEFEF */\r\n  text-align: center;\r\n  white-space: nowrap;\r\n}\r\n\r\n.navbar-button:hover {\r\n  background: var(--guk-color-primary-600) !important; /* Replaces #4349D4 */\r\n  color: var(--guk-color-neutral-0);\r\n}\r\n\r\n.navbar-search-input {\r\n  margin-right: 8px;\r\n  font-size: var(--guk-font-size-base); /* 1rem */\r\n  background-color: var(--guk-color-neutral-0); /* Replaces var(--aluminum-1) */\r\n  color: var(--guk-color-neutral-500);\r\n  border-radius: var(--guk-border-rounded);\r\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces var(--aluminum-3) */\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n &:before {\r\n  content: url(../images/icons/arrow_back.svg);\r\n  display: inline-block;\r\n }\r\n}\r\n\r\n.navbar-search-checkbox {\r\n  display: none;\r\n}\r\n\r\n@media screen and (min-width: 1000px) {\r\n  .navbar-burger {\r\n    display: none;\r\n  }\r\n}\r\n","/* footer.scss */\r\n\r\nfooter.footer {\r\n  font-size: var(--guk-size-base);\r\n  background-color: var(--guk-color-neutral-0); /* #ffffff */\r\n  padding: var(--guk-space-6) var(--guk-space-8); /* 24px 32px */\r\n  color: var(--guk-color-neutral-500); /* #616e7c */\r\n  border-top: solid 1px var(--guk-color-neutral-100); /* Uses --guk-color-neutral-900 */\r\n}\r\n\r\n.footer a {\r\n  color: var(--guk-color-neutral-500); /* Semi-transparent using --guk-color-neutral-900 */\r\n  display: inline;\r\n  margin-left: var(--guk-space-4); /* 6px */\r\n /* border-left: 1px solid rgba(31, 41, 51, 0.7); */\r\n  padding-left: var(--guk-space-1-5); /* 6px */\r\n}\r\n\r\n.footer a:hover {\r\n  color: var(--guk-color-neutral-800); /* Semi-transparent using --guk-color-neutral-900 */\r\n}","/*!\r\n  Customized Theme aligned with the Style Guide\r\n*/\r\n\r\n/* Dark Theme */\r\n.hljs {\r\n  color: var(--guk-color-neutral-300); /* Default text color */\r\n  background: var(--guk-color-neutral-900); /* Background color */\r\n}\r\n\r\n.hljs-doctag,\r\n.hljs-keyword,\r\n.hljs-meta .hljs-keyword,\r\n.hljs-template-tag,\r\n.hljs-template-variable,\r\n.hljs-type,\r\n.hljs-variable.language_ {\r\n  /* Keywords */\r\n  color: var(--guk-color-critical-500);\r\n}\r\n\r\n.hljs-title,\r\n.hljs-title.class_,\r\n.hljs-title.class_.inherited__,\r\n.hljs-title.function_ {\r\n  /* Titles and Functions */\r\n  color: var(--guk-color-primary-300);\r\n}\r\n\r\n.hljs-attr,\r\n.hljs-attribute,\r\n.hljs-literal,\r\n.hljs-meta,\r\n.hljs-number,\r\n.hljs-operator,\r\n.hljs-variable,\r\n.hljs-selector-attr,\r\n.hljs-selector-class,\r\n.hljs-selector-id {\r\n  /* Attributes, Numbers, Operators */\r\n  color: var(--guk-color-info-300);\r\n}\r\n\r\n.hljs-regexp,\r\n.hljs-string,\r\n.hljs-meta .hljs-string {\r\n  /* Strings and Regex */\r\n  color: var(--guk-color-info-500);\r\n}\r\n\r\n.hljs-built_in,\r\n.hljs-symbol {\r\n  /* Built-in and Symbols */\r\n  color: var(--guk-color-warning-500);\r\n}\r\n\r\n.hljs-comment,\r\n.hljs-code,\r\n.hljs-formula {\r\n  /* Comments */\r\n  color: var(--guk-color-neutral-500);\r\n}\r\n\r\n.hljs-name,\r\n.hljs-quote,\r\n.hljs-selector-tag,\r\n.hljs-selector-pseudo {\r\n  /* Names and Selectors */\r\n  color: var(--guk-color-success-500);\r\n}\r\n\r\n.hljs-subst {\r\n  /* Substitutions */\r\n  color: var(--guk-color-neutral-300);\r\n}\r\n\r\n.hljs-section {\r\n  /* Sections */\r\n  color: var(--guk-color-primary-500);\r\n  font-weight: bold;\r\n}\r\n\r\n.hljs-bullet {\r\n  /* Bullets */\r\n  color: var(--guk-color-warning-300);\r\n}\r\n\r\n.hljs-emphasis {\r\n  /* Emphasis */\r\n  color: var(--guk-color-neutral-300);\r\n  font-style: italic;\r\n}\r\n\r\n.hljs-strong {\r\n  /* Strong */\r\n  color: var(--guk-color-neutral-300);\r\n  font-weight: bold;\r\n}\r\n\r\n.hljs-addition {\r\n  /* Additions */\r\n  color: var(--guk-color-success-300);\r\n  background-color: var(--guk-color-success-100);\r\n}\r\n\r\n.hljs-deletion {\r\n  /* Deletions */\r\n  color: var(--guk-color-critical-300);\r\n  background-color: var(--guk-color-critical-100);\r\n}\r\n\r\n.hljs-char.escape_,\r\n.hljs-link,\r\n.hljs-params,\r\n.hljs-property,\r\n.hljs-punctuation,\r\n.hljs-tag {\r\n  color: inherit;\r\n  background-color: transparent;\r\n}\r\n\r\n/* Light Theme */\r\n.hljs-theme-light {\r\n  .hljs {\r\n    color: var(--guk-color-neutral-900);\r\n    background: var(--guk-color-neutral-0);\r\n  }\r\n\r\n  .hljs-doctag,\r\n  .hljs-keyword,\r\n  .hljs-meta .hljs-keyword,\r\n  .hljs-template-tag,\r\n  .hljs-template-variable,\r\n  .hljs-type,\r\n  .hljs-variable.language_ {\r\n    color: var(--guk-color-critical-500);\r\n  }\r\n\r\n  .hljs-title,\r\n  .hljs-title.class_,\r\n  .hljs-title.class_.inherited__,\r\n  .hljs-title.function_ {\r\n    color: var(--guk-color-primary-500);\r\n  }\r\n\r\n  .hljs-attr,\r\n  .hljs-attribute,\r\n  .hljs-literal,\r\n  .hljs-meta,\r\n  .hljs-number,\r\n  .hljs-operator,\r\n  .hljs-variable,\r\n  .hljs-selector-attr,\r\n  .hljs-selector-class,\r\n  .hljs-selector-id {\r\n    color: var(--guk-color-primary-500);\r\n  }\r\n\r\n  .hljs-regexp,\r\n  .hljs-string,\r\n  .hljs-meta .hljs-string {\r\n    color: var(--guk-color-primary-700);\r\n  }\r\n\r\n  .hljs-built_in,\r\n  .hljs-symbol {\r\n    color: var(--guk-color-warning-500);\r\n  }\r\n\r\n  .hljs-comment,\r\n  .hljs-code,\r\n  .hljs-formula {\r\n    color: var(--guk-color-neutral-500);\r\n  }\r\n\r\n  .hljs-name,\r\n  .hljs-quote,\r\n  .hljs-selector-tag,\r\n  .hljs-selector-pseudo {\r\n    color: var(--guk-color-success-500);\r\n  }\r\n\r\n  .hljs-subst {\r\n    color: var(--guk-color-neutral-900);\r\n  }\r\n\r\n  .hljs-section {\r\n    color: var(--guk-color-primary-500);\r\n    font-weight: bold;\r\n  }\r\n\r\n  .hljs-bullet {\r\n    color: var(--guk-color-warning-300);\r\n  }\r\n\r\n  .hljs-emphasis {\r\n    color: var(--guk-color-neutral-900);\r\n    font-style: italic;\r\n  }\r\n\r\n  .hljs-strong {\r\n    color: var(--guk-color-neutral-900);\r\n    font-weight: bold;\r\n  }\r\n\r\n  .hljs-addition {\r\n    color: var(--guk-color-success-700);\r\n    background-color: var(--guk-color-success-100);\r\n  }\r\n\r\n  .hljs-deletion {\r\n    color: var(--guk-color-critical-700);\r\n    background-color: var(--guk-color-critical-100);\r\n  }\r\n\r\n  .hljs-char.escape_,\r\n  .hljs-link,\r\n  .hljs-params,\r\n  .hljs-property,\r\n  .hljs-punctuation,\r\n  .hljs-tag {\r\n    color: inherit;\r\n    background-color: transparent;\r\n  }\r\n}\r\n",".article {\r\n  padding-bottom: var(--guk-space-5); /* matches nav padding */\r\n\r\n  .listingblock {\r\n    position: relative;\r\n\r\n    .btn-copy {\r\n      visibility: hidden;\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      border-radius: var(--guk-border-rounded);\r\n    }\r\n\r\n    &:hover .btn-copy {\r\n      visibility: visible;\r\n    }\r\n  }\r\n  \r\n  .listingblock.nopadding {\r\n    pre code {\r\n      padding: 0;\r\n    }\r\n\r\n    .btn-copy {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  pre code {\r\n    display: block;\r\n    overflow-x: auto;\r\n    padding: var(--guk-space-4);\r\n    border-radius: var(--guk-border-rounded);\r\n    max-width: 90vw;\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n\r\n  aside {\r\n    background: var(--guk-color-neutral-50);\r\n    border: 1px solid var(--guk-color-neutral-200);\r\n    border-radius: var(--guk-border-rounded);\r\n    color: var(--guk-color-neutral-700);\r\n    font-size: var(--guk-font-size-sm); /* 14px */\r\n    padding: var(--guk-space-3) var(--guk-space-5) var(--guk-space-2);\r\n\r\n    &::before {\r\n      background-image: url(../images/icons/note.svg);\r\n      background-position: left 40%;\r\n      background-repeat: no-repeat;\r\n      background-size: 18px;\r\n      color: var(--guk-color-neutral-900);\r\n      content: \"Note\";\r\n      display: block;\r\n      font-size: var(--guk-font-size-base); /* 16px */\r\n      font-weight: var(--guk-font-weight-semibold);\r\n      opacity: 0.7;\r\n      padding-left: var(--guk-space-5);\r\n    }\r\n  }\r\n\r\n  code {\r\n    &.primary {\r\n      color: var(--guk-color-neutral-800);\r\n    }\r\n    &.secondary {\r\n      color: var(--guk-color-primary-400);\r\n    }\r\n    &.light {\r\n      color: var(--guk-color-neutral-700);\r\n    }\r\n  }\r\n}\r\n\r\n.heading-link,\r\n.anchor {\r\n  float: right;\r\n  visibility: hidden;\r\n  color: inherit;\r\n  font-size: 0.8em;\r\n  margin-top: calc(var(--guk-space-base) * 0.25); /* Equivalent to 1px */\r\n  margin-left: calc(var(--guk-space-base) * 0.25);\r\n\r\n  &:focus,\r\n  h1:hover &,\r\n  h2:hover &,\r\n  h3:hover &,\r\n  h4:hover &,\r\n  h5:hover &,\r\n  h6:hover & {\r\n    visibility: visible;\r\n  }\r\n\r\n  .contract & {\r\n    visibility: visible;\r\n  }\r\n}\r\n\r\n.anchor {\r\n  padding: 0 calc(var(--guk-space-base) * 0.75); /* Approximately 3px */\r\n  text-decoration: none;\r\n\r\n  &::before {\r\n    content: '#';\r\n  }\r\n}\r\n\r\n.contract h3 code {\r\n  padding: 0;\r\n  color: inherit;\r\n  background-color: transparent;\r\n}\r\n\r\n.contract-index {\r\n  border-radius: var(--guk-border-rounded);\r\n  max-width: 90vw;\r\n  padding: var(--guk-space-6);\r\n  background-color: var(--guk-color-neutral-50);\r\n  margin-top: var(--guk-space-4);\r\n  margin-bottom: var(--guk-space-4);\r\n  word-wrap: break-word;\r\n\r\n  ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n\r\n      pre,\r\n      code {\r\n        padding: 0;\r\n        color: inherit;\r\n        line-height: 1rem;\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  .title {\r\n    font-family: var(--guk-font-family);\r\n    font-size: var(--guk-font-size-sm); /* Approximately 0.9em */\r\n    color: var(--guk-color-primary-400);\r\n    letter-spacing: 0.05em;\r\n    font-weight: var(--guk-font-weight-semibold);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ulist {\r\n    border-top: solid 1px var(--guk-color-neutral-300);\r\n    margin-top: var(--guk-space-4);\r\n    padding-top: calc(var(--guk-space-base) * 0.25);\r\n\r\n    > .title {\r\n      float: right;\r\n      color: var(--guk-color-neutral-900);\r\n      margin-top: calc(var(--guk-space-base) * 2);\r\n      font-size: var(--guk-font-size-xs);\r\n    }\r\n  }\r\n}\r\n\r\n.contract-subindex-inherited {\r\n  opacity: 0.7;\r\n}\r\n\r\n.contract-item {\r\n  border-radius: var(--guk-border-rounded);\r\n  border: solid 1px var(--guk-color-neutral-300);\r\n  max-width: 90vw;\r\n  padding: 0;\r\n  margin-top: var(--guk-space-4);\r\n  margin-bottom: var(--guk-space-4);\r\n  word-wrap: break-word;\r\n\r\n  > * {\r\n    margin-right: var(--guk-space-4);\r\n    margin-left: var(--guk-space-4);\r\n  }\r\n\r\n  h4 {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    align-content: flex-start;\r\n    padding: 0;\r\n    margin: var(--guk-space-4);\r\n    margin-bottom: var(--guk-space-8);\r\n    position: relative;\r\n    font-size: inherit;\r\n\r\n    code {\r\n      flex-grow: 1;\r\n      color: inherit;\r\n      font-weight: var(--guk-font-weight-normal);\r\n      background-color: transparent;\r\n      padding: 0;\r\n\r\n      .contract-item-name {\r\n        font-weight: var(--guk-font-weight-semibold);\r\n      }\r\n    }\r\n\r\n    .anchor {\r\n      order: 10;\r\n      font-size: var(--guk-font-size-base);\r\n      font-weight: normal;\r\n      margin-top: 0;\r\n    }\r\n\r\n    .item-kind {\r\n      font-family: var(--guk-font-family);\r\n      font-size: var(--guk-font-size-base);\r\n      font-weight: 300;\r\n      opacity: 0.8;\r\n    }\r\n\r\n    &::before {\r\n      content: \"\";\r\n      display: block;\r\n      position: absolute;\r\n      height: 100%;\r\n      width: 100%;\r\n      box-sizing: content-box;\r\n      padding: var(--guk-space-4);\r\n      margin: calc(-1 * var(--guk-space-4));\r\n      z-index: -10;\r\n      border-top-left-radius: var(--guk-border-rounded);\r\n      border-top-right-radius: var(--guk-border-rounded);\r\n      background-color: var(--guk-color-neutral-50);\r\n      border-bottom: solid 1px var(--guk-color-neutral-300);\r\n    }\r\n  }\r\n\r\n  .admonitionblock {\r\n    font-family: var(--guk-font-family);\r\n    margin-right: var(--guk-space-4);\r\n    margin-left: var(--guk-space-4);\r\n  }\r\n}\r\n\r\n.article-navigation {\r\n  display: flex;\r\n\r\n  div {\r\n    display: block;\r\n    flex-grow: 1;\r\n    font-weight: var(--guk-font-weight-normal);\r\n    margin-top: var(--guk-space-6);\r\n    margin-bottom: var(--guk-space-2);\r\n\r\n    a {\r\n      text-decoration: none;\r\n    /*  text-transform: uppercase; */\r\n      font-size: var(--guk-font-size-base);\r\n      color: var(--guk-color-neutral-500);\r\n    }\r\n\r\n    a:hover {\r\n    color: var(--guk-color-neutral-800);\r\n    }\r\n\r\n    &.btn-next {\r\n      text-align: right;\r\n    }\r\n  }\r\n}\r\n\r\n.article-banner {\r\n  background-color: var(--guk-color-neutral-100);\r\n  border: solid 1px var(--guk-color-neutral-300);\r\n  border-radius: var(--guk-border-rounded);\r\n  padding: var(--guk-space-2-5);\r\n  margin: 0 calc(-1 * var(--guk-space-2-5));\r\n}\r\n","/* admonitionblock.scss */\r\n\r\n.alert {\r\n  p {\r\n    font-family: var(--guk-font-family);\r\n    color: inherit;\r\n    font-size: var(--guk-font-size-base); /* 1rem */\r\n  }\r\n}\r\n\r\n.admonitionblock,\r\n.alert {\r\n  max-width: 90vw;\r\n  background-color: var(--guk-color-neutral-0); /* white */\r\n  border: solid var(--guk-color-neutral-300); /* #9aa5b1 */\r\n  border-radius: var(--guk-border-rounded);\r\n  border-width: 1px 1px 1px 6px;\r\n  font-family: var(--guk-font-family);\r\n  font-weight: var(--guk-font-weight-normal);\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\r\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\r\n  text-align: center;\r\n  line-height: var(--guk-line-height-normal);\r\n  padding: var(--guk-space-5) var(--guk-space-4);\r\n  margin-bottom: var(--guk-space-7);\r\n  overflow-wrap: break-word;\r\n\r\n  table {\r\n    padding: 0;\r\n    margin: 0;\r\n    th,\r\n    td {\r\n      padding: 0;\r\n      margin: 0;\r\n      word-wrap: break-word;\r\n    }\r\n  }\r\n\r\n  .content {\r\n    max-width: 82vw;\r\n    padding-left: var(--guk-space-1);\r\n    font-size: var(--guk-font-size-base); /* 1rem */\r\n    text-align: left;\r\n    word-wrap: break-word;\r\n  }\r\n\r\n  &::before {\r\n    display: block;\r\n    font-size: 0.9em;\r\n    font-weight: var(--guk-font-weight-semibold);\r\n    text-align: left;\r\n    text-transform: uppercase;\r\n    padding-left: var(--guk-space-1);\r\n    margin-bottom: var(--guk-space-2);\r\n  }\r\n\r\n  &.note {\r\n    border-left-color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\r\n\r\n    &::before {\r\n      content: \"Note\";\r\n      color: var(--guk-color-primary-400);\r\n    }\r\n  }\r\n\r\n  &.tip {\r\n    border-left-color: var(--guk-color-info-500); /* Replaces var(--teal-3) */\r\n\r\n    &::before {\r\n      content: \"Tip\";\r\n      color: var(--guk-color-info-500);\r\n    }\r\n  }\r\n\r\n  &.warning,\r\n  &.caution,\r\n  &.important {\r\n    border-left-color: var(--guk-color-warning-500); /* Replaces #F79F1F */\r\n\r\n    &::before {\r\n      color: var(--guk-color-warning-500);\r\n      padding-left: var(--guk-space-6); /* Adjusted for spacing */\r\n      margin-left: var(--guk-space-2);\r\n      background-image: url(../images/icons/warning.svg);\r\n      background-repeat: no-repeat;\r\n      background-position: left;\r\n      background-origin: border-box;\r\n    }\r\n  }\r\n\r\n  &.warning::before {\r\n    content: \"Warning\";\r\n  }\r\n\r\n  &.caution::before {\r\n    content: \"Caution\";\r\n  }\r\n\r\n  &.important::before {\r\n    content: \"Important\";\r\n  }\r\n}\r\n","/* toc.scss */\r\n\r\n.toc-sidebar {\r\n  font-size: 0.8em;\r\n  opacity: 0.8;\r\n}\r\n\r\n.toc-menu {\r\n  border-width: 0 0 0 0.25rem;\r\n\r\n  ul {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .subheading-list {\r\n    border-left: solid 1px var(--guk-color-neutral-200);\r\n    margin-left: var(--guk-space-2); /* Equivalent to 8px */\r\n  }\r\n}\r\n\r\n.toc-title {\r\n  font-size: var(--guk-font-size-sm);\r\n  margin-bottom: 16px;\r\n  padding: 0;\r\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\r\n  color: var(--guk-color-neutral-900); /* Replaces var(--aluminum-5) */\r\n  letter-spacing: 0.05em;\r\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\r\n  text-transform: uppercase;\r\n}\r\n\r\n.toc .toc-menu li {\r\n  margin: 0.5rem 0 0;\r\n  padding-top: var(--guk-space-1); /* 4px */\r\n  padding-bottom: var(--guk-space-1);\r\n  padding-right: var(--guk-space-3); /* 8px */\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\r\n /* font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\r\n  font-size: var(--guk-font-size-base); /* 1rem */\r\n  color: var(--guk-color-neutral-400); /* Replaces var(--aluminum-5) */\r\n\r\n  &.subheading-item {\r\n    font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\r\n   /* margin: 0.25rem 0 0; */\r\n    margin-left: .7rem; \r\n  }\r\n}\r\n\r\n.toc a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  padding-right: 8px;\r\n\r\n  &:hover {\r\n    color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-2) */\r\n  }\r\n}\r\n\r\n.toc .toc-menu li a.toc-active {\r\n  color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-4) */\r\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\r\n}\r\n",".hardhat-truffle-toggle {\r\n  width: 120px;\r\n  height: 30px;\r\n  border: 0;\r\n  outline: 0;\r\n  padding: 0;\r\n  margin: 0;\r\n  background: url(../images/toggle-active.svg) center / contain no-repeat;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n\r\n  &:active {\r\n    background-image: url(../images/toggle-active.svg) !important;\r\n  }\r\n\r\n  span {\r\n    pointer-events: none;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.preference-truffle {\r\n  .hardhat {\r\n    display: none;\r\n  }\r\n\r\n  .hardhat-truffle-toggle {\r\n    background-image: url(../images/toggle-preference-truffle.svg);\r\n  }\r\n}\r\n\r\n.preference-hardhat {\r\n  .truffle {\r\n    display: none;\r\n  }\r\n\r\n  .hardhat-truffle-toggle {\r\n    background-image: url(../images/toggle-preference-hardhat.svg);\r\n  }\r\n}\r\n","/* hubspot banner styles */\r\n/* written in css to maintain precise alignment with https://github.com/OpenZeppelin/defender/blob/master/ui/src/styles/platform/hs-banner.css */\r\n/* !important is essential in this context to take precedent over default styles */\r\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {\r\n    padding: var(--u2) !important;\r\n}\r\n\r\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {\r\n    margin-right: 0 !important;\r\n    margin-bottom: var(--u) !important;\r\n}\r\n\r\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording p, \r\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer  {\r\n    line-height: 16px !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n}\r\n\r\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-buttons-area {\r\n    margin-top: var(--u) !important;\r\n    margin-right: 0 !important;\r\n}\r\n\r\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button, \r\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-decline-button {\r\n    height: 30px !important;\r\n}\r\n\r\n@media (min-width: 751px) {\r\n    div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {\r\n        margin-right: 0 !important;\r\n    }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../src/css/globals/_reset.scss","../../src/css/index.scss","../../src/css/globals/_vars.scss","../../src/css/globals/_global.scss","../../src/css/globals/_grid.scss","../../src/css/globals/_typography.scss","../../src/css/components/icons.scss","../../src/css/components/inputs.scss","../../src/css/components/select.scss","../../src/css/components/cards.scss","../../src/css/specific/navigation.scss","../../src/css/specific/version-select.scss","../../src/css/specific/readme-notice.scss","../../src/css/layout.scss","../../src/css/header.scss","../../src/css/footer.scss","../../src/css/hljs-theme.scss","../../src/css/article.scss","../../src/css/admonitionblock.scss","../../src/css/toc.scss","../../src/css/hardhat-truffle-toggle.scss","../../src/css/hs-banner.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["html {\n  -ms-text-size-adjust: 100;\n  -webkit-text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n}\n\ndetails,\nmain,\nsummary {\n  display: block;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n  vertical-align: baseline;\n}\n\n[hidden],\ntemplate {\n  display: none;\n}\n\na {\n  background: transparent;\n\n  &:hover,\n  &:active {\n    outline: 0;\n  }\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  cursor: help;\n}\n\nb,\nstrong {\n  font-weight: bold;\n}\n\ndfn {\n  font-style: italic;\n}\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -0.5em;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nimg {\n  border: 0;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nfigure,\nblockquote {\n  margin: 0;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n}\n\npre {\n  display: block;\n  line-height: 1.4;\n  margin: 0;\n  overflow: auto;\n  word-break: break-all;\n  word-wrap: break-word;\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n}\n\nbutton {\n  background: transparent;\n  box-shadow: none;\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  -webkit-appearance: button;\n  cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\ninput {\n  line-height: normal;\n}\n\ninput[type='checkbox'],\ninput[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\ninput,\ntextarea {\n  -webkit-appearance: none;\n  background: transparent;\n  border: 0;\n\n  &[type='radio'] {\n    -webkit-appearance: radio;\n    cursor: pointer;\n  }\n}\n\nfieldset {\n  border: 1px solid #cbd2d9;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\nlegend {\n  border: 0;\n  padding: 0;\n}\n\ntextarea {\n  overflow: auto;\n}\n\noptgroup {\n  font-weight: bold;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\nbutton,\ninput,\nselect[multiple],\ntextarea {\n  background-image: none;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nh1,\nh2,\nh3,\nh4 {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}\n\nol,\nul {\n /* list-style-type: none; */\n  margin: 0;\n  padding: 0;\n}\n\np {\n  margin: 0;\n}\n\niframe {\n  border: 0;\n}\n\naddress {\n  font-style: normal;\n}\n\ninput[disabled] textarea[disabled] {\n  cursor: not-allowed;\n}\n\ninput[type='search'] {\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n}\n","html {\n  -ms-text-size-adjust: 100;\n  -webkit-text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n}\n\ndetails,\nmain,\nsummary {\n  display: block;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n  vertical-align: baseline;\n}\n\n[hidden],\ntemplate {\n  display: none;\n}\n\na {\n  background: transparent;\n}\na:hover, a:active {\n  outline: 0;\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  cursor: help;\n}\n\nb,\nstrong {\n  font-weight: bold;\n}\n\ndfn {\n  font-style: italic;\n}\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -0.5em;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nimg {\n  border: 0;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nfigure,\nblockquote {\n  margin: 0;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n}\n\npre {\n  display: block;\n  line-height: 1.4;\n  margin: 0;\n  overflow: auto;\n  word-break: break-all;\n  word-wrap: break-word;\n}\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n}\n\nbutton {\n  background: transparent;\n  box-shadow: none;\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n  -webkit-appearance: button;\n  cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\ninput {\n  line-height: normal;\n}\n\ninput[type=checkbox],\ninput[type=radio] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\ninput,\ntextarea {\n  -webkit-appearance: none;\n  background: transparent;\n  border: 0;\n}\ninput[type=radio],\ntextarea[type=radio] {\n  -webkit-appearance: radio;\n  cursor: pointer;\n}\n\nfieldset {\n  border: 1px solid #cbd2d9;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\nlegend {\n  border: 0;\n  padding: 0;\n}\n\ntextarea {\n  overflow: auto;\n}\n\noptgroup {\n  font-weight: bold;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\nbutton,\ninput,\nselect[multiple],\ntextarea {\n  background-image: none;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nh1,\nh2,\nh3,\nh4 {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}\n\nol,\nul {\n  /* list-style-type: none; */\n  margin: 0;\n  padding: 0;\n}\n\np {\n  margin: 0;\n}\n\niframe {\n  border: 0;\n}\n\naddress {\n  font-style: normal;\n}\n\ninput[disabled] textarea[disabled] {\n  cursor: not-allowed;\n}\n\ninput[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {\n  display: none;\n}\n\n:root {\n  --core-gray: #f8f8fa;\n  --core-violet-1: #9aa2e7;\n  --core-violet-2: #6d79e9;\n  --core-violet-3: #6472e7;\n  --core-violet-4: #4e5ee4;\n  --core-violet-6: #282846;\n  --robust-blue-1: #a1b1b8;\n  --robust-blue-2: #6b8a99;\n  --robust-blue-3: #506773;\n  --robust-blue-4: #32444d;\n  --robust-blue-5: #272f33;\n  --future-green-1: #aaf2cb;\n  --future-green-2: #33cc7a;\n  --future-green-3: #17bc65;\n  --future-green-4: #0e8c48;\n  --future-green-5: #174d30;\n  --steel-1: #6b6c6d;\n  --steel-2: #58595a;\n  --steel-3: #3a3b3c;\n  --steel-4: #3D3D58;\n  --steel-5: #121314;\n  --aluminum-0: #f5f6fe;\n  --aluminum-1: #f9fafb;\n  --aluminum-2: #f4f5f6;\n  --aluminum-3: #e8e9ea;\n  --aluminum-4: #cacbcc;\n  --aluminum-5: #989a9b;\n  --yellow-3: #f2be24;\n  --viridian-3: #00b49d;\n  --teal-3: #00b5d1;\n  --navy-3: #178bea;\n  --indigo-3: #5e66f9;\n  --violet-3: #9a63f9;\n  --red-3: #d1344e;\n  --blue: #196BF7;\n  --tertiary: #fff;\n  --color-text: #282846;\n  --color-text-light: #555566;\n  --color-navbar-text: #282846;\n  --border-radius: 0.3rem;\n  --heading: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n  --sans-serif: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n  --monospace: \"Roboto Mono\", monospace;\n  --weight-normal: 400;\n  --weight-medium: 500;\n  --weight-bold: 600;\n  --header-height: 66px;\n  --navbar-height: 70px;\n  --footer-height: 361px;\n  --nav-item-height: 32px;\n  --xs: 5px;\n  --sm: 10px;\n  --md: 15px;\n  --lg: 20px;\n  --xl: 40px;\n  --input-md: 30px;\n  --transition-speed-sm: 0.15s;\n  --transition-speed-md: 0.3s;\n  --transition-timing: cubic-bezier(0.46, 0.03, 0.52, 0.96);\n  /* Border Radius */\n  --guk-border-rounded: 4px;\n  --guk-border-rounded-lg: 8px;\n  --guk-border-rounded-xl: 12px;\n  --guk-border-rounded-2xl: 16px;\n  --guk-border-rounded-3xl: 24px;\n  --guk-border-rounded-full: 9999px;\n  --guk-border-rounded-none: 0;\n  /* Colors */\n  /* Primary */\n  --guk-color-primary-50: #f5f8ff;\n  --guk-color-primary-100: #c4d7ff;\n  --guk-color-primary-200: #93b2ff;\n  --guk-color-primary-300: #628cfe;\n  --guk-color-primary-400: #3164fa;\n  --guk-color-primary-500: #003bf5;\n  --guk-color-primary-600: #0037d2;\n  --guk-color-primary-700: #0031ad;\n  --guk-color-primary-800: #002985;\n  --guk-color-primary-900: #001f5c;\n  /* Neutral */\n  --guk-color-neutral-0: #ffffff;\n  --guk-color-neutral-50: #f5f7fa;\n  --guk-color-neutral-100: #e4e7eb;\n  --guk-color-neutral-200: #cbd2d9;\n  --guk-color-neutral-300: #9aa5b1;\n  --guk-color-neutral-400: #7b8794;\n  --guk-color-neutral-500: #616e7c;\n  --guk-color-neutral-600: #52606d;\n  --guk-color-neutral-700: #3e4c59;\n  --guk-color-neutral-800: #323f4b;\n  --guk-color-neutral-900: #1f2933;\n  /* Info */\n  --guk-color-info-100: #d1fdfa;\n  --guk-color-info-200: #a4f9fb;\n  --guk-color-info-300: #75e8f3;\n  --guk-color-info-400: #52cfe7;\n  --guk-color-info-500: #1eadd8;\n  --guk-color-info-600: #1588b9;\n  --guk-color-info-700: #0f669b;\n  --guk-color-info-800: #09497d;\n  --guk-color-info-900: #053467;\n  /* Success */\n  --guk-color-success-100: #f3fccc;\n  --guk-color-success-200: #e4f99a;\n  --guk-color-success-300: #ccef66;\n  --guk-color-success-400: #b2e040;\n  --guk-color-success-500: #8ecc0a;\n  --guk-color-success-600: #74af07;\n  --guk-color-success-700: #5c9205;\n  --guk-color-success-800: #467603;\n  --guk-color-success-900: #366101;\n  /* Warning */\n  --guk-color-warning-100: #fff3d6;\n  --guk-color-warning-200: #ffe4ad;\n  --guk-color-warning-300: #ffd083;\n  --guk-color-warning-400: #ffbe65;\n  --guk-color-warning-500: #ff9f32;\n  --guk-color-warning-600: #db7d24;\n  --guk-color-warning-700: #b75e19;\n  --guk-color-warning-800: #93430f;\n  --guk-color-warning-900: #7a3009;\n  /* Critical */\n  --guk-color-critical-100: #fee4d6;\n  --guk-color-critical-200: #fec3ae;\n  --guk-color-critical-300: #fd9a86;\n  --guk-color-critical-400: #fb7467;\n  --guk-color-critical-500: #f93636;\n  --guk-color-critical-600: #d62736;\n  --guk-color-critical-700: #b31b35;\n  --guk-color-critical-800: #901132;\n  --guk-color-critical-900: #770a30;\n  /* Transparent */\n  --guk-color-transparent: transparent;\n  /* Spacing */\n  --guk-space-base: 4px;\n  --guk-space-0: calc(var(--guk-space-base) * 0);\n  --guk-space-0-25: calc(var(--guk-space-base) * 0.25);\n  --guk-space-0-5: calc(var(--guk-space-base) * 0.5);\n  --guk-space-1-5: calc(var(--guk-space-base) * 1.5);\n  --guk-space-2: calc(var(--guk-space-base) * 2);\n  --guk-space-2-5: calc(var(--guk-space-base) * 2.5);\n  --guk-space-3: calc(var(--guk-space-base) * 3);\n  --guk-space-3-5: calc(var(--guk-space-base) * 3.5);\n  --guk-space-4: calc(var(--guk-space-base) * 4);\n  --guk-space-5: calc(var(--guk-space-base) * 5);\n  --guk-space-6: calc(var(--guk-space-base) * 6);\n  --guk-space-7: calc(var(--guk-space-base) * 7);\n  --guk-space-8: calc(var(--guk-space-base) * 8);\n  --guk-space-9: calc(var(--guk-space-base) * 9);\n  --guk-space-10: calc(var(--guk-space-base) * 10);\n  --guk-space-11: calc(var(--guk-space-base) * 11);\n  --guk-space-12: calc(var(--guk-space-base) * 12);\n  --guk-space-14: calc(var(--guk-space-base) * 14);\n  --guk-space-16: calc(var(--guk-space-base) * 16);\n  --guk-space-20: calc(var(--guk-space-base) * 20);\n  --guk-space-24: calc(var(--guk-space-base) * 24);\n  --guk-space-28: calc(var(--guk-space-base) * 28);\n  --guk-space-32: calc(var(--guk-space-base) * 32);\n  --guk-space-36: calc(var(--guk-space-base) * 36);\n  --guk-space-40: calc(var(--guk-space-base) * 40);\n  --guk-space-44: calc(var(--guk-space-base) * 44);\n  --guk-space-48: calc(var(--guk-space-base) * 48);\n  --guk-space-52: calc(var(--guk-space-base) * 52);\n  --guk-space-56: calc(var(--guk-space-base) * 56);\n  --guk-space-60: calc(var(--guk-space-base) * 60);\n  --guk-space-64: calc(var(--guk-space-base) * 64);\n  --guk-space-72: calc(var(--guk-space-base) * 72);\n  --guk-space-80: calc(var(--guk-space-base) * 80);\n  --guk-space-96: calc(var(--guk-space-base) * 96);\n  /* Typography */\n  /* Font Weight */\n  --guk-font-weight-normal: 500;\n  --guk-font-weight-semibold: 600;\n  /* Font Size */\n  --guk-font-size-xs: 0.75rem;\n  --guk-font-size-sm: 0.875rem;\n  --guk-font-size-base: 1rem;\n  --guk-font-size-lg: 1.125rem;\n  --guk-font-size-xl: 1.25rem;\n  --guk-font-size-2xl: 1.5rem;\n  --guk-font-size-3xl: 1.875rem;\n  --guk-font-size-4xl: 2.25rem;\n  --guk-font-size-5xl: 3rem;\n  /* Line Height */\n  --guk-line-height-normal: 1.5;\n  --guk-line-height-tight: 1.25;\n  --guk-line-height-relaxed: 1.65;\n  /* Font Family */\n  --guk-font-family: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n}\n\n/* Font-face Definitions */\n@font-face {\n  font-family: \"Manrope\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(\"../../fonts/Manrope-Regular.ttf\") format(\"truetype\");\n}\n@font-face {\n  font-family: \"Manrope\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"../../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\n}\nbody {\n  background: var(--guk-color-neutral-50);\n}\n\n.filter-active-icon {\n  filter: invert(49%) sepia(69%) saturate(6505%) hue-rotate(225deg) brightness(93%) contrast(91%);\n}\n\n@media (min-width: 1160px) {\n  .container {\n    max-width: 1160px;\n  }\n}\n\n.flex {\n  display: flex;\n}\n\n.col {\n  flex-direction: column;\n}\n\n.align-top {\n  align-items: flex-start;\n}\n\n.align-center {\n  align-items: center;\n}\n\n.align-bottom {\n  align-items: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-justified {\n  justify-content: space-between;\n}\n\n.grow {\n  flex: 1 1 auto;\n}\n\n.shrink {\n  flex: 0 0 auto;\n}\n\n/* typography.scss */\n/* Font-face Definitions */\n@font-face {\n  font-family: \"Manrope\";\n  src: url(\"../fonts/Manrope-Regular.ttf\") format(\"truetype\");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Manrope\";\n  src: url(\"../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n/* Body Styles */\nbody {\n  color: var(--guk-color-neutral-600);\n  font-family: var(--guk-font-family);\n  font-size: var(--guk-font-size-base); /* 1rem */\n  line-height: var(--guk-line-height-normal); /* 1.5 */\n}\n\n/* Headings */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  color: var(--guk-color-neutral-900);\n  font-family: var(--guk-font-family);\n  /* font-weight: var(--guk-font-weight-semibold); /* 600 */\n  line-height: var(--guk-line-height-tight); /* 1.25 */\n  margin-bottom: var(--guk-space-4); /* Consistent spacing */\n  margin-top: var(--guk-space-8);\n}\n\n/*\nh2,\nh3,\nh4,\nh5,\nh6 {\n  padding-top: var(--guk-space-8); \n\n}\n*/\nh1 {\n  /* padding-top: var(--guk-space-6); /* Adjusted spacing */\n  border-bottom: 1px solid var(--guk-color-neutral-200);\n}\n\n/* Heading Specific Styles */\nh1 {\n  font-size: var(--guk-font-size-3xl); /* 3rem */\n  padding-bottom: var(--guk-space-2);\n}\n\nh2 {\n  font-size: var(--guk-font-size-2xl); /* 2.25rem */\n}\n\nh3 {\n  font-size: var(--guk-font-size-xl); /* 1.875rem */\n}\n\nh4 {\n  font-size: var(--guk-font-size-lg); /* 1.5rem */\n}\n\nh5 {\n  font-size: var(--guk-font-size-m); /* 1.25rem */\n}\n\nh6 {\n  font-size: var(--guk-font-size-m); /* 1.125rem */\n}\n\n/* Inline Code */\ncode {\n  background-color: var(--guk-color-neutral-100); /* #f5f7fa */\n  border-radius: var(--guk-border-rounded); /* 4px */\n  border: 1px solid var(--guk-color-neutral-200);\n  font-family: var(--guk-font-family-monospace, monospace);\n  font-size: 0.95em;\n  padding: 2px 4px;\n}\n\n/* Paragraphs and Lists */\np,\nfigure {\n  margin-bottom: var(--guk-space-4);\n  /* margin-top: var(--guk-space-6); */\n}\n\nul,\nol,\ndl {\n  margin-bottom: var(--guk-space-4);\n  margin-top: var(--guk-space-4);\n  padding-left: var(--guk-space-6);\n}\n\nli {\n  margin-top: var(--guk-space-2);\n  margin-bottom: var(--guk-space-2);\n}\n\nol {\n  list-style-type: decimal;\n}\n\nul {\n  list-style-type: disc;\n}\n\n/* Links */\na {\n  color: var(--guk-color-primary-500);\n  text-decoration: none;\n  transition: color var(--transition-speed-md) var(--transition-timing);\n}\na:hover {\n  color: var(--guk-color-primary-400);\n}\n.admonitionblock a {\n  color: inherit;\n}\n\n/* Preformatted Text */\npre,\ncode {\n  font-family: var(--guk-font-family-monospace, monospace);\n  font-size: 0.95em;\n}\n\npre {\n  background-color: var(--guk-color-neutral-0);\n  border-radius: var(--guk-border-rounded);\n  /*  padding: var(--guk-space-4); */\n  overflow: auto;\n  margin-bottom: var(--guk-space-6);\n  margin-top: var(--guk-space-6);\n}\n\n/* Table Headings */\nthead {\n  font-family: var(--guk-font-family);\n  font-variant: small-caps;\n  text-transform: lowercase;\n  letter-spacing: 0.05em;\n  color: var(--guk-color-neutral-500);\n  border-bottom: 1px solid var(--guk-color-neutral-200);\n}\n\nth {\n  text-align: left;\n  padding: var(--guk-space-2);\n}\n\ntd,\nth {\n  padding: var(--guk-space-2);\n}\n\ntd > .tableblock {\n  margin: 0;\n}\n\n/* Definition Lists */\ndl {\n  border: 1px solid var(--guk-color-neutral-200);\n  border-radius: var(--guk-border-rounded);\n  display: inline-block;\n  padding: var(--guk-space-4);\n}\n\ndt {\n  font-weight: var(--guk-font-weight-semibold);\n}\ndt::after {\n  content: \":\";\n}\n\ndd {\n  margin-left: 0;\n}\ndd + dt {\n  border-top: 1px solid var(--guk-color-neutral-200);\n  margin-top: var(--guk-space-2);\n  padding-top: var(--guk-space-2);\n}\n\n/* Blockquotes */\nblockquote {\n  margin-left: var(--guk-space-8);\n  border-left: 4px solid var(--guk-color-neutral-200);\n  padding-left: var(--guk-space-4);\n  color: var(--guk-color-neutral-700);\n  font-style: italic;\n}\n\nblockquote + .attribution {\n  text-align: right;\n  font-size: var(--guk-font-size-sm);\n  color: var(--guk-color-neutral-600);\n}\n\n/* Strong Text */\nstrong,\n.strong {\n  font-weight: var(--guk-font-weight-semibold);\n}\n\n/* Strikethrough Text */\n.strikethrough {\n  text-decoration: line-through;\n}\n\n/* Miscellaneous */\npre,\ntable,\naside {\n  margin-bottom: var(--guk-space-6);\n  margin-top: var(--guk-space-6);\n}\n\n/* Variables Fallbacks */\n:root {\n  --guk-font-family-monospace: \"Roboto Mono\", monospace;\n}\n\nsvg {\n  fill: currentColor;\n}\n\nsvg.icon {\n  height: 1em;\n  width: 1em;\n  pointer-events: none;\n  vertical-align: -0.1em;\n}\n\n.btn-icon {\n  border: 0;\n  display: flex;\n  padding: 0.5em;\n}\n\n.input,\n.textarea {\n  background: var(--tertiary);\n  border: 1px solid var(--aluminum-4);\n  border-radius: 2px;\n  color: var(--steel-5);\n  font-size: 14px;\n  height: var(--input-md);\n  padding: var(--xs);\n  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\n  width: 100%;\n  word-break: normal;\n}\n.input.focus, .input:focus,\n.textarea.focus,\n.textarea:focus {\n  border-color: var(--core-violet-3);\n  box-shadow: 0 0 0 3px rgba(0, 162, 223, 0.25);\n}\n.input::placeholder,\n.textarea::placeholder {\n  color: var(--aluminum-5);\n}\n\n.textarea {\n  resize: vertical;\n}\n\n.select {\n  background: var(--tertiary);\n  border: 1px solid var(--aluminum-4);\n  color: var(--steel-5);\n  font-size: 14px;\n  height: var(--input-md);\n  padding: var(--xs);\n  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\n  word-break: normal;\n}\n.select.focus, .select:focus {\n  border-color: var(--core-violet-3);\n  box-shadow: 0 0 0 3px rgba(0, 162, 223, 0.25);\n}\n\n/* grid layout */\n.card-section .sectionbody, .card-section .content {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(max(30%, 230px), 1fr));\n  grid-gap: 1rem;\n}\n\n.card-section-2col .sectionbody, .card-section-2col .content {\n  grid-template-columns: repeat(auto-fill, minmax(max(50% - 0.5rem, 250px), 1fr));\n}\n\n.card-section .sectionbody > :not(.card) {\n  grid-column: 1/-1;\n}\n\n.card .content,\n.card .paragraph,\n.card p {\n  display: inline;\n}\n\n.card a {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n/* inner card layout */\n.card a {\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1.5rem 1.2rem;\n}\n.card a .card-body {\n  flex-grow: 1;\n}\n\n.card-title {\n  display: flex;\n  vertical-align: center;\n}\n\n.card-body {\n  display: block;\n}\n\n/* styling */\n.card a {\n  border-radius: var(--guk-border-rounded);\n  color: inherit;\n  text-decoration: none;\n  font-size: var(--guk-font-size-sm); /* 0.9rem */\n}\n.card a .card-title {\n  font-family: var(--guk-font-family);\n  font-weight: var(--guk-font-weight-semibold);\n  font-size: var(--guk-font-size-base); /* 1rem */\n  line-height: 1.4;\n  margin-bottom: var(--guk-space-5); /* 1.2rem */\n}\n\n/* styling learn */\n.card-learn a {\n  border: solid 1px var(--guk-color-neutral-300); /* #cacbcc */\n  border-left: solid 3px var(--guk-color-neutral-700); /* #53536B */\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n}\n.card-learn a .card-title {\n  margin-bottom: var(--guk-space-4); /* 0.8rem */\n}\n.card-learn a:hover {\n  border-color: var(--guk-color-primary-200); /* #B8BFF4 */\n  border-left-color: var(--guk-color-primary-400); /* #3164fa */\n  box-shadow: 0 6px 12px 0 rgba(60, 60, 60, 0.09);\n}\n.card-learn a:hover .card-title {\n  color: var(--guk-color-primary-400); /* #3164fa */\n}\n\n/* styling product cards */\n.card-primary a,\n.card-secondary a {\n  box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.1);\n}\n.card-primary a:hover,\n.card-secondary a:hover {\n  box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.3);\n}\n.card-primary a .card-title::before,\n.card-secondary a .card-title::before {\n  content: \"\";\n  background-image: var(--card-icon);\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 1.2em;\n  height: 1.2em;\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 0.6em;\n}\n\n.card-primary a {\n  min-height: 14rem;\n  color: var(--guk-color-neutral-0); /* White text */\n  position: relative;\n  padding-top: var(--guk-space-12); /* 3rem */\n  padding-bottom: var(--guk-space-8); /* 2rem */\n  overflow: hidden;\n}\n.card-primary a .card-title {\n  font-size: var(--guk-font-size-lg); /* 1.2em */\n}\n.card-primary a::before {\n  display: block;\n  width: 95px;\n  height: 70px;\n  position: absolute;\n  bottom: 30px;\n  right: -20px;\n  content: \"\";\n  background-image: url(../images/cards.svg);\n  background-repeat: no-repeat;\n  background-size: contain;\n}\n.card-primary a::after {\n  content: \"Get started >\";\n  font-family: var(--guk-font-family);\n  font-weight: var(--guk-font-weight-semibold);\n  font-size: var(--guk-font-size-sm); /* 0.8em */\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.card-secondary a {\n  border: solid 1px var(--guk-color-neutral-100); /* #e9e9ed */\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n}\n.card-secondary a:hover {\n  border-color: var(--guk-color-neutral-200); /* #dfdfe0 */\n}\n\n.card-contracts a {\n  --card-icon: url(../images/contracts_white.svg);\n  background-image: linear-gradient(45deg, #6746d6 0%, #a134d1 100%);\n}\n\n.card-defender a {\n  --card-icon: url(../images/defender_white.svg);\n  background-image: linear-gradient(-135deg, #00e1d4 0%, #00c7f2 100%);\n}\n\n.card-upgrades {\n  --card-icon: url(../images/icons/upgrades-plugins.svg);\n}\n\n.card-contracts-cairo {\n  --card-icon: url(../images/icons/contracts-cairo.svg);\n}\n\n.card-contracts-stylus {\n  --card-icon: url(../images/icons/contracts-stylus.svg);\n}\n\n.card-substrate-runtimes {\n  --card-icon: url(../images/icons/substrate-runtimes.svg);\n}\n\n.card-test-environment {\n  --card-icon: url(../images/icons/test-environment.svg);\n}\n\n.card-network-js {\n  --card-icon: url(../images/icons/network-js.svg);\n}\n\n.card-gsn-helpers {\n  --card-icon: url(../images/icons/gsn-helpers.svg);\n}\n\n.card-gsn-provider {\n  --card-icon: url(../images/icons/gsn-provider.svg);\n}\n\n.card-contract-loader {\n  --card-icon: url(../images/icons/contract-loader.svg);\n}\n\n.card-solidity-docgen {\n  --card-icon: url(../images/icons/docgen.svg);\n}\n\n.card-subgraphs {\n  --card-icon: url(../images/icons/subgraphs.svg);\n}\n\n/* navigation.scss */\n.nav {\n  border-right: solid 1px var(--guk-color-neutral-100);\n  padding: 1rem;\n  background: var(--guk-color-neutral-0); /* Replaces var(--core-gray) */\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n}\n.nav a {\n  text-decoration: none;\n  /*  color: var(--guk-color-neutral-600); */\n}\n.nav .nav-li-active > a {\n  color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n  /*  border-bottom: 2px solid var(--guk-color-primary-400); */\n}\n\n.nav-component {\n  line-height: 1rem;\n}\n\n.nav-component a {\n  padding: 0.7rem 1rem;\n}\n\n.nav-title {\n  padding: 0 1rem;\n  font-size: 0.8em;\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  color: var(--guk-color-neutral-600); /* Replaces var(--aluminum-5) */\n  letter-spacing: 0.05em;\n  font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\n  text-transform: uppercase;\n}\n\n.btn-back {\n  /* opacity: 0.6; \n   margin-bottom: 0.5rem;\n   line-height: 1.5rem;*/\n  margin-left: 1.3rem;\n  cursor: pointer;\n  color: var(--guk-color-neutral-400);\n}\n.btn-back::before {\n  display: inline-block;\n  content: url(../images/icons/arrow_back.svg);\n  margin-right: 0.3em;\n  margin-left: -1.3rem;\n  width: 1rem;\n}\n\n.btn-back:hover {\n  color: var(--guk-color-neutral-700);\n}\n\n.nav-heading {\n  font-size: 1rem;\n  font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-medium) */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  /* padding: 0 1rem; */\n}\n\n.nav-component-active .nav-heading-active {\n  padding-top: 15px;\n  padding-bottom: 4px;\n  background: var(--guk-color-neutral-50); /* Replaces var(--core-gray) */\n  z-index: 2;\n}\n\n.nav-component-heading {\n  color: var(--guk-color-neutral-600); /* Replaces var(--steel-4) */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-medium) */\n  position: relative;\n  font-size: 1rem;\n}\n\n.nav-link {\n  color: var(--guk-color-neutral-600);\n  margin-bottom: var(--guk-space-2);\n  cursor: pointer;\n}\n\n.nav-link:hover {\n  color: var(--guk-color-neutral-900);\n  cursor: pointer;\n}\n\n.nav-link code {\n  font-size: 0.9rem;\n  padding: 0;\n}\n\n.nav-icon {\n  opacity: 0.8;\n}\n\nbutton.collapse-toggle {\n  cursor: pointer;\n  padding: 0;\n  border: none;\n}\nbutton.collapse-toggle.toggled img {\n  transform: rotate(-90deg);\n}\nbutton.collapse-toggle.toggled ~ .collapsible-content {\n  display: none;\n}\n\n.close-menu-btn {\n  border: 0;\n}\n\n/* Scope list styles to navigation */\n.nav-list {\n  list-style: none;\n  padding-left: 0;\n  margin: 0; /* Optional: remove default margins */\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n* {\n  scrollbar-color: var(--guk-color-neutral-100) transparent;\n  scrollbar-width: thin;\n}\n\n/* Chrome, Edge, and Safari */\n*::-webkit-scrollbar {\n  width: 8px;\n}\n\n*::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n*::-webkit-scrollbar-thumb {\n  background-color: var(--guk-color-neutral-100);\n  border-radius: 10px;\n}\n\n/* version-select.scss */\n.component-version {\n  position: relative;\n}\n\n.btn-version {\n  font-size: 0.85rem;\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\n  min-height: 1.5rem;\n  padding: 0 var(--guk-space-2); /* 8px */\n  margin: 0.4rem 0;\n  border: 1px solid;\n  border-radius: var(--guk-border-rounded-full); /* 9999px */\n}\n.btn-version::after {\n  display: inline-block;\n  content: url(../images/icons/chevron.svg);\n  width: 0.8rem;\n  margin-left: 0.2rem;\n}\n.btn-version:hover, .btn-version:focus {\n  color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n}\n.btn-version svg {\n  height: var(--guk-space-4); /* Replaces var(--md) */\n  width: var(--guk-space-4);\n}\n\n.popover-container {\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  top: 100%;\n  z-index: 1;\n  padding-top: 0.5em;\n}\n.btn-version:focus + .popover-container, .popover-container:focus-within {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.popover {\n  font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\n  font-size: 0.9em;\n  background: var(--guk-color-neutral-0); /* Replaces var(--tertiary) */\n  border: 1px solid var(--guk-color-neutral-100); /* Replaces var(--aluminum-3) */\n  border-radius: var(--guk-border-rounded); /* Replaces var(--border-radius) */\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);\n  color: var(--guk-color-neutral-700); /* Replaces var(--steel-3) */\n  padding: 0.5em;\n  margin: 0 var(--guk-space-1); /* Replaces var(--xs) */\n  width: 10em;\n  user-select: none;\n}\n.popover p {\n  margin: 0;\n  padding: 0 0.5em;\n  font-weight: bold;\n  font-size: 0.9em;\n}\n.popover ul {\n  margin: 0;\n  padding: 0;\n}\n.popover ul li {\n  list-style: none;\n}\n.popover ul li a {\n  display: block;\n  padding: 0.2em 0.5em;\n}\n.popover ul li a:hover {\n  background-color: var(--guk-color-neutral-50); /* Replaces var(--aluminum-2) */\n}\n\n/* These are hidden from the site and only shown in the READMEs on GitHub. */\n.readme-notice {\n  display: none;\n}\n\n.root {\n  display: flex;\n}\n\n.nav {\n  height: 100vh;\n  overflow-y: auto;\n  position: sticky;\n  top: 0;\n  width: 300px;\n  flex: 0 0 auto;\n}\n\n.nav-heading {\n  margin: 0.75rem 1.3rem;\n  align-items: center;\n  text-transform: uppercase;\n}\n\n.nav-component-active {\n  /* min-height: 100%; */\n  overflow-y: auto;\n}\n\n.nav-component-active .nav-heading-active {\n  position: sticky;\n  top: 0;\n  margin-top: 0;\n}\n\n.nav-heading-active {\n  position: sticky;\n  top: 15px;\n}\n\n.nav-component-heading + .nav-list {\n  height: 90%;\n  margin-bottom: 0;\n}\n\n.nav-li {\n  /*margin-bottom: var(--guk-space-2); */\n  margin-left: 1.3rem;\n  line-height: 1.5rem;\n}\n\n.nav-icon {\n  margin-right: 0.5rem;\n  height: 1rem;\n  width: 1rem;\n}\n\n.close-menu-btn {\n  display: flex;\n  padding: var(--lg);\n  margin-top: calc(-1 * var(--side-margin));\n  margin-left: calc(-1 * var(--side-margin));\n}\n@media (min-width: 1000px) {\n  .close-menu-btn {\n    display: none;\n  }\n}\n\n@media (max-width: 1000px) {\n  .nav {\n    flex-grow: 1;\n    padding: var(--lg);\n  }\n  .nav:not(.toggled) {\n    display: none;\n  }\n  .nav.toggled ~ .main {\n    display: none;\n  }\n}\nbutton.collapse-toggle {\n  margin-left: -1.3rem;\n  width: 1rem;\n  height: 1rem;\n}\n\n/*\n.collapsible-content {\n  margin-bottom: var(--md);\n}*/\n:root {\n  --side-margin: var(--xl);\n}\n@media (max-width: 1000px) {\n  :root {\n    --side-margin: var(--lg);\n  }\n}\n\n.main {\n  min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.navbar, .article-wrapper {\n  max-width: 60rem;\n  margin: 0 var(--side-margin);\n}\n\n.navbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.navbar-burger {\n  margin-left: calc(-1 * var(--side-margin));\n  margin-right: 0.5em;\n  padding: var(--lg);\n  display: flex;\n}\n\n.navbar-logo {\n  flex-grow: 99;\n  display: flex;\n  align-items: stretch;\n}\n.navbar-logo a {\n  padding: var(--lg) 0;\n  display: flex;\n  align-items: center;\n}\n\n.navbar-search {\n  position: relative;\n  display: flex;\n  /*  flex-grow: 1; */\n}\n\n.navbar-search-input {\n  /* flex-grow: 1; */\n  width: 20em;\n  padding: 0.5rem !important;\n}\n\n.navbar-end {\n  /* flex-grow: 1; */\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n}\n\n.navbar-item {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1.5;\n  margin-right: 0.25em;\n  margin-left: 0.25em;\n}\n\n.article-wrapper {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.article {\n  min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\n  flex-grow: 1;\n}\n\n.toc-sidebar {\n  margin-left: var(--lg);\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 200px;\n  max-height: 80vh;\n  position: sticky;\n  top: 10vh;\n  overflow-y: auto;\n}\n@media (max-width: 666.6666666667px) {\n  .toc-sidebar {\n    display: none;\n  }\n}\n\n.notoc .toc-sidebar {\n  display: none;\n}\n\n/* To reset HubSpot Popup Banner's default animation effect */\nbody .leadinModal.leadinModal-theme-top {\n  top: auto;\n  bottom: 0;\n  z-index: 99999999999;\n}\n\n.leadinModal.leadinModal-theme-top .leadinModal-content {\n  animation-name: leadinModal-reset !important;\n}\n\n.leadinModal.leadinModal-theme-top.leadinModal-closing,\n.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content {\n  animation-name: leadinModal-fadeout !important;\n}\n\n@keyframes leadinModal-reset {\n  0% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 0;\n  }\n  1% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 0;\n  }\n  2% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    opacity: 1;\n  }\n}\n/* header.scss */\n.header {\n  border-bottom: solid 1px var(--guk-color-neutral-200); /* Replaces #e2e2e7 */\n  padding: 1em 0em 1em 0em;\n}\n\n.navbar {\n  /* background-color: var(--guk-color-neutral-0); /* Assuming white background */\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\n  word-wrap: break-word;\n  z-index: 10; /* Ensure this z-index is appropriate */\n}\n\n.navbar a {\n  text-decoration: none;\n}\n\n.navbar-brand .navbar-item:first-child,\n.navbar-brand .navbar-item:first-child a {\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  font-size: var(--guk-font-size-lg); /* 1.125rem */\n}\n\n.navbar-brand .separator {\n  padding: 0 var(--guk-space-1); /* 4px */\n}\n\n.navbar-burger {\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  background: none;\n  border: none;\n  outline: none;\n}\n\n.navbar-burger::-moz-focus-inner {\n  border: none;\n}\n\n.navbar-item {\n  margin-left: 32px;\n  margin-right: 0px;\n  color: var(--guk-color-neutral-500); /* Replaces var(--color-text) */\n  padding: var(--guk-space-2); /* 8px */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\n  font-size: var(--guk-font-size-base); /* 1rem */\n}\n\n.navbar-item:hover {\n  color: var(--guk-color-neutral-800); /* Replaces var(--color-navbar-hover) */\n}\n\n.navbar-button {\n  color: var(--guk-color-neutral-0); /* White text */\n  padding: var(--guk-space-1-5) var(--guk-space-3); /* 6px 12px */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\n  font-size: var(--guk-font-size-base); /* 1rem */\n  display: inline-block;\n  border-radius: var(--guk-border-rounded-full); /* Fully rounded button */\n  letter-spacing: -0.02em;\n  transition: all 0.2s ease;\n  background: var(--guk-color-primary-500); /* Replaces #4F56FA */\n  text-decoration: none;\n  text-transform: none;\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces #EFEFEF */\n  text-align: center;\n  white-space: nowrap;\n}\n\n.navbar-button:hover {\n  background: var(--guk-color-primary-600) !important; /* Replaces #4349D4 */\n  color: var(--guk-color-neutral-0);\n}\n\n.navbar-search-input {\n  margin-right: 8px;\n  font-size: var(--guk-font-size-base); /* 1rem */\n  background-color: var(--guk-color-neutral-0); /* Replaces var(--aluminum-1) */\n  color: var(--guk-color-neutral-500);\n  border-radius: var(--guk-border-rounded);\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces var(--aluminum-3) */\n}\n.navbar-search-input:focus {\n  outline: none;\n}\n.navbar-search-input:before {\n  content: url(../images/icons/arrow_back.svg);\n  display: inline-block;\n}\n\n.navbar-search-checkbox {\n  display: none;\n}\n\n@media screen and (min-width: 1000px) {\n  .navbar-burger {\n    display: none;\n  }\n}\n/* footer.scss */\nfooter.footer {\n  font-size: var(--guk-size-base);\n  background-color: var(--guk-color-neutral-0); /* #ffffff */\n  padding: var(--guk-space-6) var(--guk-space-8); /* 24px 32px */\n  color: var(--guk-color-neutral-500); /* #616e7c */\n  border-top: solid 1px var(--guk-color-neutral-100); /* Uses --guk-color-neutral-900 */\n}\n\n.footer a {\n  color: var(--guk-color-neutral-500); /* Semi-transparent using --guk-color-neutral-900 */\n  display: inline;\n  margin-left: var(--guk-space-4); /* 6px */\n  /* border-left: 1px solid rgba(31, 41, 51, 0.7); */\n  padding-left: var(--guk-space-1-5); /* 6px */\n}\n\n.footer a:hover {\n  color: var(--guk-color-neutral-800); /* Semi-transparent using --guk-color-neutral-900 */\n}\n\n/*!\n  Customized Theme aligned with the Style Guide\n*/\n/* Dark Theme */\n.hljs {\n  color: var(--guk-color-neutral-300); /* Default text color */\n  background: var(--guk-color-neutral-900); /* Background color */\n}\n\n.hljs-doctag,\n.hljs-keyword,\n.hljs-meta .hljs-keyword,\n.hljs-template-tag,\n.hljs-template-variable,\n.hljs-type,\n.hljs-variable.language_ {\n  /* Keywords */\n  color: var(--guk-color-critical-500);\n}\n\n.hljs-title,\n.hljs-title.class_,\n.hljs-title.class_.inherited__,\n.hljs-title.function_ {\n  /* Titles and Functions */\n  color: var(--guk-color-primary-300);\n}\n\n.hljs-attr,\n.hljs-attribute,\n.hljs-literal,\n.hljs-meta,\n.hljs-number,\n.hljs-operator,\n.hljs-variable,\n.hljs-selector-attr,\n.hljs-selector-class,\n.hljs-selector-id {\n  /* Attributes, Numbers, Operators */\n  color: var(--guk-color-info-300);\n}\n\n.hljs-regexp,\n.hljs-string,\n.hljs-meta .hljs-string {\n  /* Strings and Regex */\n  color: var(--guk-color-info-500);\n}\n\n.hljs-built_in,\n.hljs-symbol {\n  /* Built-in and Symbols */\n  color: var(--guk-color-warning-500);\n}\n\n.hljs-comment,\n.hljs-code,\n.hljs-formula {\n  /* Comments */\n  color: var(--guk-color-neutral-500);\n}\n\n.hljs-name,\n.hljs-quote,\n.hljs-selector-tag,\n.hljs-selector-pseudo {\n  /* Names and Selectors */\n  color: var(--guk-color-success-500);\n}\n\n.hljs-subst {\n  /* Substitutions */\n  color: var(--guk-color-neutral-300);\n}\n\n.hljs-section {\n  /* Sections */\n  color: var(--guk-color-primary-500);\n  font-weight: bold;\n}\n\n.hljs-bullet {\n  /* Bullets */\n  color: var(--guk-color-warning-300);\n}\n\n.hljs-emphasis {\n  /* Emphasis */\n  color: var(--guk-color-neutral-300);\n  font-style: italic;\n}\n\n.hljs-strong {\n  /* Strong */\n  color: var(--guk-color-neutral-300);\n  font-weight: bold;\n}\n\n.hljs-addition {\n  /* Additions */\n  color: var(--guk-color-success-300);\n  background-color: var(--guk-color-success-100);\n}\n\n.hljs-deletion {\n  /* Deletions */\n  color: var(--guk-color-critical-300);\n  background-color: var(--guk-color-critical-100);\n}\n\n.hljs-char.escape_,\n.hljs-link,\n.hljs-params,\n.hljs-property,\n.hljs-punctuation,\n.hljs-tag {\n  color: inherit;\n  background-color: transparent;\n}\n\n/* Light Theme */\n.hljs-theme-light .hljs {\n  color: var(--guk-color-neutral-900);\n  background: var(--guk-color-neutral-0);\n}\n.hljs-theme-light .hljs-doctag,\n.hljs-theme-light .hljs-keyword,\n.hljs-theme-light .hljs-meta .hljs-keyword,\n.hljs-theme-light .hljs-template-tag,\n.hljs-theme-light .hljs-template-variable,\n.hljs-theme-light .hljs-type,\n.hljs-theme-light .hljs-variable.language_ {\n  color: var(--guk-color-critical-500);\n}\n.hljs-theme-light .hljs-title,\n.hljs-theme-light .hljs-title.class_,\n.hljs-theme-light .hljs-title.class_.inherited__,\n.hljs-theme-light .hljs-title.function_ {\n  color: var(--guk-color-primary-500);\n}\n.hljs-theme-light .hljs-attr,\n.hljs-theme-light .hljs-attribute,\n.hljs-theme-light .hljs-literal,\n.hljs-theme-light .hljs-meta,\n.hljs-theme-light .hljs-number,\n.hljs-theme-light .hljs-operator,\n.hljs-theme-light .hljs-variable,\n.hljs-theme-light .hljs-selector-attr,\n.hljs-theme-light .hljs-selector-class,\n.hljs-theme-light .hljs-selector-id {\n  color: var(--guk-color-primary-500);\n}\n.hljs-theme-light .hljs-regexp,\n.hljs-theme-light .hljs-string,\n.hljs-theme-light .hljs-meta .hljs-string {\n  color: var(--guk-color-primary-700);\n}\n.hljs-theme-light .hljs-built_in,\n.hljs-theme-light .hljs-symbol {\n  color: var(--guk-color-warning-500);\n}\n.hljs-theme-light .hljs-comment,\n.hljs-theme-light .hljs-code,\n.hljs-theme-light .hljs-formula {\n  color: var(--guk-color-neutral-500);\n}\n.hljs-theme-light .hljs-name,\n.hljs-theme-light .hljs-quote,\n.hljs-theme-light .hljs-selector-tag,\n.hljs-theme-light .hljs-selector-pseudo {\n  color: var(--guk-color-success-500);\n}\n.hljs-theme-light .hljs-subst {\n  color: var(--guk-color-neutral-900);\n}\n.hljs-theme-light .hljs-section {\n  color: var(--guk-color-primary-500);\n  font-weight: bold;\n}\n.hljs-theme-light .hljs-bullet {\n  color: var(--guk-color-warning-300);\n}\n.hljs-theme-light .hljs-emphasis {\n  color: var(--guk-color-neutral-900);\n  font-style: italic;\n}\n.hljs-theme-light .hljs-strong {\n  color: var(--guk-color-neutral-900);\n  font-weight: bold;\n}\n.hljs-theme-light .hljs-addition {\n  color: var(--guk-color-success-700);\n  background-color: var(--guk-color-success-100);\n}\n.hljs-theme-light .hljs-deletion {\n  color: var(--guk-color-critical-700);\n  background-color: var(--guk-color-critical-100);\n}\n.hljs-theme-light .hljs-char.escape_,\n.hljs-theme-light .hljs-link,\n.hljs-theme-light .hljs-params,\n.hljs-theme-light .hljs-property,\n.hljs-theme-light .hljs-punctuation,\n.hljs-theme-light .hljs-tag {\n  color: inherit;\n  background-color: transparent;\n}\n\n.article {\n  padding-bottom: var(--guk-space-5); /* matches nav padding */\n}\n.article .listingblock {\n  position: relative;\n}\n.article .listingblock .btn-copy {\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n  border-radius: var(--guk-border-rounded);\n}\n.article .listingblock:hover .btn-copy {\n  visibility: visible;\n}\n.article .listingblock.nopadding pre code {\n  padding: 0;\n}\n.article .listingblock.nopadding .btn-copy {\n  padding: 0;\n}\n.article pre code {\n  display: block;\n  overflow-x: auto;\n  padding: var(--guk-space-4);\n  border-radius: var(--guk-border-rounded);\n  max-width: 90vw;\n}\n.article img {\n  max-width: 100%;\n}\n.article aside {\n  background: var(--guk-color-neutral-50);\n  border: 1px solid var(--guk-color-neutral-200);\n  border-radius: var(--guk-border-rounded);\n  color: var(--guk-color-neutral-700);\n  font-size: var(--guk-font-size-sm); /* 14px */\n  padding: var(--guk-space-3) var(--guk-space-5) var(--guk-space-2);\n}\n.article aside::before {\n  background-image: url(../images/icons/note.svg);\n  background-position: left 40%;\n  background-repeat: no-repeat;\n  background-size: 18px;\n  color: var(--guk-color-neutral-900);\n  content: \"Note\";\n  display: block;\n  font-size: var(--guk-font-size-base); /* 16px */\n  font-weight: var(--guk-font-weight-semibold);\n  opacity: 0.7;\n  padding-left: var(--guk-space-5);\n}\n.article code.primary {\n  color: var(--guk-color-neutral-800);\n}\n.article code.secondary {\n  color: var(--guk-color-primary-400);\n}\n.article code.light {\n  color: var(--guk-color-neutral-700);\n}\n\n.heading-link,\n.anchor {\n  float: right;\n  visibility: hidden;\n  color: inherit;\n  font-size: 0.8em;\n  margin-top: calc(var(--guk-space-base) * 0.25); /* Equivalent to 1px */\n  margin-left: calc(var(--guk-space-base) * 0.25);\n}\n.heading-link:focus, h1:hover .heading-link, h2:hover .heading-link, h3:hover .heading-link, h4:hover .heading-link, h5:hover .heading-link, h6:hover .heading-link,\n.anchor:focus,\nh1:hover .anchor,\nh2:hover .anchor,\nh3:hover .anchor,\nh4:hover .anchor,\nh5:hover .anchor,\nh6:hover .anchor {\n  visibility: visible;\n}\n.contract .heading-link,\n.contract .anchor {\n  visibility: visible;\n}\n\n.anchor {\n  padding: 0 calc(var(--guk-space-base) * 0.75); /* Approximately 3px */\n  text-decoration: none;\n}\n.anchor::before {\n  content: \"#\";\n}\n\n.contract h3 code {\n  padding: 0;\n  color: inherit;\n  background-color: transparent;\n}\n\n.contract-index {\n  border-radius: var(--guk-border-rounded);\n  max-width: 90vw;\n  padding: var(--guk-space-6);\n  background-color: var(--guk-color-neutral-50);\n  margin-top: var(--guk-space-4);\n  margin-bottom: var(--guk-space-4);\n  word-wrap: break-word;\n}\n.contract-index ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.contract-index ul a {\n  color: inherit;\n  text-decoration: none;\n}\n.contract-index ul a:hover {\n  text-decoration: underline;\n}\n.contract-index ul a pre,\n.contract-index ul a code {\n  padding: 0;\n  color: inherit;\n  line-height: 1rem;\n  background-color: transparent;\n}\n.contract-index .title {\n  font-family: var(--guk-font-family);\n  font-size: var(--guk-font-size-sm); /* Approximately 0.9em */\n  color: var(--guk-color-primary-400);\n  letter-spacing: 0.05em;\n  font-weight: var(--guk-font-weight-semibold);\n  text-transform: uppercase;\n}\n.contract-index .ulist {\n  border-top: solid 1px var(--guk-color-neutral-300);\n  margin-top: var(--guk-space-4);\n  padding-top: calc(var(--guk-space-base) * 0.25);\n}\n.contract-index .ulist > .title {\n  float: right;\n  color: var(--guk-color-neutral-900);\n  margin-top: calc(var(--guk-space-base) * 2);\n  font-size: var(--guk-font-size-xs);\n}\n\n.contract-subindex-inherited {\n  opacity: 0.7;\n}\n\n.contract-item {\n  border-radius: var(--guk-border-rounded);\n  border: solid 1px var(--guk-color-neutral-300);\n  max-width: 90vw;\n  padding: 0;\n  margin-top: var(--guk-space-4);\n  margin-bottom: var(--guk-space-4);\n  word-wrap: break-word;\n}\n.contract-item > * {\n  margin-right: var(--guk-space-4);\n  margin-left: var(--guk-space-4);\n}\n.contract-item h4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-content: flex-start;\n  padding: 0;\n  margin: var(--guk-space-4);\n  margin-bottom: var(--guk-space-8);\n  position: relative;\n  font-size: inherit;\n}\n.contract-item h4 code {\n  flex-grow: 1;\n  color: inherit;\n  font-weight: var(--guk-font-weight-normal);\n  background-color: transparent;\n  padding: 0;\n}\n.contract-item h4 code .contract-item-name {\n  font-weight: var(--guk-font-weight-semibold);\n}\n.contract-item h4 .anchor {\n  order: 10;\n  font-size: var(--guk-font-size-base);\n  font-weight: normal;\n  margin-top: 0;\n}\n.contract-item h4 .item-kind {\n  font-family: var(--guk-font-family);\n  font-size: var(--guk-font-size-base);\n  font-weight: 300;\n  opacity: 0.8;\n}\n.contract-item h4::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  box-sizing: content-box;\n  padding: var(--guk-space-4);\n  margin: calc(-1 * var(--guk-space-4));\n  z-index: -10;\n  border-top-left-radius: var(--guk-border-rounded);\n  border-top-right-radius: var(--guk-border-rounded);\n  background-color: var(--guk-color-neutral-50);\n  border-bottom: solid 1px var(--guk-color-neutral-300);\n}\n.contract-item .admonitionblock {\n  font-family: var(--guk-font-family);\n  margin-right: var(--guk-space-4);\n  margin-left: var(--guk-space-4);\n}\n\n.article-navigation {\n  display: flex;\n}\n.article-navigation div {\n  display: block;\n  flex-grow: 1;\n  font-weight: var(--guk-font-weight-normal);\n  margin-top: var(--guk-space-6);\n  margin-bottom: var(--guk-space-2);\n}\n.article-navigation div a {\n  text-decoration: none;\n  /*  text-transform: uppercase; */\n  font-size: var(--guk-font-size-base);\n  color: var(--guk-color-neutral-500);\n}\n.article-navigation div a:hover {\n  color: var(--guk-color-neutral-800);\n}\n.article-navigation div.btn-next {\n  text-align: right;\n}\n\n.article-banner {\n  background-color: var(--guk-color-neutral-100);\n  border: solid 1px var(--guk-color-neutral-300);\n  border-radius: var(--guk-border-rounded);\n  padding: var(--guk-space-2-5);\n  margin: 0 calc(-1 * var(--guk-space-2-5));\n}\n\n/* admonitionblock.scss */\n.alert p {\n  font-family: var(--guk-font-family);\n  color: inherit;\n  font-size: var(--guk-font-size-base); /* 1rem */\n}\n\n.admonitionblock,\n.alert {\n  max-width: 90vw;\n  background-color: var(--guk-color-neutral-0); /* white */\n  border: solid var(--guk-color-neutral-300); /* #9aa5b1 */\n  border-radius: var(--guk-border-rounded);\n  border-width: 1px 1px 1px 6px;\n  font-family: var(--guk-font-family);\n  font-weight: var(--guk-font-weight-normal);\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\n  text-align: center;\n  line-height: var(--guk-line-height-normal);\n  padding: var(--guk-space-5) var(--guk-space-4);\n  margin-bottom: var(--guk-space-7);\n  overflow-wrap: break-word;\n}\n.admonitionblock table,\n.alert table {\n  padding: 0;\n  margin: 0;\n}\n.admonitionblock table th,\n.admonitionblock table td,\n.alert table th,\n.alert table td {\n  padding: 0;\n  margin: 0;\n  word-wrap: break-word;\n}\n.admonitionblock .content,\n.alert .content {\n  max-width: 82vw;\n  padding-left: var(--guk-space-1);\n  font-size: var(--guk-font-size-base); /* 1rem */\n  text-align: left;\n  word-wrap: break-word;\n}\n.admonitionblock::before,\n.alert::before {\n  display: block;\n  font-size: 0.9em;\n  font-weight: var(--guk-font-weight-semibold);\n  text-align: left;\n  text-transform: uppercase;\n  padding-left: var(--guk-space-1);\n  margin-bottom: var(--guk-space-2);\n}\n.admonitionblock.note,\n.alert.note {\n  border-left-color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n}\n.admonitionblock.note::before,\n.alert.note::before {\n  content: \"Note\";\n  color: var(--guk-color-primary-400);\n}\n.admonitionblock.tip,\n.alert.tip {\n  border-left-color: var(--guk-color-info-500); /* Replaces var(--teal-3) */\n}\n.admonitionblock.tip::before,\n.alert.tip::before {\n  content: \"Tip\";\n  color: var(--guk-color-info-500);\n}\n.admonitionblock.warning, .admonitionblock.caution, .admonitionblock.important,\n.alert.warning,\n.alert.caution,\n.alert.important {\n  border-left-color: var(--guk-color-warning-500); /* Replaces #F79F1F */\n}\n.admonitionblock.warning::before, .admonitionblock.caution::before, .admonitionblock.important::before,\n.alert.warning::before,\n.alert.caution::before,\n.alert.important::before {\n  color: var(--guk-color-warning-500);\n  padding-left: var(--guk-space-6); /* Adjusted for spacing */\n  margin-left: var(--guk-space-2);\n  background-image: url(../images/icons/warning.svg);\n  background-repeat: no-repeat;\n  background-position: left;\n  background-origin: border-box;\n}\n.admonitionblock.warning::before,\n.alert.warning::before {\n  content: \"Warning\";\n}\n.admonitionblock.caution::before,\n.alert.caution::before {\n  content: \"Caution\";\n}\n.admonitionblock.important::before,\n.alert.important::before {\n  content: \"Important\";\n}\n\n/* toc.scss */\n.toc-sidebar {\n  font-size: 0.8em;\n  opacity: 0.8;\n}\n\n.toc-menu {\n  border-width: 0 0 0 0.25rem;\n}\n.toc-menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  line-height: 1.2;\n}\n.toc-menu .subheading-list {\n  border-left: solid 1px var(--guk-color-neutral-200);\n  margin-left: var(--guk-space-2); /* Equivalent to 8px */\n}\n\n.toc-title {\n  font-size: var(--guk-font-size-sm);\n  margin-bottom: 16px;\n  padding: 0;\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  color: var(--guk-color-neutral-900); /* Replaces var(--aluminum-5) */\n  letter-spacing: 0.05em;\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\n  text-transform: uppercase;\n}\n\n.toc .toc-menu li {\n  margin: 0.5rem 0 0;\n  padding-top: var(--guk-space-1); /* 4px */\n  padding-bottom: var(--guk-space-1);\n  padding-right: var(--guk-space-3); /* 8px */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\n  /* font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\n  font-size: var(--guk-font-size-base); /* 1rem */\n  color: var(--guk-color-neutral-400); /* Replaces var(--aluminum-5) */\n}\n.toc .toc-menu li.subheading-item {\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\n  /* margin: 0.25rem 0 0; */\n  margin-left: 0.7rem;\n}\n\n.toc a {\n  color: inherit;\n  text-decoration: none;\n  padding-right: 8px;\n}\n.toc a:hover {\n  color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-2) */\n}\n\n.toc .toc-menu li a.toc-active {\n  color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-4) */\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\n}\n\n.hardhat-truffle-toggle {\n  width: 120px;\n  height: 30px;\n  border: 0;\n  outline: 0;\n  padding: 0;\n  margin: 0;\n  background: url(../images/toggle-active.svg) center/contain no-repeat;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.hardhat-truffle-toggle:active {\n  background-image: url(../images/toggle-active.svg) !important;\n}\n.hardhat-truffle-toggle span {\n  pointer-events: none;\n  opacity: 0;\n}\n\n.preference-truffle .hardhat {\n  display: none;\n}\n.preference-truffle .hardhat-truffle-toggle {\n  background-image: url(../images/toggle-preference-truffle.svg);\n}\n\n.preference-hardhat .truffle {\n  display: none;\n}\n.preference-hardhat .hardhat-truffle-toggle {\n  background-image: url(../images/toggle-preference-hardhat.svg);\n}\n\n/* hubspot banner styles */\n/* written in css to maintain precise alignment with https://github.com/OpenZeppelin/defender/blob/master/ui/src/styles/platform/hs-banner.css */\n/* !important is essential in this context to take precedent over default styles */\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {\n  padding: var(--u2) !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {\n  margin-right: 0 !important;\n  margin-bottom: var(--u) !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording p,\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {\n  line-height: 16px !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-buttons-area {\n  margin-top: var(--u) !important;\n  margin-right: 0 !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button,\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-decline-button {\n  height: 30px !important;\n}\n\n@media (min-width: 751px) {\n  div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {\n    margin-right: 0 !important;\n  }\n}","// _vars.scss\n\n:root {\n  // Existing Variables (Preserved)\n  --core-gray: #f8f8fa;\n  --core-violet-1: #9aa2e7;\n  --core-violet-2: #6d79e9;\n  --core-violet-3: #6472e7;\n  --core-violet-4: #4e5ee4;\n  --core-violet-6: #282846;\n  --robust-blue-1: #a1b1b8;\n  --robust-blue-2: #6b8a99;\n  --robust-blue-3: #506773;\n  --robust-blue-4: #32444d;\n  --robust-blue-5: #272f33;\n  --future-green-1: #aaf2cb;\n  --future-green-2: #33cc7a;\n  --future-green-3: #17bc65;\n  --future-green-4: #0e8c48;\n  --future-green-5: #174d30;\n  --steel-1: #6b6c6d;\n  --steel-2: #58595a;\n  --steel-3: #3a3b3c;\n  --steel-4: #3D3D58;\n  --steel-5: #121314;\n  --aluminum-0: #f5f6fe;\n  --aluminum-1: #f9fafb;\n  --aluminum-2: #f4f5f6;\n  --aluminum-3: #e8e9ea;\n  --aluminum-4: #cacbcc;\n  --aluminum-5: #989a9b;\n  --yellow-3: #f2be24;\n  --viridian-3: #00b49d;\n  --teal-3: #00b5d1;\n  --navy-3: #178bea;\n  --indigo-3: #5e66f9;\n  --violet-3: #9a63f9;\n  --red-3: #d1344e;\n  --blue: #196BF7;\n  --tertiary: #fff;\n\n  --color-text: #282846;\n  --color-text-light: #555566;\n  --color-navbar-text: #282846;\n\n  --border-radius: 0.3rem;\n\n  --heading: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n  --sans-serif: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n  --monospace: \"Roboto Mono\", monospace;\n\n  --weight-normal: 400;\n  --weight-medium: 500;\n  --weight-bold: 600;\n\n  --header-height: 66px;\n  --navbar-height: 70px;\n  --footer-height: 361px;\n  --nav-item-height: 32px;\n  --xs: 5px;\n  --sm: 10px;\n  --md: 15px;\n  --lg: 20px;\n  --xl: 40px;\n  --input-md: 30px;\n\n  --transition-speed-sm: 0.15s;\n  --transition-speed-md: 0.3s;\n  --transition-timing: cubic-bezier(0.46, 0.03, 0.52, 0.96);\n\n  // New Variables from Style Guide\n\n  /* Border Radius */\n  --guk-border-rounded: 4px;\n  --guk-border-rounded-lg: 8px;\n  --guk-border-rounded-xl: 12px;\n  --guk-border-rounded-2xl: 16px;\n  --guk-border-rounded-3xl: 24px;\n  --guk-border-rounded-full: 9999px;\n  --guk-border-rounded-none: 0;\n\n  /* Colors */\n\n  /* Primary */\n  --guk-color-primary-50: #f5f8ff;\n  --guk-color-primary-100: #c4d7ff;\n  --guk-color-primary-200: #93b2ff;\n  --guk-color-primary-300: #628cfe;\n  --guk-color-primary-400: #3164fa;\n  --guk-color-primary-500: #003bf5;\n  --guk-color-primary-600: #0037d2;\n  --guk-color-primary-700: #0031ad;\n  --guk-color-primary-800: #002985;\n  --guk-color-primary-900: #001f5c;\n\n  /* Neutral */\n  --guk-color-neutral-0: #ffffff;\n  --guk-color-neutral-50: #f5f7fa;\n  --guk-color-neutral-100: #e4e7eb;\n  --guk-color-neutral-200: #cbd2d9;\n  --guk-color-neutral-300: #9aa5b1;\n  --guk-color-neutral-400: #7b8794;\n  --guk-color-neutral-500: #616e7c;\n  --guk-color-neutral-600: #52606d;\n  --guk-color-neutral-700: #3e4c59;\n  --guk-color-neutral-800: #323f4b;\n  --guk-color-neutral-900: #1f2933;\n\n  /* Info */\n  --guk-color-info-100: #d1fdfa;\n  --guk-color-info-200: #a4f9fb;\n  --guk-color-info-300: #75e8f3;\n  --guk-color-info-400: #52cfe7;\n  --guk-color-info-500: #1eadd8;\n  --guk-color-info-600: #1588b9;\n  --guk-color-info-700: #0f669b;\n  --guk-color-info-800: #09497d;\n  --guk-color-info-900: #053467;\n\n  /* Success */\n  --guk-color-success-100: #f3fccc;\n  --guk-color-success-200: #e4f99a;\n  --guk-color-success-300: #ccef66;\n  --guk-color-success-400: #b2e040;\n  --guk-color-success-500: #8ecc0a;\n  --guk-color-success-600: #74af07;\n  --guk-color-success-700: #5c9205;\n  --guk-color-success-800: #467603;\n  --guk-color-success-900: #366101;\n\n  /* Warning */\n  --guk-color-warning-100: #fff3d6;\n  --guk-color-warning-200: #ffe4ad;\n  --guk-color-warning-300: #ffd083;\n  --guk-color-warning-400: #ffbe65;\n  --guk-color-warning-500: #ff9f32;\n  --guk-color-warning-600: #db7d24;\n  --guk-color-warning-700: #b75e19;\n  --guk-color-warning-800: #93430f;\n  --guk-color-warning-900: #7a3009;\n\n  /* Critical */\n  --guk-color-critical-100: #fee4d6;\n  --guk-color-critical-200: #fec3ae;\n  --guk-color-critical-300: #fd9a86;\n  --guk-color-critical-400: #fb7467;\n  --guk-color-critical-500: #f93636;\n  --guk-color-critical-600: #d62736;\n  --guk-color-critical-700: #b31b35;\n  --guk-color-critical-800: #901132;\n  --guk-color-critical-900: #770a30;\n\n  /* Transparent */\n  --guk-color-transparent: transparent;\n\n  /* Spacing */\n  --guk-space-base: 4px;\n  --guk-space-0: calc(var(--guk-space-base) * 0);\n  --guk-space-0-25: calc(var(--guk-space-base) * 0.25);\n  --guk-space-0-5: calc(var(--guk-space-base) * 0.5);\n  --guk-space-1-5: calc(var(--guk-space-base) * 1.5);\n  --guk-space-2: calc(var(--guk-space-base) * 2);\n  --guk-space-2-5: calc(var(--guk-space-base) * 2.5);\n  --guk-space-3: calc(var(--guk-space-base) * 3);\n  --guk-space-3-5: calc(var(--guk-space-base) * 3.5);\n  --guk-space-4: calc(var(--guk-space-base) * 4);\n  --guk-space-5: calc(var(--guk-space-base) * 5);\n  --guk-space-6: calc(var(--guk-space-base) * 6);\n  --guk-space-7: calc(var(--guk-space-base) * 7);\n  --guk-space-8: calc(var(--guk-space-base) * 8);\n  --guk-space-9: calc(var(--guk-space-base) * 9);\n  --guk-space-10: calc(var(--guk-space-base) * 10);\n  --guk-space-11: calc(var(--guk-space-base) * 11);\n  --guk-space-12: calc(var(--guk-space-base) * 12);\n  --guk-space-14: calc(var(--guk-space-base) * 14);\n  --guk-space-16: calc(var(--guk-space-base) * 16);\n  --guk-space-20: calc(var(--guk-space-base) * 20);\n  --guk-space-24: calc(var(--guk-space-base) * 24);\n  --guk-space-28: calc(var(--guk-space-base) * 28);\n  --guk-space-32: calc(var(--guk-space-base) * 32);\n  --guk-space-36: calc(var(--guk-space-base) * 36);\n  --guk-space-40: calc(var(--guk-space-base) * 40);\n  --guk-space-44: calc(var(--guk-space-base) * 44);\n  --guk-space-48: calc(var(--guk-space-base) * 48);\n  --guk-space-52: calc(var(--guk-space-base) * 52);\n  --guk-space-56: calc(var(--guk-space-base) * 56);\n  --guk-space-60: calc(var(--guk-space-base) * 60);\n  --guk-space-64: calc(var(--guk-space-base) * 64);\n  --guk-space-72: calc(var(--guk-space-base) * 72);\n  --guk-space-80: calc(var(--guk-space-base) * 80);\n  --guk-space-96: calc(var(--guk-space-base) * 96);\n\n  /* Typography */\n\n  /* Font Weight */\n  --guk-font-weight-normal: 500;\n  --guk-font-weight-semibold: 600;\n\n  /* Font Size */\n  --guk-font-size-xs: 0.75rem;   // 12px\n  --guk-font-size-sm: 0.875rem;  // 14px\n  --guk-font-size-base: 1rem;    // 16px\n  --guk-font-size-lg: 1.125rem;  // 18px\n  --guk-font-size-xl: 1.25rem;   // 20px\n  --guk-font-size-2xl: 1.5rem;   // 24px\n  --guk-font-size-3xl: 1.875rem; // 30px\n  --guk-font-size-4xl: 2.25rem;  // 36px\n  --guk-font-size-5xl: 3rem;     // 48px\n\n  /* Line Height */\n  --guk-line-height-normal: 1.5;\n  --guk-line-height-tight: 1.25;\n  --guk-line-height-relaxed: 1.65;\n\n  /* Font Family */\n  --guk-font-family: \"Manrope\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n    \"Noto Color Emoji\";\n}\n\n/* Font-face Definitions */\n@font-face {\n  font-family: \"Manrope\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(\"../../fonts/Manrope-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Manrope\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(\"../../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\n}\n\n// Existing SCSS Variables (Preserved)\n$mobile-breakpoint: 1000px;\n\n$screen-sm: 576px;\n$screen-md: 768px;\n$screen-lg: 992px;\n$screen-xl: 1160px;\n\n$header-height: 66px;\n$footer-height: 361px;\n$nav-width: 300px;\n\n$xs: 5px;\n$sm: 10px;\n$md: 15px;\n$lg: 20px;\n$xl: 40px;\n","body {\n  background: var(--guk-color-neutral-50);\n}\n\n.filter-active-icon {\n  filter: invert(49%) sepia(69%) saturate(6505%) hue-rotate(225deg) brightness(93%) contrast(91%);\n}\n",".container {\n  @media (min-width: $screen-xl) {\n    max-width: $screen-xl;\n  }\n}\n\n.flex {\n  display: flex;\n}\n\n.col {\n  flex-direction: column;\n}\n\n.align-top {\n  align-items: flex-start;\n}\n\n.align-center {\n  align-items: center;\n}\n\n.align-bottom {\n  align-items: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-justified {\n  justify-content: space-between;\n}\n\n.grow {\n  flex: 1 1 auto;\n}\n\n.shrink {\n  flex: 0 0 auto;\n}\n","/* typography.scss */\n\n/* Font-face Definitions */\n@font-face {\n  font-family: \"Manrope\";\n  src: url(\"../fonts/Manrope-Regular.ttf\") format(\"truetype\");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Manrope\";\n  src: url(\"../fonts/Manrope-SemiBold.ttf\") format(\"truetype\");\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n\n/* Body Styles */\nbody {\n  color: var(--guk-color-neutral-600);\n  font-family: var(--guk-font-family);\n  font-size: var(--guk-font-size-base); /* 1rem */\n  line-height: var(--guk-line-height-normal); /* 1.5 */\n}\n\n/* Headings */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  color: var(--guk-color-neutral-900);\n  font-family: var(--guk-font-family);\n /* font-weight: var(--guk-font-weight-semibold); /* 600 */\n  line-height: var(--guk-line-height-tight); /* 1.25 */\n  margin-bottom: var(--guk-space-4); /* Consistent spacing */\n  margin-top: var(--guk-space-8);\n}\n\n/*\nh2,\nh3,\nh4,\nh5,\nh6 {\n  padding-top: var(--guk-space-8); \n  \n}\n*/\n\nh1\n {\n /* padding-top: var(--guk-space-6); /* Adjusted spacing */\n  border-bottom: 1px solid var(--guk-color-neutral-200);\n}\n\n/* Heading Specific Styles */\nh1 {\n  font-size: var(--guk-font-size-3xl); /* 3rem */\n  padding-bottom: var(--guk-space-2);\n}\n\nh2 {\n  font-size: var(--guk-font-size-2xl); /* 2.25rem */\n}\n\nh3 {\n  font-size: var(--guk-font-size-xl); /* 1.875rem */\n}\n\nh4 {\n  font-size: var(--guk-font-size-lg); /* 1.5rem */\n}\n\nh5 {\n  font-size: var(--guk-font-size-m); /* 1.25rem */\n}\n\nh6 {\n  font-size: var(--guk-font-size-m); /* 1.125rem */\n}\n\n/* Inline Code */\ncode {\n  background-color: var(--guk-color-neutral-100); /* #f5f7fa */\n  border-radius: var(--guk-border-rounded); /* 4px */\n  border: 1px solid var(--guk-color-neutral-200);\n  font-family: var(--guk-font-family-monospace, monospace);\n  font-size: 0.95em;\n  padding: 2px 4px;\n}\n\n/* Paragraphs and Lists */\np,\nfigure {\n  margin-bottom: var(--guk-space-4); \n  /* margin-top: var(--guk-space-6); */\n}\n\nul,\nol,\ndl {\n  margin-bottom: var(--guk-space-4);\n  margin-top: var(--guk-space-4);\n  padding-left: var(--guk-space-6);\n}\n\nli {\n  margin-top: var(--guk-space-2);\n  margin-bottom: var(--guk-space-2);\n}\n\nol {\n  list-style-type: decimal;\n}\n\nul {\n  list-style-type: disc;\n}\n\n/* Links */\na {\n  color: var(--guk-color-primary-500);\n  text-decoration: none;\n  transition: color var(--transition-speed-md) var(--transition-timing);\n\n  &:hover {\n    color: var(--guk-color-primary-400);\n  }\n\n  .admonitionblock & {\n    color: inherit;\n  }\n}\n\n/* Preformatted Text */\npre,\ncode {\n  font-family: var(--guk-font-family-monospace, monospace);\n  font-size: 0.95em;\n}\n\npre {\n  background-color: var(--guk-color-neutral-0);\n  border-radius: var(--guk-border-rounded);\n/*  padding: var(--guk-space-4); */\n  overflow: auto;\n  margin-bottom: var(--guk-space-6);\n  margin-top: var(--guk-space-6);\n}\n\n/* Table Headings */\nthead {\n  font-family: var(--guk-font-family);\n  font-variant: small-caps;\n  text-transform: lowercase;\n  letter-spacing: 0.05em;\n  color: var(--guk-color-neutral-500);\n  border-bottom: 1px solid var(--guk-color-neutral-200);\n}\n\nth {\n  text-align: left;\n  padding: var(--guk-space-2);\n}\n\ntd,\nth {\n  padding: var(--guk-space-2);\n}\n\ntd > .tableblock {\n  margin: 0;\n}\n\n/* Definition Lists */\ndl {\n  border: 1px solid var(--guk-color-neutral-200);\n  border-radius: var(--guk-border-rounded);\n  display: inline-block;\n  padding: var(--guk-space-4);\n}\n\ndt {\n  font-weight: var(--guk-font-weight-semibold);\n\n  &::after {\n    content: \":\";\n  }\n}\n\ndd {\n  margin-left: 0;\n\n  + dt {\n    border-top: 1px solid var(--guk-color-neutral-200);\n    margin-top: var(--guk-space-2);\n    padding-top: var(--guk-space-2);\n  }\n}\n\n/* Blockquotes */\nblockquote {\n  margin-left: var(--guk-space-8);\n  border-left: 4px solid var(--guk-color-neutral-200);\n  padding-left: var(--guk-space-4);\n  color: var(--guk-color-neutral-700);\n  font-style: italic;\n}\n\nblockquote + .attribution {\n  text-align: right;\n  font-size: var(--guk-font-size-sm);\n  color: var(--guk-color-neutral-600);\n}\n\n/* Strong Text */\nstrong,\n.strong {\n  font-weight: var(--guk-font-weight-semibold);\n}\n\n/* Strikethrough Text */\n.strikethrough {\n  text-decoration: line-through;\n}\n\n/* Miscellaneous */\npre,\ntable,\naside {\n  margin-bottom: var(--guk-space-6);\n  margin-top: var(--guk-space-6);\n}\n\n/* Variables Fallbacks */\n:root {\n  --guk-font-family-monospace: \"Roboto Mono\", monospace;\n}\n","svg {\n  fill: currentColor;\n}\n\nsvg.icon {\n  height: 1em;\n  width: 1em;\n  pointer-events: none;\n  vertical-align: -.1em;\n}\n\n.btn-icon {\n  border: 0;\n  display: flex;\n  padding: .5em;\n}\n",".input,\n.textarea {\n  background: var(--tertiary);\n  border: 1px solid var(--aluminum-4);\n  border-radius: 2px;\n  color: var(--steel-5);\n  font-size: 14px;\n  height: var(--input-md);\n  padding: var(--xs);\n  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\n  width: 100%;\n  word-break: normal;\n\n  \n  &.focus,\n  &:focus {\n    border-color: var(--core-violet-3);\n    box-shadow: 0 0 0 3px rgba(0,162,223,.25);\n  }\n\n  \n  &::placeholder {\n    color: var(--aluminum-5);\n  }\n}\n\n.textarea {\n  resize: vertical;\n}\n",".select {\n  background: var(--tertiary);\n  border: 1px solid var(--aluminum-4);\n  color: var(--steel-5);\n  font-size: 14px;\n  height: var(--input-md);\n  padding: var(--xs);\n  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);\n  word-break: normal;\n\n  \n  &.focus,\n  &:focus {\n    border-color: var(--core-violet-3);\n    box-shadow: 0 0 0 3px rgba(0,162,223,.25);\n  }\n}\n","/* grid layout */\n\n.card-section .sectionbody, .card-section .content {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(calc(max(30%, 230px)), 1fr));;\n  grid-gap: 1rem;\n}\n\n.card-section-2col .sectionbody, .card-section-2col .content {\n  grid-template-columns: repeat(auto-fill, minmax(calc(max(50% - 0.5rem, 250px)), 1fr));\n}\n\n.card-section .sectionbody> :not(.card) {\n  grid-column: 1 / -1;\n}\n\n.card {\n\n  .content,\n  .paragraph,\n  p {\n    display: inline;\n  }\n}\n\n.card a {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n/* inner card layout */\n\n.card a {\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1.5rem 1.2rem;\n\n  .card-body {\n    flex-grow: 1;\n  }\n}\n\n.card-title {\n  display: flex;\n  vertical-align: center;\n}\n\n.card-body {\n  display: block;\n}\n\n/* styling */\n\n.card a {\n  border-radius: var(--guk-border-rounded);\n  color: inherit;\n  text-decoration: none;\n  font-size: var(--guk-font-size-sm); /* 0.9rem */\n\n  .card-title {\n    font-family: var(--guk-font-family);\n    font-weight: var(--guk-font-weight-semibold);\n    font-size: var(--guk-font-size-base); /* 1rem */\n    line-height: 1.4;\n    margin-bottom: var(--guk-space-5); /* 1.2rem */\n  }\n}\n\n/* styling learn */\n\n.card-learn a {\n  border: solid 1px var(--guk-color-neutral-300); /* #cacbcc */\n  border-left: solid 3px var(--guk-color-neutral-700); /* #53536B */\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n\n  .card-title {\n    margin-bottom: var(--guk-space-4); /* 0.8rem */\n  }\n\n  &:hover {\n    border-color: var(--guk-color-primary-200); /* #B8BFF4 */\n    border-left-color: var(--guk-color-primary-400); /* #3164fa */\n    box-shadow: 0 6px 12px 0 rgba(60, 60, 60, 0.09);\n\n    .card-title {\n      color: var(--guk-color-primary-400); /* #3164fa */\n    }\n  }\n}\n\n/* styling product cards */\n\n.card-primary a,\n.card-secondary a {\n  box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.1);\n\n  &:hover {\n    box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.3);\n  }\n\n  .card-title::before {\n    content: \"\";\n    background-image: var(--card-icon);\n    background-repeat: no-repeat;\n    background-size: contain;\n    width: 1.2em;\n    height: 1.2em;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: .6em;\n  }\n}\n\n.card-primary a {\n  min-height: 14rem;\n  color: var(--guk-color-neutral-0); /* White text */\n  position: relative;\n  padding-top: var(--guk-space-12); /* 3rem */\n  padding-bottom: var(--guk-space-8); /* 2rem */\n  overflow: hidden;\n\n  .card-title {\n    font-size: var(--guk-font-size-lg); /* 1.2em */\n  }\n\n  &::before {\n    display: block;\n    width: 95px;\n    height: 70px;\n    position: absolute;\n    bottom: 30px;\n    right: -20px;\n    content: \"\";\n    background-image: url(../images/cards.svg);\n    background-repeat: no-repeat;\n    background-size: contain;\n  }\n\n  &::after {\n    content: \"Get started >\";\n    font-family: var(--guk-font-family);\n    font-weight: var(--guk-font-weight-semibold);\n    font-size: var(--guk-font-size-sm); /* 0.8em */\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n}\n\n.card-secondary a {\n  border: solid 1px var(--guk-color-neutral-100); /* #e9e9ed */\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n\n  &:hover {\n    border-color: var(--guk-color-neutral-200); /* #dfdfe0 */\n  }\n}\n\n.card-contracts a {\n  --card-icon: url(../images/contracts_white.svg);\n  background-image: linear-gradient(45deg, #6746d6 0%, #a134d1 100%);\n}\n\n.card-defender a {\n  --card-icon: url(../images/defender_white.svg);\n  background-image: linear-gradient(-135deg, #00e1d4 0%, #00c7f2 100%);\n}\n\n.card-upgrades {\n  --card-icon: url(../images/icons/upgrades-plugins.svg);\n}\n\n.card-contracts-cairo {\n  --card-icon: url(../images/icons/contracts-cairo.svg);\n}\n\n.card-contracts-stylus {\n  --card-icon: url(../images/icons/contracts-stylus.svg);\n}\n\n.card-substrate-runtimes {\n  --card-icon: url(../images/icons/substrate-runtimes.svg);\n}\n\n.card-test-environment {\n  --card-icon: url(../images/icons/test-environment.svg);\n}\n\n.card-network-js {\n  --card-icon: url(../images/icons/network-js.svg);\n}\n\n.card-gsn-helpers {\n  --card-icon: url(../images/icons/gsn-helpers.svg);\n}\n\n.card-gsn-provider {\n  --card-icon: url(../images/icons/gsn-provider.svg);\n}\n\n.card-contract-loader {\n  --card-icon: url(../images/icons/contract-loader.svg);\n}\n\n.card-solidity-docgen {\n  --card-icon: url(../images/icons/docgen.svg);\n}\n\n.card-subgraphs {\n  --card-icon: url(../images/icons/subgraphs.svg);\n}","/* navigation.scss */\n\n.nav {\n  border-right: solid 1px var(--guk-color-neutral-100);\n  padding: 1rem;\n  background: var(--guk-color-neutral-0); /* Replaces var(--core-gray) */\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n\n  a {\n    text-decoration: none;\n  /*  color: var(--guk-color-neutral-600); */\n  }\n\n  .nav-li-active > a {\n    color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n  /*  border-bottom: 2px solid var(--guk-color-primary-400); */\n  }\n}\n\n.nav-component {\n  line-height: 1rem;\n}\n\n\n\n.nav-component a,\n/*.btn-back */\n{\n  padding: 0.7rem 1rem;\n} \n\n\n.nav-title {\n  padding: 0 1rem;\n  font-size: 0.8em;\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  color: var(--guk-color-neutral-600); /* Replaces var(--aluminum-5) */\n  letter-spacing: 0.05em;\n  font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\n  text-transform: uppercase;\n}\n\n.btn-back {\n /* opacity: 0.6; \n  margin-bottom: 0.5rem;\n  line-height: 1.5rem;*/\n  margin-left: 1.3rem; \n  cursor: pointer;\n  color: var(--guk-color-neutral-400);\n\n  \n  &::before {\n    display: inline-block;\n    content: url(../images/icons/arrow_back.svg);\n    margin-right: 0.3em;\n    margin-left: -1.3rem;\n    width: 1rem;\n  }\n}\n\n.btn-back:hover {\n   color: var(--guk-color-neutral-700);\n }\n\n.nav-heading {\n  font-size: 1rem;\n  font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-medium) */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n /* padding: 0 1rem; */\n}\n\n.nav-component-active {\n  .nav-heading-active {\n    padding-top: 15px;\n    padding-bottom: 4px;\n    background: var(--guk-color-neutral-50); /* Replaces var(--core-gray) */\n    z-index: 2;\n  }\n}\n\n.nav-component-heading {\n  color: var(--guk-color-neutral-600); /* Replaces var(--steel-4) */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-medium) */\n  position: relative;\n  font-size: 1rem;\n}\n\n.nav-link {\n  color: var(--guk-color-neutral-600);\n  margin-bottom: var(--guk-space-2);\n  cursor: pointer;\n}\n\n.nav-link:hover {\n  color: var(--guk-color-neutral-900);\n  cursor: pointer;\n}\n\n.nav-link code {\n  font-size: 0.9rem;\n  padding: 0;\n}\n\n.nav-icon {\n  opacity: 0.8;\n}\n\nbutton.collapse-toggle {\n  cursor: pointer;\n  padding: 0;\n  border: none;\n\n  &.toggled {\n    img {\n      transform: rotate(-90deg);\n    }\n\n    ~ .collapsible-content {\n      display: none;\n    }\n  }\n}\n\n.close-menu-btn {\n  border: 0;\n}\n\n  /* Scope list styles to navigation */\n  .nav-list {\n    list-style: none;\n    padding-left: 0;\n    margin: 0; /* Optional: remove default margins */\n  }\n\n/* ===== Scrollbar CSS ===== */\n  /* Firefox */\n  * {\n    scrollbar-color: var(--guk-color-neutral-100) transparent;\n    scrollbar-width: thin;\n  }\n\n  /* Chrome, Edge, and Safari */\n  *::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    background-color: var(--guk-color-neutral-100);\n    border-radius: 10px;\n  }","/* version-select.scss */\n\n.component-version {\n  position: relative;\n}\n\n.btn-version {\n  font-size: 0.85rem;\n  font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\n  min-height: 1.5rem;\n  padding: 0 var(--guk-space-2); /* 8px */\n  margin: 0.4rem 0;\n  border: 1px solid;\n  border-radius: var(--guk-border-rounded-full); /* 9999px */\n\n  &::after {\n    display: inline-block;\n    content: url(../images/icons/chevron.svg);\n    width: 0.8rem;\n    margin-left: 0.2rem;\n  }\n\n  &:hover,\n  &:focus {\n    color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n  }\n\n  svg {\n    height: var(--guk-space-4); /* Replaces var(--md) */\n    width: var(--guk-space-4);\n  }\n}\n\n.popover-container {\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  top: 100%;\n  z-index: 1;\n  padding-top: 0.5em;\n\n  .btn-version:focus + &,\n  &:focus-within {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n.popover {\n  font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\n  font-size: 0.9em;\n  background: var(--guk-color-neutral-0); /* Replaces var(--tertiary) */\n  border: 1px solid var(--guk-color-neutral-100); /* Replaces var(--aluminum-3) */\n  border-radius: var(--guk-border-rounded); /* Replaces var(--border-radius) */\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);\n  color: var(--guk-color-neutral-700); /* Replaces var(--steel-3) */\n  padding: 0.5em;\n  margin: 0 var(--guk-space-1); /* Replaces var(--xs) */\n  width: 10em;\n  user-select: none;\n\n  p {\n    margin: 0;\n    padding: 0 0.5em;\n    font-weight: bold;\n    font-size: 0.9em;\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n\n    li {\n      list-style: none;\n\n      a {\n        display: block;\n        padding: 0.2em 0.5em;\n\n        &:hover {\n          background-color: var(--guk-color-neutral-50); /* Replaces var(--aluminum-2) */\n        }\n      }\n    }\n  }\n}\n","/* These are hidden from the site and only shown in the READMEs on GitHub. */\n.readme-notice {\n  display: none;\n}\n","@use \"sass:math\";\n\n.root {\n  display: flex;\n}\n\n.nav {\n  height: 100vh;\n  overflow-y: auto;\n  position: sticky;\n  top: 0;\n  width: 300px;\n  flex: 0 0 auto;\n}\n\n.nav-heading {\n  margin: .75rem 1.3rem;\n  align-items: center;\n  text-transform: uppercase;\n}\n\n.nav-component-active {\n /* min-height: 100%; */\n  overflow-y: auto;\n}\n\n.nav-component-active .nav-heading-active {\n  position: sticky;\n  top: 0;\n  margin-top: 0;\n}\n\n.nav-heading-active {\n  position: sticky;\n  top: 15px;\n}\n\n.nav-component-heading + .nav-list {\n  height: 90%;\n  margin-bottom: 0;\n}\n\n.nav-li {\n  /*margin-bottom: var(--guk-space-2); */\n  margin-left: 1.3rem;\n  line-height: 1.5rem;\n}\n\n.nav-icon {\n  margin-right: .5rem;\n  height: 1rem;\n  width: 1rem;\n}\n\n.close-menu-btn {\n  display: flex;\n  padding: var(--lg);\n  margin-top: calc(-1 * var(--side-margin));\n  margin-left: calc(-1 * var(--side-margin));\n\n  @media (min-width: $mobile-breakpoint) {\n    display: none;\n  }\n}\n\n@media (max-width: $mobile-breakpoint) {\n  .nav {\n    flex-grow: 1;\n    padding: var(--lg);\n  }\n\n  .nav:not(.toggled) {\n    display: none;\n  }\n\n  .nav.toggled ~ .main {\n    display: none;\n  }\n}\n\nbutton.collapse-toggle {\n  margin-left: -1.3rem;\n  width: 1rem;\n  height: 1rem;\n}\n\n/*\n.collapsible-content {\n  margin-bottom: var(--md);\n}*/\n\n\n:root {\n  --side-margin: var(--xl);\n\n  @media (max-width: $mobile-breakpoint) {\n    --side-margin: var(--lg);\n  }\n}\n\n.main {\n  min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.navbar, .article-wrapper {\n  max-width: 60rem;\n  margin: 0 var(--side-margin);\n}\n\n.navbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.navbar-burger {\n  margin-left: calc(-1 * var(--side-margin));\n  margin-right: .5em;\n  padding: var(--lg);\n  display: flex;\n}\n\n.navbar-logo {\n  flex-grow: 99;\n  display: flex;\n  align-items: stretch;\n\n  a {\n    padding: var(--lg) 0;\n    display: flex;\n    align-items: center;\n  }\n}\n\n.navbar-search {\n  position: relative;\n  display: flex;\n /*  flex-grow: 1; */\n}\n\n.navbar-search-input {\n /* flex-grow: 1; */\n  width: 20em;\n  padding: .5rem !important;\n}\n\n.navbar-end {\n /* flex-grow: 1; */\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n}\n\n.navbar-item {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1.5;\n  margin-right: .25em;\n  margin-left: .25em;\n}\n\n.article-wrapper {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.article {\n  min-width: 0; /* This is necessary to avoid overflow due to 
 children. */\n  flex-grow: 1;\n}\n\n.toc-sidebar {\n  margin-left: var(--lg);\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 200px;\n  max-height: 80vh;\n  position: sticky;\n  top: 10vh;\n  overflow-y: auto;\n\n  @media (max-width: math.div($mobile-breakpoint * 2, 3)) {\n    display: none;\n  }\n}\n\n.notoc .toc-sidebar {\n  display: none;\n}\n\n/* To reset HubSpot Popup Banner's default animation effect */\nbody .leadinModal.leadinModal-theme-top {\n  top: auto;\n  bottom: 0;\n  z-index: 99999999999;\n}\n\n.leadinModal.leadinModal-theme-top .leadinModal-content {\n animation-name: leadinModal-reset!important;\n}\n.leadinModal.leadinModal-theme-top.leadinModal-closing,\n.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content{\n    animation-name: leadinModal-fadeout!important;\n}\n@keyframes leadinModal-reset {\n    0% {\n      transform: translateY(0);\n      -webkit-transform: translateY(0);\n      -moz-transform: translateY(0);\n      -ms-transform: translateY(0);\n      -o-transform: translateY(0);\n      opacity: 0;\n    }\n    1% {\n      transform: translateY(0);\n      -webkit-transform: translateY(0);\n      -moz-transform: translateY(0);\n      -ms-transform: translateY(0);\n      -o-transform: translateY(0);\n      opacity: 0;\n    }\n    2% {\n      transform: translateY(0);\n      -webkit-transform: translateY(0);\n      -moz-transform: translateY(0);\n      -ms-transform: translateY(0);\n      -o-transform: translateY(0);\n      opacity: 0;\n    }\n    100% {\n      transform: translateY(0);\n      -webkit-transform: translateY(0);\n      -moz-transform: translateY(0);\n      -ms-transform: translateY(0);\n      -o-transform: translateY(0);\n      opacity: 1;\n    }\n  }\n","/* header.scss */\n\n.header {\n  border-bottom: solid 1px var(--guk-color-neutral-200); /* Replaces #e2e2e7 */\n  padding:1em 0em 1em 0em;\n}\n\n.navbar {\n /* background-color: var(--guk-color-neutral-0); /* Assuming white background */\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\n  word-wrap: break-word;\n  z-index: 10; /* Ensure this z-index is appropriate */\n}\n\n.navbar a {\n  text-decoration: none;\n}\n\n.navbar-brand .navbar-item:first-child,\n.navbar-brand .navbar-item:first-child a {\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  font-size: var(--guk-font-size-lg); /* 1.125rem */\n}\n\n.navbar-brand .separator {\n  padding: 0 var(--guk-space-1); /* 4px */\n}\n\n.navbar-burger {\n  color: var(--guk-color-neutral-900); /* Replaces var(--color-navbar-text) */\n  background: none;\n  border: none;\n  outline: none;\n}\n\n.navbar-burger::-moz-focus-inner {\n  border: none;\n}\n\n.navbar-item {\n  margin-left: 32px;\n  margin-right: 0px;\n  color: var(--guk-color-neutral-500); /* Replaces var(--color-text) */\n  padding: var(--guk-space-2); /* 8px */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\n  font-size: var(--guk-font-size-base); /* 1rem */\n}\n\n.navbar-item:hover {\n  color: var(--guk-color-neutral-800); /* Replaces var(--color-navbar-hover) */\n}\n\n.navbar-button {\n  color: var(--guk-color-neutral-0); /* White text */\n  padding: var(--guk-space-1-5) var(--guk-space-3); /* 6px 12px */\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  font-weight: var(--guk-font-weight-medium); /* Replaces font-weight: 500 */\n  font-size: var(--guk-font-size-base); /* 1rem */\n  display: inline-block;\n  border-radius: var(--guk-border-rounded-full); /* Fully rounded button */\n  letter-spacing: -0.02em;\n  transition: all 0.2s ease;\n  background: var(--guk-color-primary-500); /* Replaces #4F56FA */\n  text-decoration: none;\n  text-transform: none;\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces #EFEFEF */\n  text-align: center;\n  white-space: nowrap;\n}\n\n.navbar-button:hover {\n  background: var(--guk-color-primary-600) !important; /* Replaces #4349D4 */\n  color: var(--guk-color-neutral-0);\n}\n\n.navbar-search-input {\n  margin-right: 8px;\n  font-size: var(--guk-font-size-base); /* 1rem */\n  background-color: var(--guk-color-neutral-0); /* Replaces var(--aluminum-1) */\n  color: var(--guk-color-neutral-500);\n  border-radius: var(--guk-border-rounded);\n  border: 1px solid var(--guk-color-neutral-200); /* Replaces var(--aluminum-3) */\n\n  &:focus {\n    outline: none;\n  }\n &:before {\n  content: url(../images/icons/arrow_back.svg);\n  display: inline-block;\n }\n}\n\n.navbar-search-checkbox {\n  display: none;\n}\n\n@media screen and (min-width: 1000px) {\n  .navbar-burger {\n    display: none;\n  }\n}\n","/* footer.scss */\n\nfooter.footer {\n  font-size: var(--guk-size-base);\n  background-color: var(--guk-color-neutral-0); /* #ffffff */\n  padding: var(--guk-space-6) var(--guk-space-8); /* 24px 32px */\n  color: var(--guk-color-neutral-500); /* #616e7c */\n  border-top: solid 1px var(--guk-color-neutral-100); /* Uses --guk-color-neutral-900 */\n}\n\n.footer a {\n  color: var(--guk-color-neutral-500); /* Semi-transparent using --guk-color-neutral-900 */\n  display: inline;\n  margin-left: var(--guk-space-4); /* 6px */\n /* border-left: 1px solid rgba(31, 41, 51, 0.7); */\n  padding-left: var(--guk-space-1-5); /* 6px */\n}\n\n.footer a:hover {\n  color: var(--guk-color-neutral-800); /* Semi-transparent using --guk-color-neutral-900 */\n}","/*!\n  Customized Theme aligned with the Style Guide\n*/\n\n/* Dark Theme */\n.hljs {\n  color: var(--guk-color-neutral-300); /* Default text color */\n  background: var(--guk-color-neutral-900); /* Background color */\n}\n\n.hljs-doctag,\n.hljs-keyword,\n.hljs-meta .hljs-keyword,\n.hljs-template-tag,\n.hljs-template-variable,\n.hljs-type,\n.hljs-variable.language_ {\n  /* Keywords */\n  color: var(--guk-color-critical-500);\n}\n\n.hljs-title,\n.hljs-title.class_,\n.hljs-title.class_.inherited__,\n.hljs-title.function_ {\n  /* Titles and Functions */\n  color: var(--guk-color-primary-300);\n}\n\n.hljs-attr,\n.hljs-attribute,\n.hljs-literal,\n.hljs-meta,\n.hljs-number,\n.hljs-operator,\n.hljs-variable,\n.hljs-selector-attr,\n.hljs-selector-class,\n.hljs-selector-id {\n  /* Attributes, Numbers, Operators */\n  color: var(--guk-color-info-300);\n}\n\n.hljs-regexp,\n.hljs-string,\n.hljs-meta .hljs-string {\n  /* Strings and Regex */\n  color: var(--guk-color-info-500);\n}\n\n.hljs-built_in,\n.hljs-symbol {\n  /* Built-in and Symbols */\n  color: var(--guk-color-warning-500);\n}\n\n.hljs-comment,\n.hljs-code,\n.hljs-formula {\n  /* Comments */\n  color: var(--guk-color-neutral-500);\n}\n\n.hljs-name,\n.hljs-quote,\n.hljs-selector-tag,\n.hljs-selector-pseudo {\n  /* Names and Selectors */\n  color: var(--guk-color-success-500);\n}\n\n.hljs-subst {\n  /* Substitutions */\n  color: var(--guk-color-neutral-300);\n}\n\n.hljs-section {\n  /* Sections */\n  color: var(--guk-color-primary-500);\n  font-weight: bold;\n}\n\n.hljs-bullet {\n  /* Bullets */\n  color: var(--guk-color-warning-300);\n}\n\n.hljs-emphasis {\n  /* Emphasis */\n  color: var(--guk-color-neutral-300);\n  font-style: italic;\n}\n\n.hljs-strong {\n  /* Strong */\n  color: var(--guk-color-neutral-300);\n  font-weight: bold;\n}\n\n.hljs-addition {\n  /* Additions */\n  color: var(--guk-color-success-300);\n  background-color: var(--guk-color-success-100);\n}\n\n.hljs-deletion {\n  /* Deletions */\n  color: var(--guk-color-critical-300);\n  background-color: var(--guk-color-critical-100);\n}\n\n.hljs-char.escape_,\n.hljs-link,\n.hljs-params,\n.hljs-property,\n.hljs-punctuation,\n.hljs-tag {\n  color: inherit;\n  background-color: transparent;\n}\n\n/* Light Theme */\n.hljs-theme-light {\n  .hljs {\n    color: var(--guk-color-neutral-900);\n    background: var(--guk-color-neutral-0);\n  }\n\n  .hljs-doctag,\n  .hljs-keyword,\n  .hljs-meta .hljs-keyword,\n  .hljs-template-tag,\n  .hljs-template-variable,\n  .hljs-type,\n  .hljs-variable.language_ {\n    color: var(--guk-color-critical-500);\n  }\n\n  .hljs-title,\n  .hljs-title.class_,\n  .hljs-title.class_.inherited__,\n  .hljs-title.function_ {\n    color: var(--guk-color-primary-500);\n  }\n\n  .hljs-attr,\n  .hljs-attribute,\n  .hljs-literal,\n  .hljs-meta,\n  .hljs-number,\n  .hljs-operator,\n  .hljs-variable,\n  .hljs-selector-attr,\n  .hljs-selector-class,\n  .hljs-selector-id {\n    color: var(--guk-color-primary-500);\n  }\n\n  .hljs-regexp,\n  .hljs-string,\n  .hljs-meta .hljs-string {\n    color: var(--guk-color-primary-700);\n  }\n\n  .hljs-built_in,\n  .hljs-symbol {\n    color: var(--guk-color-warning-500);\n  }\n\n  .hljs-comment,\n  .hljs-code,\n  .hljs-formula {\n    color: var(--guk-color-neutral-500);\n  }\n\n  .hljs-name,\n  .hljs-quote,\n  .hljs-selector-tag,\n  .hljs-selector-pseudo {\n    color: var(--guk-color-success-500);\n  }\n\n  .hljs-subst {\n    color: var(--guk-color-neutral-900);\n  }\n\n  .hljs-section {\n    color: var(--guk-color-primary-500);\n    font-weight: bold;\n  }\n\n  .hljs-bullet {\n    color: var(--guk-color-warning-300);\n  }\n\n  .hljs-emphasis {\n    color: var(--guk-color-neutral-900);\n    font-style: italic;\n  }\n\n  .hljs-strong {\n    color: var(--guk-color-neutral-900);\n    font-weight: bold;\n  }\n\n  .hljs-addition {\n    color: var(--guk-color-success-700);\n    background-color: var(--guk-color-success-100);\n  }\n\n  .hljs-deletion {\n    color: var(--guk-color-critical-700);\n    background-color: var(--guk-color-critical-100);\n  }\n\n  .hljs-char.escape_,\n  .hljs-link,\n  .hljs-params,\n  .hljs-property,\n  .hljs-punctuation,\n  .hljs-tag {\n    color: inherit;\n    background-color: transparent;\n  }\n}\n",".article {\n  padding-bottom: var(--guk-space-5); /* matches nav padding */\n\n  .listingblock {\n    position: relative;\n\n    .btn-copy {\n      visibility: hidden;\n      position: absolute;\n      top: 0;\n      right: 0;\n      border-radius: var(--guk-border-rounded);\n    }\n\n    &:hover .btn-copy {\n      visibility: visible;\n    }\n  }\n  \n  .listingblock.nopadding {\n    pre code {\n      padding: 0;\n    }\n\n    .btn-copy {\n      padding: 0;\n    }\n  }\n\n  pre code {\n    display: block;\n    overflow-x: auto;\n    padding: var(--guk-space-4);\n    border-radius: var(--guk-border-rounded);\n    max-width: 90vw;\n  }\n\n  img {\n    max-width: 100%;\n  }\n\n  aside {\n    background: var(--guk-color-neutral-50);\n    border: 1px solid var(--guk-color-neutral-200);\n    border-radius: var(--guk-border-rounded);\n    color: var(--guk-color-neutral-700);\n    font-size: var(--guk-font-size-sm); /* 14px */\n    padding: var(--guk-space-3) var(--guk-space-5) var(--guk-space-2);\n\n    &::before {\n      background-image: url(../images/icons/note.svg);\n      background-position: left 40%;\n      background-repeat: no-repeat;\n      background-size: 18px;\n      color: var(--guk-color-neutral-900);\n      content: \"Note\";\n      display: block;\n      font-size: var(--guk-font-size-base); /* 16px */\n      font-weight: var(--guk-font-weight-semibold);\n      opacity: 0.7;\n      padding-left: var(--guk-space-5);\n    }\n  }\n\n  code {\n    &.primary {\n      color: var(--guk-color-neutral-800);\n    }\n    &.secondary {\n      color: var(--guk-color-primary-400);\n    }\n    &.light {\n      color: var(--guk-color-neutral-700);\n    }\n  }\n}\n\n.heading-link,\n.anchor {\n  float: right;\n  visibility: hidden;\n  color: inherit;\n  font-size: 0.8em;\n  margin-top: calc(var(--guk-space-base) * 0.25); /* Equivalent to 1px */\n  margin-left: calc(var(--guk-space-base) * 0.25);\n\n  &:focus,\n  h1:hover &,\n  h2:hover &,\n  h3:hover &,\n  h4:hover &,\n  h5:hover &,\n  h6:hover & {\n    visibility: visible;\n  }\n\n  .contract & {\n    visibility: visible;\n  }\n}\n\n.anchor {\n  padding: 0 calc(var(--guk-space-base) * 0.75); /* Approximately 3px */\n  text-decoration: none;\n\n  &::before {\n    content: '#';\n  }\n}\n\n.contract h3 code {\n  padding: 0;\n  color: inherit;\n  background-color: transparent;\n}\n\n.contract-index {\n  border-radius: var(--guk-border-rounded);\n  max-width: 90vw;\n  padding: var(--guk-space-6);\n  background-color: var(--guk-color-neutral-50);\n  margin-top: var(--guk-space-4);\n  margin-bottom: var(--guk-space-4);\n  word-wrap: break-word;\n\n  ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    a {\n      color: inherit;\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: underline;\n      }\n\n      pre,\n      code {\n        padding: 0;\n        color: inherit;\n        line-height: 1rem;\n        background-color: transparent;\n      }\n    }\n  }\n\n  .title {\n    font-family: var(--guk-font-family);\n    font-size: var(--guk-font-size-sm); /* Approximately 0.9em */\n    color: var(--guk-color-primary-400);\n    letter-spacing: 0.05em;\n    font-weight: var(--guk-font-weight-semibold);\n    text-transform: uppercase;\n  }\n\n  .ulist {\n    border-top: solid 1px var(--guk-color-neutral-300);\n    margin-top: var(--guk-space-4);\n    padding-top: calc(var(--guk-space-base) * 0.25);\n\n    > .title {\n      float: right;\n      color: var(--guk-color-neutral-900);\n      margin-top: calc(var(--guk-space-base) * 2);\n      font-size: var(--guk-font-size-xs);\n    }\n  }\n}\n\n.contract-subindex-inherited {\n  opacity: 0.7;\n}\n\n.contract-item {\n  border-radius: var(--guk-border-rounded);\n  border: solid 1px var(--guk-color-neutral-300);\n  max-width: 90vw;\n  padding: 0;\n  margin-top: var(--guk-space-4);\n  margin-bottom: var(--guk-space-4);\n  word-wrap: break-word;\n\n  > * {\n    margin-right: var(--guk-space-4);\n    margin-left: var(--guk-space-4);\n  }\n\n  h4 {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-content: flex-start;\n    padding: 0;\n    margin: var(--guk-space-4);\n    margin-bottom: var(--guk-space-8);\n    position: relative;\n    font-size: inherit;\n\n    code {\n      flex-grow: 1;\n      color: inherit;\n      font-weight: var(--guk-font-weight-normal);\n      background-color: transparent;\n      padding: 0;\n\n      .contract-item-name {\n        font-weight: var(--guk-font-weight-semibold);\n      }\n    }\n\n    .anchor {\n      order: 10;\n      font-size: var(--guk-font-size-base);\n      font-weight: normal;\n      margin-top: 0;\n    }\n\n    .item-kind {\n      font-family: var(--guk-font-family);\n      font-size: var(--guk-font-size-base);\n      font-weight: 300;\n      opacity: 0.8;\n    }\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      box-sizing: content-box;\n      padding: var(--guk-space-4);\n      margin: calc(-1 * var(--guk-space-4));\n      z-index: -10;\n      border-top-left-radius: var(--guk-border-rounded);\n      border-top-right-radius: var(--guk-border-rounded);\n      background-color: var(--guk-color-neutral-50);\n      border-bottom: solid 1px var(--guk-color-neutral-300);\n    }\n  }\n\n  .admonitionblock {\n    font-family: var(--guk-font-family);\n    margin-right: var(--guk-space-4);\n    margin-left: var(--guk-space-4);\n  }\n}\n\n.article-navigation {\n  display: flex;\n\n  div {\n    display: block;\n    flex-grow: 1;\n    font-weight: var(--guk-font-weight-normal);\n    margin-top: var(--guk-space-6);\n    margin-bottom: var(--guk-space-2);\n\n    a {\n      text-decoration: none;\n    /*  text-transform: uppercase; */\n      font-size: var(--guk-font-size-base);\n      color: var(--guk-color-neutral-500);\n    }\n\n    a:hover {\n    color: var(--guk-color-neutral-800);\n    }\n\n    &.btn-next {\n      text-align: right;\n    }\n  }\n}\n\n.article-banner {\n  background-color: var(--guk-color-neutral-100);\n  border: solid 1px var(--guk-color-neutral-300);\n  border-radius: var(--guk-border-rounded);\n  padding: var(--guk-space-2-5);\n  margin: 0 calc(-1 * var(--guk-space-2-5));\n}\n","/* admonitionblock.scss */\n\n.alert {\n  p {\n    font-family: var(--guk-font-family);\n    color: inherit;\n    font-size: var(--guk-font-size-base); /* 1rem */\n  }\n}\n\n.admonitionblock,\n.alert {\n  max-width: 90vw;\n  background-color: var(--guk-color-neutral-0); /* white */\n  border: solid var(--guk-color-neutral-300); /* #9aa5b1 */\n  border-radius: var(--guk-border-rounded);\n  border-width: 1px 1px 1px 6px;\n  font-family: var(--guk-font-family);\n  font-weight: var(--guk-font-weight-normal);\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\n  font-size: var(--guk-font-size-sm); /* 0.875rem */\n  text-align: center;\n  line-height: var(--guk-line-height-normal);\n  padding: var(--guk-space-5) var(--guk-space-4);\n  margin-bottom: var(--guk-space-7);\n  overflow-wrap: break-word;\n\n  table {\n    padding: 0;\n    margin: 0;\n    th,\n    td {\n      padding: 0;\n      margin: 0;\n      word-wrap: break-word;\n    }\n  }\n\n  .content {\n    max-width: 82vw;\n    padding-left: var(--guk-space-1);\n    font-size: var(--guk-font-size-base); /* 1rem */\n    text-align: left;\n    word-wrap: break-word;\n  }\n\n  &::before {\n    display: block;\n    font-size: 0.9em;\n    font-weight: var(--guk-font-weight-semibold);\n    text-align: left;\n    text-transform: uppercase;\n    padding-left: var(--guk-space-1);\n    margin-bottom: var(--guk-space-2);\n  }\n\n  &.note {\n    border-left-color: var(--guk-color-primary-400); /* Replaces var(--core-violet-4) */\n\n    &::before {\n      content: \"Note\";\n      color: var(--guk-color-primary-400);\n    }\n  }\n\n  &.tip {\n    border-left-color: var(--guk-color-info-500); /* Replaces var(--teal-3) */\n\n    &::before {\n      content: \"Tip\";\n      color: var(--guk-color-info-500);\n    }\n  }\n\n  &.warning,\n  &.caution,\n  &.important {\n    border-left-color: var(--guk-color-warning-500); /* Replaces #F79F1F */\n\n    &::before {\n      color: var(--guk-color-warning-500);\n      padding-left: var(--guk-space-6); /* Adjusted for spacing */\n      margin-left: var(--guk-space-2);\n      background-image: url(../images/icons/warning.svg);\n      background-repeat: no-repeat;\n      background-position: left;\n      background-origin: border-box;\n    }\n  }\n\n  &.warning::before {\n    content: \"Warning\";\n  }\n\n  &.caution::before {\n    content: \"Caution\";\n  }\n\n  &.important::before {\n    content: \"Important\";\n  }\n}\n","/* toc.scss */\n\n.toc-sidebar {\n  font-size: 0.8em;\n  opacity: 0.8;\n}\n\n.toc-menu {\n  border-width: 0 0 0 0.25rem;\n\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    line-height: 1.2;\n  }\n\n  .subheading-list {\n    border-left: solid 1px var(--guk-color-neutral-200);\n    margin-left: var(--guk-space-2); /* Equivalent to 8px */\n  }\n}\n\n.toc-title {\n  font-size: var(--guk-font-size-sm);\n  margin-bottom: 16px;\n  padding: 0;\n  font-family: var(--guk-font-family); /* Replaces var(--heading) */\n  color: var(--guk-color-neutral-900); /* Replaces var(--aluminum-5) */\n  letter-spacing: 0.05em;\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\n  text-transform: uppercase;\n}\n\n.toc .toc-menu li {\n  margin: 0.5rem 0 0;\n  padding-top: var(--guk-space-1); /* 4px */\n  padding-bottom: var(--guk-space-1);\n  padding-right: var(--guk-space-3); /* 8px */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */\n /* font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-bold) */\n  font-size: var(--guk-font-size-base); /* 1rem */\n  color: var(--guk-color-neutral-400); /* Replaces var(--aluminum-5) */\n\n  &.subheading-item {\n    font-weight: var(--guk-font-weight-normal); /* Replaces var(--weight-normal) */\n   /* margin: 0.25rem 0 0; */\n    margin-left: .7rem; \n  }\n}\n\n.toc a {\n  color: inherit;\n  text-decoration: none;\n  padding-right: 8px;\n\n  &:hover {\n    color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-2) */\n  }\n}\n\n.toc .toc-menu li a.toc-active {\n  color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-4) */\n  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */\n}\n",".hardhat-truffle-toggle {\n  width: 120px;\n  height: 30px;\n  border: 0;\n  outline: 0;\n  padding: 0;\n  margin: 0;\n  background: url(../images/toggle-active.svg) center / contain no-repeat;\n  overflow: hidden;\n  white-space: nowrap;\n\n  &:active {\n    background-image: url(../images/toggle-active.svg) !important;\n  }\n\n  span {\n    pointer-events: none;\n    opacity: 0;\n  }\n}\n\n.preference-truffle {\n  .hardhat {\n    display: none;\n  }\n\n  .hardhat-truffle-toggle {\n    background-image: url(../images/toggle-preference-truffle.svg);\n  }\n}\n\n.preference-hardhat {\n  .truffle {\n    display: none;\n  }\n\n  .hardhat-truffle-toggle {\n    background-image: url(../images/toggle-preference-hardhat.svg);\n  }\n}\n","/* hubspot banner styles */\n/* written in css to maintain precise alignment with https://github.com/OpenZeppelin/defender/blob/master/ui/src/styles/platform/hs-banner.css */\n/* !important is essential in this context to take precedent over default styles */\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {\n    padding: var(--u2) !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {\n    margin-right: 0 !important;\n    margin-bottom: var(--u) !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording p, \ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer  {\n    line-height: 16px !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-buttons-area {\n    margin-top: var(--u) !important;\n    margin-right: 0 !important;\n}\n\ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button, \ndiv#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-decline-button {\n    height: 30px !important;\n}\n\n@media (min-width: 751px) {\n    div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {\n        margin-right: 0 !important;\n    }\n}\n"]}
\ No newline at end of file
diff --git a/ui/theme/dist/index.js.map b/ui/theme/dist/index.js.map
index b7ba5fd7..d9324824 100644
--- a/ui/theme/dist/index.js.map
+++ b/ui/theme/dist/index.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/highlight.js/lib/core.js","../../src/js/03-page-version-selector.js","../../src/js/04-page.js","../../src/js/05-sidr-menu.js","../../src/js/06-hardhat-truffle-toggle.js","../../src/js/07-copy-code.js","../../node_modules/highlight.js/lib/languages/markdown.js","../../node_modules/highlight.js/lib/languages/javascript.js","../../node_modules/highlight.js/lib/languages/typescript.js","../../node_modules/highlight.js/lib/languages/json.js","../../node_modules/highlight.js/lib/languages/diff.js","../../node_modules/highlight.js/lib/languages/python.js","../../node_modules/highlight.js/lib/languages/rust.js","../../node_modules/highlight.js/lib/languages/shell.js","../../node_modules/highlight.js/lib/languages/xml.js","../../node_modules/highlightjs-solidity/src/common.js","../../node_modules/highlightjs-solidity/src/languages/solidity.js","../../node_modules/highlightjs-solidity/src/languages/yul.js","../../node_modules/highlightjs-solidity/src/index.js","../../node_modules/highlightjs-cairo/src/languages/cairo.js","../../node_modules/highlightjs-cairo/src/languages/vendored/rust.js","../../node_modules/highlightjs-cairo/src/index.js","../../src/js/highlight.js","../../src/js/version-selector.js","../../src/js/copyright-date.js"],"sourcesContent":["/* eslint-disable no-multi-assign */\n\nfunction deepFreeze(obj) {\n  if (obj instanceof Map) {\n    obj.clear =\n      obj.delete =\n      obj.set =\n        function () {\n          throw new Error('map is read-only');\n        };\n  } else if (obj instanceof Set) {\n    obj.add =\n      obj.clear =\n      obj.delete =\n        function () {\n          throw new Error('set is read-only');\n        };\n  }\n\n  // Freeze self\n  Object.freeze(obj);\n\n  Object.getOwnPropertyNames(obj).forEach((name) => {\n    const prop = obj[name];\n    const type = typeof prop;\n\n    // Freeze prop if it is an object or function and also not already frozen\n    if ((type === 'object' || type === 'function') && !Object.isFrozen(prop)) {\n      deepFreeze(prop);\n    }\n  });\n\n  return obj;\n}\n\n/** @typedef {import('highlight.js').CallbackResponse} CallbackResponse */\n/** @typedef {import('highlight.js').CompiledMode} CompiledMode */\n/** @implements CallbackResponse */\n\nclass Response {\n  /**\n   * @param {CompiledMode} mode\n   */\n  constructor(mode) {\n    // eslint-disable-next-line no-undefined\n    if (mode.data === undefined) mode.data = {};\n\n    this.data = mode.data;\n    this.isMatchIgnored = false;\n  }\n\n  ignoreMatch() {\n    this.isMatchIgnored = true;\n  }\n}\n\n/**\n * @param {string} value\n * @returns {string}\n */\nfunction escapeHTML(value) {\n  return value\n    .replace(/&/g, '&')\n    .replace(//g, '>')\n    .replace(/\"/g, '"')\n    .replace(/'/g, ''');\n}\n\n/**\n * performs a shallow merge of multiple objects into one\n *\n * @template T\n * @param {T} original\n * @param {Record[]} objects\n * @returns {T} a single new object\n */\nfunction inherit$1(original, ...objects) {\n  /** @type Record */\n  const result = Object.create(null);\n\n  for (const key in original) {\n    result[key] = original[key];\n  }\n  objects.forEach(function(obj) {\n    for (const key in obj) {\n      result[key] = obj[key];\n    }\n  });\n  return /** @type {T} */ (result);\n}\n\n/**\n * @typedef {object} Renderer\n * @property {(text: string) => void} addText\n * @property {(node: Node) => void} openNode\n * @property {(node: Node) => void} closeNode\n * @property {() => string} value\n */\n\n/** @typedef {{scope?: string, language?: string, sublanguage?: boolean}} Node */\n/** @typedef {{walk: (r: Renderer) => void}} Tree */\n/** */\n\nconst SPAN_CLOSE = '';\n\n/**\n * Determines if a node needs to be wrapped in \n *\n * @param {Node} node */\nconst emitsWrappingTags = (node) => {\n  // rarely we can have a sublanguage where language is undefined\n  // TODO: track down why\n  return !!node.scope;\n};\n\n/**\n *\n * @param {string} name\n * @param {{prefix:string}} options\n */\nconst scopeToCSSClass = (name, { prefix }) => {\n  // sub-language\n  if (name.startsWith(\"language:\")) {\n    return name.replace(\"language:\", \"language-\");\n  }\n  // tiered scope: comment.line\n  if (name.includes(\".\")) {\n    const pieces = name.split(\".\");\n    return [\n      `${prefix}${pieces.shift()}`,\n      ...(pieces.map((x, i) => `${x}${\"_\".repeat(i + 1)}`))\n    ].join(\" \");\n  }\n  // simple scope\n  return `${prefix}${name}`;\n};\n\n/** @type {Renderer} */\nclass HTMLRenderer {\n  /**\n   * Creates a new HTMLRenderer\n   *\n   * @param {Tree} parseTree - the parse tree (must support `walk` API)\n   * @param {{classPrefix: string}} options\n   */\n  constructor(parseTree, options) {\n    this.buffer = \"\";\n    this.classPrefix = options.classPrefix;\n    parseTree.walk(this);\n  }\n\n  /**\n   * Adds texts to the output stream\n   *\n   * @param {string} text */\n  addText(text) {\n    this.buffer += escapeHTML(text);\n  }\n\n  /**\n   * Adds a node open to the output stream (if needed)\n   *\n   * @param {Node} node */\n  openNode(node) {\n    if (!emitsWrappingTags(node)) return;\n\n    const className = scopeToCSSClass(node.scope,\n      { prefix: this.classPrefix });\n    this.span(className);\n  }\n\n  /**\n   * Adds a node close to the output stream (if needed)\n   *\n   * @param {Node} node */\n  closeNode(node) {\n    if (!emitsWrappingTags(node)) return;\n\n    this.buffer += SPAN_CLOSE;\n  }\n\n  /**\n   * returns the accumulated buffer\n  */\n  value() {\n    return this.buffer;\n  }\n\n  // helpers\n\n  /**\n   * Builds a span element\n   *\n   * @param {string} className */\n  span(className) {\n    this.buffer += ``;\n  }\n}\n\n/** @typedef {{scope?: string, language?: string, children: Node[]} | string} Node */\n/** @typedef {{scope?: string, language?: string, children: Node[]} } DataNode */\n/** @typedef {import('highlight.js').Emitter} Emitter */\n/**  */\n\n/** @returns {DataNode} */\nconst newNode = (opts = {}) => {\n  /** @type DataNode */\n  const result = { children: [] };\n  Object.assign(result, opts);\n  return result;\n};\n\nclass TokenTree {\n  constructor() {\n    /** @type DataNode */\n    this.rootNode = newNode();\n    this.stack = [this.rootNode];\n  }\n\n  get top() {\n    return this.stack[this.stack.length - 1];\n  }\n\n  get root() { return this.rootNode; }\n\n  /** @param {Node} node */\n  add(node) {\n    this.top.children.push(node);\n  }\n\n  /** @param {string} scope */\n  openNode(scope) {\n    /** @type Node */\n    const node = newNode({ scope });\n    this.add(node);\n    this.stack.push(node);\n  }\n\n  closeNode() {\n    if (this.stack.length > 1) {\n      return this.stack.pop();\n    }\n    // eslint-disable-next-line no-undefined\n    return undefined;\n  }\n\n  closeAllNodes() {\n    while (this.closeNode());\n  }\n\n  toJSON() {\n    return JSON.stringify(this.rootNode, null, 4);\n  }\n\n  /**\n   * @typedef { import(\"./html_renderer\").Renderer } Renderer\n   * @param {Renderer} builder\n   */\n  walk(builder) {\n    // this does not\n    return this.constructor._walk(builder, this.rootNode);\n    // this works\n    // return TokenTree._walk(builder, this.rootNode);\n  }\n\n  /**\n   * @param {Renderer} builder\n   * @param {Node} node\n   */\n  static _walk(builder, node) {\n    if (typeof node === \"string\") {\n      builder.addText(node);\n    } else if (node.children) {\n      builder.openNode(node);\n      node.children.forEach((child) => this._walk(builder, child));\n      builder.closeNode(node);\n    }\n    return builder;\n  }\n\n  /**\n   * @param {Node} node\n   */\n  static _collapse(node) {\n    if (typeof node === \"string\") return;\n    if (!node.children) return;\n\n    if (node.children.every(el => typeof el === \"string\")) {\n      // node.text = node.children.join(\"\");\n      // delete node.children;\n      node.children = [node.children.join(\"\")];\n    } else {\n      node.children.forEach((child) => {\n        TokenTree._collapse(child);\n      });\n    }\n  }\n}\n\n/**\n  Currently this is all private API, but this is the minimal API necessary\n  that an Emitter must implement to fully support the parser.\n\n  Minimal interface:\n\n  - addText(text)\n  - __addSublanguage(emitter, subLanguageName)\n  - startScope(scope)\n  - endScope()\n  - finalize()\n  - toHTML()\n\n*/\n\n/**\n * @implements {Emitter}\n */\nclass TokenTreeEmitter extends TokenTree {\n  /**\n   * @param {*} options\n   */\n  constructor(options) {\n    super();\n    this.options = options;\n  }\n\n  /**\n   * @param {string} text\n   */\n  addText(text) {\n    if (text === \"\") { return; }\n\n    this.add(text);\n  }\n\n  /** @param {string} scope */\n  startScope(scope) {\n    this.openNode(scope);\n  }\n\n  endScope() {\n    this.closeNode();\n  }\n\n  /**\n   * @param {Emitter & {root: DataNode}} emitter\n   * @param {string} name\n   */\n  __addSublanguage(emitter, name) {\n    /** @type DataNode */\n    const node = emitter.root;\n    if (name) node.scope = `language:${name}`;\n\n    this.add(node);\n  }\n\n  toHTML() {\n    const renderer = new HTMLRenderer(this, this.options);\n    return renderer.value();\n  }\n\n  finalize() {\n    this.closeAllNodes();\n    return true;\n  }\n}\n\n/**\n * @param {string} value\n * @returns {RegExp}\n * */\n\n/**\n * @param {RegExp | string } re\n * @returns {string}\n */\nfunction source(re) {\n  if (!re) return null;\n  if (typeof re === \"string\") return re;\n\n  return re.source;\n}\n\n/**\n * @param {RegExp | string } re\n * @returns {string}\n */\nfunction lookahead(re) {\n  return concat('(?=', re, ')');\n}\n\n/**\n * @param {RegExp | string } re\n * @returns {string}\n */\nfunction anyNumberOfTimes(re) {\n  return concat('(?:', re, ')*');\n}\n\n/**\n * @param {RegExp | string } re\n * @returns {string}\n */\nfunction optional(re) {\n  return concat('(?:', re, ')?');\n}\n\n/**\n * @param {...(RegExp | string) } args\n * @returns {string}\n */\nfunction concat(...args) {\n  const joined = args.map((x) => source(x)).join(\"\");\n  return joined;\n}\n\n/**\n * @param { Array } args\n * @returns {object}\n */\nfunction stripOptionsFromArgs(args) {\n  const opts = args[args.length - 1];\n\n  if (typeof opts === 'object' && opts.constructor === Object) {\n    args.splice(args.length - 1, 1);\n    return opts;\n  } else {\n    return {};\n  }\n}\n\n/** @typedef { {capture?: boolean} } RegexEitherOptions */\n\n/**\n * Any of the passed expresssions may match\n *\n * Creates a huge this | this | that | that match\n * @param {(RegExp | string)[] | [...(RegExp | string)[], RegexEitherOptions]} args\n * @returns {string}\n */\nfunction either(...args) {\n  /** @type { object & {capture?: boolean} }  */\n  const opts = stripOptionsFromArgs(args);\n  const joined = '('\n    + (opts.capture ? \"\" : \"?:\")\n    + args.map((x) => source(x)).join(\"|\") + \")\";\n  return joined;\n}\n\n/**\n * @param {RegExp | string} re\n * @returns {number}\n */\nfunction countMatchGroups(re) {\n  return (new RegExp(re.toString() + '|')).exec('').length - 1;\n}\n\n/**\n * Does lexeme start with a regular expression match at the beginning\n * @param {RegExp} re\n * @param {string} lexeme\n */\nfunction startsWith(re, lexeme) {\n  const match = re && re.exec(lexeme);\n  return match && match.index === 0;\n}\n\n// BACKREF_RE matches an open parenthesis or backreference. To avoid\n// an incorrect parse, it additionally matches the following:\n// - [...] elements, where the meaning of parentheses and escapes change\n// - other escape sequences, so we do not misparse escape sequences as\n//   interesting elements\n// - non-matching or lookahead parentheses, which do not capture. These\n//   follow the '(' with a '?'.\nconst BACKREF_RE = /\\[(?:[^\\\\\\]]|\\\\.)*\\]|\\(\\??|\\\\([1-9][0-9]*)|\\\\./;\n\n// **INTERNAL** Not intended for outside usage\n// join logically computes regexps.join(separator), but fixes the\n// backreferences so they continue to match.\n// it also places each individual regular expression into it's own\n// match group, keeping track of the sequencing of those match groups\n// is currently an exercise for the caller. :-)\n/**\n * @param {(string | RegExp)[]} regexps\n * @param {{joinWith: string}} opts\n * @returns {string}\n */\nfunction _rewriteBackreferences(regexps, { joinWith }) {\n  let numCaptures = 0;\n\n  return regexps.map((regex) => {\n    numCaptures += 1;\n    const offset = numCaptures;\n    let re = source(regex);\n    let out = '';\n\n    while (re.length > 0) {\n      const match = BACKREF_RE.exec(re);\n      if (!match) {\n        out += re;\n        break;\n      }\n      out += re.substring(0, match.index);\n      re = re.substring(match.index + match[0].length);\n      if (match[0][0] === '\\\\' && match[1]) {\n        // Adjust the backreference.\n        out += '\\\\' + String(Number(match[1]) + offset);\n      } else {\n        out += match[0];\n        if (match[0] === '(') {\n          numCaptures++;\n        }\n      }\n    }\n    return out;\n  }).map(re => `(${re})`).join(joinWith);\n}\n\n/** @typedef {import('highlight.js').Mode} Mode */\n/** @typedef {import('highlight.js').ModeCallback} ModeCallback */\n\n// Common regexps\nconst MATCH_NOTHING_RE = /\\b\\B/;\nconst IDENT_RE = '[a-zA-Z]\\\\w*';\nconst UNDERSCORE_IDENT_RE = '[a-zA-Z_]\\\\w*';\nconst NUMBER_RE = '\\\\b\\\\d+(\\\\.\\\\d+)?';\nconst C_NUMBER_RE = '(-?)(\\\\b0[xX][a-fA-F0-9]+|(\\\\b\\\\d+(\\\\.\\\\d*)?|\\\\.\\\\d+)([eE][-+]?\\\\d+)?)'; // 0x..., 0..., decimal, float\nconst BINARY_NUMBER_RE = '\\\\b(0b[01]+)'; // 0b...\nconst RE_STARTERS_RE = '!|!=|!==|%|%=|&|&&|&=|\\\\*|\\\\*=|\\\\+|\\\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\\\?|\\\\[|\\\\{|\\\\(|\\\\^|\\\\^=|\\\\||\\\\|=|\\\\|\\\\||~';\n\n/**\n* @param { Partial & {binary?: string | RegExp} } opts\n*/\nconst SHEBANG = (opts = {}) => {\n  const beginShebang = /^#![ ]*\\//;\n  if (opts.binary) {\n    opts.begin = concat(\n      beginShebang,\n      /.*\\b/,\n      opts.binary,\n      /\\b.*/);\n  }\n  return inherit$1({\n    scope: 'meta',\n    begin: beginShebang,\n    end: /$/,\n    relevance: 0,\n    /** @type {ModeCallback} */\n    \"on:begin\": (m, resp) => {\n      if (m.index !== 0) resp.ignoreMatch();\n    }\n  }, opts);\n};\n\n// Common modes\nconst BACKSLASH_ESCAPE = {\n  begin: '\\\\\\\\[\\\\s\\\\S]', relevance: 0\n};\nconst APOS_STRING_MODE = {\n  scope: 'string',\n  begin: '\\'',\n  end: '\\'',\n  illegal: '\\\\n',\n  contains: [BACKSLASH_ESCAPE]\n};\nconst QUOTE_STRING_MODE = {\n  scope: 'string',\n  begin: '\"',\n  end: '\"',\n  illegal: '\\\\n',\n  contains: [BACKSLASH_ESCAPE]\n};\nconst PHRASAL_WORDS_MODE = {\n  begin: /\\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\\b/\n};\n/**\n * Creates a comment mode\n *\n * @param {string | RegExp} begin\n * @param {string | RegExp} end\n * @param {Mode | {}} [modeOptions]\n * @returns {Partial}\n */\nconst COMMENT = function(begin, end, modeOptions = {}) {\n  const mode = inherit$1(\n    {\n      scope: 'comment',\n      begin,\n      end,\n      contains: []\n    },\n    modeOptions\n  );\n  mode.contains.push({\n    scope: 'doctag',\n    // hack to avoid the space from being included. the space is necessary to\n    // match here to prevent the plain text rule below from gobbling up doctags\n    begin: '[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)',\n    end: /(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,\n    excludeBegin: true,\n    relevance: 0\n  });\n  const ENGLISH_WORD = either(\n    // list of common 1 and 2 letter words in English\n    \"I\",\n    \"a\",\n    \"is\",\n    \"so\",\n    \"us\",\n    \"to\",\n    \"at\",\n    \"if\",\n    \"in\",\n    \"it\",\n    \"on\",\n    // note: this is not an exhaustive list of contractions, just popular ones\n    /[A-Za-z]+['](d|ve|re|ll|t|s|n)/, // contractions - can't we'd they're let's, etc\n    /[A-Za-z]+[-][a-z]+/, // `no-way`, etc.\n    /[A-Za-z][a-z]{2,}/ // allow capitalized words at beginning of sentences\n  );\n  // looking like plain text, more likely to be a comment\n  mode.contains.push(\n    {\n      // TODO: how to include \", (, ) without breaking grammars that use these for\n      // comment delimiters?\n      // begin: /[ ]+([()\"]?([A-Za-z'-]{3,}|is|a|I|so|us|[tT][oO]|at|if|in|it|on)[.]?[()\":]?([.][ ]|[ ]|\\))){3}/\n      // ---\n\n      // this tries to find sequences of 3 english words in a row (without any\n      // \"programming\" type syntax) this gives us a strong signal that we've\n      // TRULY found a comment - vs perhaps scanning with the wrong language.\n      // It's possible to find something that LOOKS like the start of the\n      // comment - but then if there is no readable text - good chance it is a\n      // false match and not a comment.\n      //\n      // for a visual example please see:\n      // https://github.com/highlightjs/highlight.js/issues/2827\n\n      begin: concat(\n        /[ ]+/, // necessary to prevent us gobbling up doctags like /* @author Bob Mcgill */\n        '(',\n        ENGLISH_WORD,\n        /[.]?[:]?([.][ ]|[ ])/,\n        '){3}') // look for 3 words in a row\n    }\n  );\n  return mode;\n};\nconst C_LINE_COMMENT_MODE = COMMENT('//', '$');\nconst C_BLOCK_COMMENT_MODE = COMMENT('/\\\\*', '\\\\*/');\nconst HASH_COMMENT_MODE = COMMENT('#', '$');\nconst NUMBER_MODE = {\n  scope: 'number',\n  begin: NUMBER_RE,\n  relevance: 0\n};\nconst C_NUMBER_MODE = {\n  scope: 'number',\n  begin: C_NUMBER_RE,\n  relevance: 0\n};\nconst BINARY_NUMBER_MODE = {\n  scope: 'number',\n  begin: BINARY_NUMBER_RE,\n  relevance: 0\n};\nconst REGEXP_MODE = {\n  scope: \"regexp\",\n  begin: /\\/(?=[^/\\n]*\\/)/,\n  end: /\\/[gimuy]*/,\n  contains: [\n    BACKSLASH_ESCAPE,\n    {\n      begin: /\\[/,\n      end: /\\]/,\n      relevance: 0,\n      contains: [BACKSLASH_ESCAPE]\n    }\n  ]\n};\nconst TITLE_MODE = {\n  scope: 'title',\n  begin: IDENT_RE,\n  relevance: 0\n};\nconst UNDERSCORE_TITLE_MODE = {\n  scope: 'title',\n  begin: UNDERSCORE_IDENT_RE,\n  relevance: 0\n};\nconst METHOD_GUARD = {\n  // excludes method names from keyword processing\n  begin: '\\\\.\\\\s*' + UNDERSCORE_IDENT_RE,\n  relevance: 0\n};\n\n/**\n * Adds end same as begin mechanics to a mode\n *\n * Your mode must include at least a single () match group as that first match\n * group is what is used for comparison\n * @param {Partial} mode\n */\nconst END_SAME_AS_BEGIN = function(mode) {\n  return Object.assign(mode,\n    {\n      /** @type {ModeCallback} */\n      'on:begin': (m, resp) => { resp.data._beginMatch = m[1]; },\n      /** @type {ModeCallback} */\n      'on:end': (m, resp) => { if (resp.data._beginMatch !== m[1]) resp.ignoreMatch(); }\n    });\n};\n\nvar MODES = /*#__PURE__*/Object.freeze({\n  __proto__: null,\n  APOS_STRING_MODE: APOS_STRING_MODE,\n  BACKSLASH_ESCAPE: BACKSLASH_ESCAPE,\n  BINARY_NUMBER_MODE: BINARY_NUMBER_MODE,\n  BINARY_NUMBER_RE: BINARY_NUMBER_RE,\n  COMMENT: COMMENT,\n  C_BLOCK_COMMENT_MODE: C_BLOCK_COMMENT_MODE,\n  C_LINE_COMMENT_MODE: C_LINE_COMMENT_MODE,\n  C_NUMBER_MODE: C_NUMBER_MODE,\n  C_NUMBER_RE: C_NUMBER_RE,\n  END_SAME_AS_BEGIN: END_SAME_AS_BEGIN,\n  HASH_COMMENT_MODE: HASH_COMMENT_MODE,\n  IDENT_RE: IDENT_RE,\n  MATCH_NOTHING_RE: MATCH_NOTHING_RE,\n  METHOD_GUARD: METHOD_GUARD,\n  NUMBER_MODE: NUMBER_MODE,\n  NUMBER_RE: NUMBER_RE,\n  PHRASAL_WORDS_MODE: PHRASAL_WORDS_MODE,\n  QUOTE_STRING_MODE: QUOTE_STRING_MODE,\n  REGEXP_MODE: REGEXP_MODE,\n  RE_STARTERS_RE: RE_STARTERS_RE,\n  SHEBANG: SHEBANG,\n  TITLE_MODE: TITLE_MODE,\n  UNDERSCORE_IDENT_RE: UNDERSCORE_IDENT_RE,\n  UNDERSCORE_TITLE_MODE: UNDERSCORE_TITLE_MODE\n});\n\n/**\n@typedef {import('highlight.js').CallbackResponse} CallbackResponse\n@typedef {import('highlight.js').CompilerExt} CompilerExt\n*/\n\n// Grammar extensions / plugins\n// See: https://github.com/highlightjs/highlight.js/issues/2833\n\n// Grammar extensions allow \"syntactic sugar\" to be added to the grammar modes\n// without requiring any underlying changes to the compiler internals.\n\n// `compileMatch` being the perfect small example of now allowing a grammar\n// author to write `match` when they desire to match a single expression rather\n// than being forced to use `begin`.  The extension then just moves `match` into\n// `begin` when it runs.  Ie, no features have been added, but we've just made\n// the experience of writing (and reading grammars) a little bit nicer.\n\n// ------\n\n// TODO: We need negative look-behind support to do this properly\n/**\n * Skip a match if it has a preceding dot\n *\n * This is used for `beginKeywords` to prevent matching expressions such as\n * `bob.keyword.do()`. The mode compiler automatically wires this up as a\n * special _internal_ 'on:begin' callback for modes with `beginKeywords`\n * @param {RegExpMatchArray} match\n * @param {CallbackResponse} response\n */\nfunction skipIfHasPrecedingDot(match, response) {\n  const before = match.input[match.index - 1];\n  if (before === \".\") {\n    response.ignoreMatch();\n  }\n}\n\n/**\n *\n * @type {CompilerExt}\n */\nfunction scopeClassName(mode, _parent) {\n  // eslint-disable-next-line no-undefined\n  if (mode.className !== undefined) {\n    mode.scope = mode.className;\n    delete mode.className;\n  }\n}\n\n/**\n * `beginKeywords` syntactic sugar\n * @type {CompilerExt}\n */\nfunction beginKeywords(mode, parent) {\n  if (!parent) return;\n  if (!mode.beginKeywords) return;\n\n  // for languages with keywords that include non-word characters checking for\n  // a word boundary is not sufficient, so instead we check for a word boundary\n  // or whitespace - this does no harm in any case since our keyword engine\n  // doesn't allow spaces in keywords anyways and we still check for the boundary\n  // first\n  mode.begin = '\\\\b(' + mode.beginKeywords.split(' ').join('|') + ')(?!\\\\.)(?=\\\\b|\\\\s)';\n  mode.__beforeBegin = skipIfHasPrecedingDot;\n  mode.keywords = mode.keywords || mode.beginKeywords;\n  delete mode.beginKeywords;\n\n  // prevents double relevance, the keywords themselves provide\n  // relevance, the mode doesn't need to double it\n  // eslint-disable-next-line no-undefined\n  if (mode.relevance === undefined) mode.relevance = 0;\n}\n\n/**\n * Allow `illegal` to contain an array of illegal values\n * @type {CompilerExt}\n */\nfunction compileIllegal(mode, _parent) {\n  if (!Array.isArray(mode.illegal)) return;\n\n  mode.illegal = either(...mode.illegal);\n}\n\n/**\n * `match` to match a single expression for readability\n * @type {CompilerExt}\n */\nfunction compileMatch(mode, _parent) {\n  if (!mode.match) return;\n  if (mode.begin || mode.end) throw new Error(\"begin & end are not supported with match\");\n\n  mode.begin = mode.match;\n  delete mode.match;\n}\n\n/**\n * provides the default 1 relevance to all modes\n * @type {CompilerExt}\n */\nfunction compileRelevance(mode, _parent) {\n  // eslint-disable-next-line no-undefined\n  if (mode.relevance === undefined) mode.relevance = 1;\n}\n\n// allow beforeMatch to act as a \"qualifier\" for the match\n// the full match begin must be [beforeMatch][begin]\nconst beforeMatchExt = (mode, parent) => {\n  if (!mode.beforeMatch) return;\n  // starts conflicts with endsParent which we need to make sure the child\n  // rule is not matched multiple times\n  if (mode.starts) throw new Error(\"beforeMatch cannot be used with starts\");\n\n  const originalMode = Object.assign({}, mode);\n  Object.keys(mode).forEach((key) => { delete mode[key]; });\n\n  mode.keywords = originalMode.keywords;\n  mode.begin = concat(originalMode.beforeMatch, lookahead(originalMode.begin));\n  mode.starts = {\n    relevance: 0,\n    contains: [\n      Object.assign(originalMode, { endsParent: true })\n    ]\n  };\n  mode.relevance = 0;\n\n  delete originalMode.beforeMatch;\n};\n\n// keywords that should have no default relevance value\nconst COMMON_KEYWORDS = [\n  'of',\n  'and',\n  'for',\n  'in',\n  'not',\n  'or',\n  'if',\n  'then',\n  'parent', // common variable name\n  'list', // common variable name\n  'value' // common variable name\n];\n\nconst DEFAULT_KEYWORD_SCOPE = \"keyword\";\n\n/**\n * Given raw keywords from a language definition, compile them.\n *\n * @param {string | Record | Array} rawKeywords\n * @param {boolean} caseInsensitive\n */\nfunction compileKeywords(rawKeywords, caseInsensitive, scopeName = DEFAULT_KEYWORD_SCOPE) {\n  /** @type {import(\"highlight.js/private\").KeywordDict} */\n  const compiledKeywords = Object.create(null);\n\n  // input can be a string of keywords, an array of keywords, or a object with\n  // named keys representing scopeName (which can then point to a string or array)\n  if (typeof rawKeywords === 'string') {\n    compileList(scopeName, rawKeywords.split(\" \"));\n  } else if (Array.isArray(rawKeywords)) {\n    compileList(scopeName, rawKeywords);\n  } else {\n    Object.keys(rawKeywords).forEach(function(scopeName) {\n      // collapse all our objects back into the parent object\n      Object.assign(\n        compiledKeywords,\n        compileKeywords(rawKeywords[scopeName], caseInsensitive, scopeName)\n      );\n    });\n  }\n  return compiledKeywords;\n\n  // ---\n\n  /**\n   * Compiles an individual list of keywords\n   *\n   * Ex: \"for if when while|5\"\n   *\n   * @param {string} scopeName\n   * @param {Array} keywordList\n   */\n  function compileList(scopeName, keywordList) {\n    if (caseInsensitive) {\n      keywordList = keywordList.map(x => x.toLowerCase());\n    }\n    keywordList.forEach(function(keyword) {\n      const pair = keyword.split('|');\n      compiledKeywords[pair[0]] = [scopeName, scoreForKeyword(pair[0], pair[1])];\n    });\n  }\n}\n\n/**\n * Returns the proper score for a given keyword\n *\n * Also takes into account comment keywords, which will be scored 0 UNLESS\n * another score has been manually assigned.\n * @param {string} keyword\n * @param {string} [providedScore]\n */\nfunction scoreForKeyword(keyword, providedScore) {\n  // manual scores always win over common keywords\n  // so you can force a score of 1 if you really insist\n  if (providedScore) {\n    return Number(providedScore);\n  }\n\n  return commonKeyword(keyword) ? 0 : 1;\n}\n\n/**\n * Determines if a given keyword is common or not\n *\n * @param {string} keyword */\nfunction commonKeyword(keyword) {\n  return COMMON_KEYWORDS.includes(keyword.toLowerCase());\n}\n\n/*\n\nFor the reasoning behind this please see:\nhttps://github.com/highlightjs/highlight.js/issues/2880#issuecomment-747275419\n\n*/\n\n/**\n * @type {Record}\n */\nconst seenDeprecations = {};\n\n/**\n * @param {string} message\n */\nconst error = (message) => {\n  console.error(message);\n};\n\n/**\n * @param {string} message\n * @param {any} args\n */\nconst warn = (message, ...args) => {\n  console.log(`WARN: ${message}`, ...args);\n};\n\n/**\n * @param {string} version\n * @param {string} message\n */\nconst deprecated = (version, message) => {\n  if (seenDeprecations[`${version}/${message}`]) return;\n\n  console.log(`Deprecated as of ${version}. ${message}`);\n  seenDeprecations[`${version}/${message}`] = true;\n};\n\n/* eslint-disable no-throw-literal */\n\n/**\n@typedef {import('highlight.js').CompiledMode} CompiledMode\n*/\n\nconst MultiClassError = new Error();\n\n/**\n * Renumbers labeled scope names to account for additional inner match\n * groups that otherwise would break everything.\n *\n * Lets say we 3 match scopes:\n *\n *   { 1 => ..., 2 => ..., 3 => ... }\n *\n * So what we need is a clean match like this:\n *\n *   (a)(b)(c) => [ \"a\", \"b\", \"c\" ]\n *\n * But this falls apart with inner match groups:\n *\n * (a)(((b)))(c) => [\"a\", \"b\", \"b\", \"b\", \"c\" ]\n *\n * Our scopes are now \"out of alignment\" and we're repeating `b` 3 times.\n * What needs to happen is the numbers are remapped:\n *\n *   { 1 => ..., 2 => ..., 5 => ... }\n *\n * We also need to know that the ONLY groups that should be output\n * are 1, 2, and 5.  This function handles this behavior.\n *\n * @param {CompiledMode} mode\n * @param {Array} regexes\n * @param {{key: \"beginScope\"|\"endScope\"}} opts\n */\nfunction remapScopeNames(mode, regexes, { key }) {\n  let offset = 0;\n  const scopeNames = mode[key];\n  /** @type Record */\n  const emit = {};\n  /** @type Record */\n  const positions = {};\n\n  for (let i = 1; i <= regexes.length; i++) {\n    positions[i + offset] = scopeNames[i];\n    emit[i + offset] = true;\n    offset += countMatchGroups(regexes[i - 1]);\n  }\n  // we use _emit to keep track of which match groups are \"top-level\" to avoid double\n  // output from inside match groups\n  mode[key] = positions;\n  mode[key]._emit = emit;\n  mode[key]._multi = true;\n}\n\n/**\n * @param {CompiledMode} mode\n */\nfunction beginMultiClass(mode) {\n  if (!Array.isArray(mode.begin)) return;\n\n  if (mode.skip || mode.excludeBegin || mode.returnBegin) {\n    error(\"skip, excludeBegin, returnBegin not compatible with beginScope: {}\");\n    throw MultiClassError;\n  }\n\n  if (typeof mode.beginScope !== \"object\" || mode.beginScope === null) {\n    error(\"beginScope must be object\");\n    throw MultiClassError;\n  }\n\n  remapScopeNames(mode, mode.begin, { key: \"beginScope\" });\n  mode.begin = _rewriteBackreferences(mode.begin, { joinWith: \"\" });\n}\n\n/**\n * @param {CompiledMode} mode\n */\nfunction endMultiClass(mode) {\n  if (!Array.isArray(mode.end)) return;\n\n  if (mode.skip || mode.excludeEnd || mode.returnEnd) {\n    error(\"skip, excludeEnd, returnEnd not compatible with endScope: {}\");\n    throw MultiClassError;\n  }\n\n  if (typeof mode.endScope !== \"object\" || mode.endScope === null) {\n    error(\"endScope must be object\");\n    throw MultiClassError;\n  }\n\n  remapScopeNames(mode, mode.end, { key: \"endScope\" });\n  mode.end = _rewriteBackreferences(mode.end, { joinWith: \"\" });\n}\n\n/**\n * this exists only to allow `scope: {}` to be used beside `match:`\n * Otherwise `beginScope` would necessary and that would look weird\n\n  {\n    match: [ /def/, /\\w+/ ]\n    scope: { 1: \"keyword\" , 2: \"title\" }\n  }\n\n * @param {CompiledMode} mode\n */\nfunction scopeSugar(mode) {\n  if (mode.scope && typeof mode.scope === \"object\" && mode.scope !== null) {\n    mode.beginScope = mode.scope;\n    delete mode.scope;\n  }\n}\n\n/**\n * @param {CompiledMode} mode\n */\nfunction MultiClass(mode) {\n  scopeSugar(mode);\n\n  if (typeof mode.beginScope === \"string\") {\n    mode.beginScope = { _wrap: mode.beginScope };\n  }\n  if (typeof mode.endScope === \"string\") {\n    mode.endScope = { _wrap: mode.endScope };\n  }\n\n  beginMultiClass(mode);\n  endMultiClass(mode);\n}\n\n/**\n@typedef {import('highlight.js').Mode} Mode\n@typedef {import('highlight.js').CompiledMode} CompiledMode\n@typedef {import('highlight.js').Language} Language\n@typedef {import('highlight.js').HLJSPlugin} HLJSPlugin\n@typedef {import('highlight.js').CompiledLanguage} CompiledLanguage\n*/\n\n// compilation\n\n/**\n * Compiles a language definition result\n *\n * Given the raw result of a language definition (Language), compiles this so\n * that it is ready for highlighting code.\n * @param {Language} language\n * @returns {CompiledLanguage}\n */\nfunction compileLanguage(language) {\n  /**\n   * Builds a regex with the case sensitivity of the current language\n   *\n   * @param {RegExp | string} value\n   * @param {boolean} [global]\n   */\n  function langRe(value, global) {\n    return new RegExp(\n      source(value),\n      'm'\n      + (language.case_insensitive ? 'i' : '')\n      + (language.unicodeRegex ? 'u' : '')\n      + (global ? 'g' : '')\n    );\n  }\n\n  /**\n    Stores multiple regular expressions and allows you to quickly search for\n    them all in a string simultaneously - returning the first match.  It does\n    this by creating a huge (a|b|c) regex - each individual item wrapped with ()\n    and joined by `|` - using match groups to track position.  When a match is\n    found checking which position in the array has content allows us to figure\n    out which of the original regexes / match groups triggered the match.\n\n    The match object itself (the result of `Regex.exec`) is returned but also\n    enhanced by merging in any meta-data that was registered with the regex.\n    This is how we keep track of which mode matched, and what type of rule\n    (`illegal`, `begin`, end, etc).\n  */\n  class MultiRegex {\n    constructor() {\n      this.matchIndexes = {};\n      // @ts-ignore\n      this.regexes = [];\n      this.matchAt = 1;\n      this.position = 0;\n    }\n\n    // @ts-ignore\n    addRule(re, opts) {\n      opts.position = this.position++;\n      // @ts-ignore\n      this.matchIndexes[this.matchAt] = opts;\n      this.regexes.push([opts, re]);\n      this.matchAt += countMatchGroups(re) + 1;\n    }\n\n    compile() {\n      if (this.regexes.length === 0) {\n        // avoids the need to check length every time exec is called\n        // @ts-ignore\n        this.exec = () => null;\n      }\n      const terminators = this.regexes.map(el => el[1]);\n      this.matcherRe = langRe(_rewriteBackreferences(terminators, { joinWith: '|' }), true);\n      this.lastIndex = 0;\n    }\n\n    /** @param {string} s */\n    exec(s) {\n      this.matcherRe.lastIndex = this.lastIndex;\n      const match = this.matcherRe.exec(s);\n      if (!match) { return null; }\n\n      // eslint-disable-next-line no-undefined\n      const i = match.findIndex((el, i) => i > 0 && el !== undefined);\n      // @ts-ignore\n      const matchData = this.matchIndexes[i];\n      // trim off any earlier non-relevant match groups (ie, the other regex\n      // match groups that make up the multi-matcher)\n      match.splice(0, i);\n\n      return Object.assign(match, matchData);\n    }\n  }\n\n  /*\n    Created to solve the key deficiently with MultiRegex - there is no way to\n    test for multiple matches at a single location.  Why would we need to do\n    that?  In the future a more dynamic engine will allow certain matches to be\n    ignored.  An example: if we matched say the 3rd regex in a large group but\n    decided to ignore it - we'd need to started testing again at the 4th\n    regex... but MultiRegex itself gives us no real way to do that.\n\n    So what this class creates MultiRegexs on the fly for whatever search\n    position they are needed.\n\n    NOTE: These additional MultiRegex objects are created dynamically.  For most\n    grammars most of the time we will never actually need anything more than the\n    first MultiRegex - so this shouldn't have too much overhead.\n\n    Say this is our search group, and we match regex3, but wish to ignore it.\n\n      regex1 | regex2 | regex3 | regex4 | regex5    ' ie, startAt = 0\n\n    What we need is a new MultiRegex that only includes the remaining\n    possibilities:\n\n      regex4 | regex5                               ' ie, startAt = 3\n\n    This class wraps all that complexity up in a simple API... `startAt` decides\n    where in the array of expressions to start doing the matching. It\n    auto-increments, so if a match is found at position 2, then startAt will be\n    set to 3.  If the end is reached startAt will return to 0.\n\n    MOST of the time the parser will be setting startAt manually to 0.\n  */\n  class ResumableMultiRegex {\n    constructor() {\n      // @ts-ignore\n      this.rules = [];\n      // @ts-ignore\n      this.multiRegexes = [];\n      this.count = 0;\n\n      this.lastIndex = 0;\n      this.regexIndex = 0;\n    }\n\n    // @ts-ignore\n    getMatcher(index) {\n      if (this.multiRegexes[index]) return this.multiRegexes[index];\n\n      const matcher = new MultiRegex();\n      this.rules.slice(index).forEach(([re, opts]) => matcher.addRule(re, opts));\n      matcher.compile();\n      this.multiRegexes[index] = matcher;\n      return matcher;\n    }\n\n    resumingScanAtSamePosition() {\n      return this.regexIndex !== 0;\n    }\n\n    considerAll() {\n      this.regexIndex = 0;\n    }\n\n    // @ts-ignore\n    addRule(re, opts) {\n      this.rules.push([re, opts]);\n      if (opts.type === \"begin\") this.count++;\n    }\n\n    /** @param {string} s */\n    exec(s) {\n      const m = this.getMatcher(this.regexIndex);\n      m.lastIndex = this.lastIndex;\n      let result = m.exec(s);\n\n      // The following is because we have no easy way to say \"resume scanning at the\n      // existing position but also skip the current rule ONLY\". What happens is\n      // all prior rules are also skipped which can result in matching the wrong\n      // thing. Example of matching \"booger\":\n\n      // our matcher is [string, \"booger\", number]\n      //\n      // ....booger....\n\n      // if \"booger\" is ignored then we'd really need a regex to scan from the\n      // SAME position for only: [string, number] but ignoring \"booger\" (if it\n      // was the first match), a simple resume would scan ahead who knows how\n      // far looking only for \"number\", ignoring potential string matches (or\n      // future \"booger\" matches that might be valid.)\n\n      // So what we do: We execute two matchers, one resuming at the same\n      // position, but the second full matcher starting at the position after:\n\n      //     /--- resume first regex match here (for [number])\n      //     |/---- full match here for [string, \"booger\", number]\n      //     vv\n      // ....booger....\n\n      // Which ever results in a match first is then used. So this 3-4 step\n      // process essentially allows us to say \"match at this position, excluding\n      // a prior rule that was ignored\".\n      //\n      // 1. Match \"booger\" first, ignore. Also proves that [string] does non match.\n      // 2. Resume matching for [number]\n      // 3. Match at index + 1 for [string, \"booger\", number]\n      // 4. If #2 and #3 result in matches, which came first?\n      if (this.resumingScanAtSamePosition()) {\n        if (result && result.index === this.lastIndex) ; else { // use the second matcher result\n          const m2 = this.getMatcher(0);\n          m2.lastIndex = this.lastIndex + 1;\n          result = m2.exec(s);\n        }\n      }\n\n      if (result) {\n        this.regexIndex += result.position + 1;\n        if (this.regexIndex === this.count) {\n          // wrap-around to considering all matches again\n          this.considerAll();\n        }\n      }\n\n      return result;\n    }\n  }\n\n  /**\n   * Given a mode, builds a huge ResumableMultiRegex that can be used to walk\n   * the content and find matches.\n   *\n   * @param {CompiledMode} mode\n   * @returns {ResumableMultiRegex}\n   */\n  function buildModeRegex(mode) {\n    const mm = new ResumableMultiRegex();\n\n    mode.contains.forEach(term => mm.addRule(term.begin, { rule: term, type: \"begin\" }));\n\n    if (mode.terminatorEnd) {\n      mm.addRule(mode.terminatorEnd, { type: \"end\" });\n    }\n    if (mode.illegal) {\n      mm.addRule(mode.illegal, { type: \"illegal\" });\n    }\n\n    return mm;\n  }\n\n  /** skip vs abort vs ignore\n   *\n   * @skip   - The mode is still entered and exited normally (and contains rules apply),\n   *           but all content is held and added to the parent buffer rather than being\n   *           output when the mode ends.  Mostly used with `sublanguage` to build up\n   *           a single large buffer than can be parsed by sublanguage.\n   *\n   *             - The mode begin ands ends normally.\n   *             - Content matched is added to the parent mode buffer.\n   *             - The parser cursor is moved forward normally.\n   *\n   * @abort  - A hack placeholder until we have ignore.  Aborts the mode (as if it\n   *           never matched) but DOES NOT continue to match subsequent `contains`\n   *           modes.  Abort is bad/suboptimal because it can result in modes\n   *           farther down not getting applied because an earlier rule eats the\n   *           content but then aborts.\n   *\n   *             - The mode does not begin.\n   *             - Content matched by `begin` is added to the mode buffer.\n   *             - The parser cursor is moved forward accordingly.\n   *\n   * @ignore - Ignores the mode (as if it never matched) and continues to match any\n   *           subsequent `contains` modes.  Ignore isn't technically possible with\n   *           the current parser implementation.\n   *\n   *             - The mode does not begin.\n   *             - Content matched by `begin` is ignored.\n   *             - The parser cursor is not moved forward.\n   */\n\n  /**\n   * Compiles an individual mode\n   *\n   * This can raise an error if the mode contains certain detectable known logic\n   * issues.\n   * @param {Mode} mode\n   * @param {CompiledMode | null} [parent]\n   * @returns {CompiledMode | never}\n   */\n  function compileMode(mode, parent) {\n    const cmode = /** @type CompiledMode */ (mode);\n    if (mode.isCompiled) return cmode;\n\n    [\n      scopeClassName,\n      // do this early so compiler extensions generally don't have to worry about\n      // the distinction between match/begin\n      compileMatch,\n      MultiClass,\n      beforeMatchExt\n    ].forEach(ext => ext(mode, parent));\n\n    language.compilerExtensions.forEach(ext => ext(mode, parent));\n\n    // __beforeBegin is considered private API, internal use only\n    mode.__beforeBegin = null;\n\n    [\n      beginKeywords,\n      // do this later so compiler extensions that come earlier have access to the\n      // raw array if they wanted to perhaps manipulate it, etc.\n      compileIllegal,\n      // default to 1 relevance if not specified\n      compileRelevance\n    ].forEach(ext => ext(mode, parent));\n\n    mode.isCompiled = true;\n\n    let keywordPattern = null;\n    if (typeof mode.keywords === \"object\" && mode.keywords.$pattern) {\n      // we need a copy because keywords might be compiled multiple times\n      // so we can't go deleting $pattern from the original on the first\n      // pass\n      mode.keywords = Object.assign({}, mode.keywords);\n      keywordPattern = mode.keywords.$pattern;\n      delete mode.keywords.$pattern;\n    }\n    keywordPattern = keywordPattern || /\\w+/;\n\n    if (mode.keywords) {\n      mode.keywords = compileKeywords(mode.keywords, language.case_insensitive);\n    }\n\n    cmode.keywordPatternRe = langRe(keywordPattern, true);\n\n    if (parent) {\n      if (!mode.begin) mode.begin = /\\B|\\b/;\n      cmode.beginRe = langRe(cmode.begin);\n      if (!mode.end && !mode.endsWithParent) mode.end = /\\B|\\b/;\n      if (mode.end) cmode.endRe = langRe(cmode.end);\n      cmode.terminatorEnd = source(cmode.end) || '';\n      if (mode.endsWithParent && parent.terminatorEnd) {\n        cmode.terminatorEnd += (mode.end ? '|' : '') + parent.terminatorEnd;\n      }\n    }\n    if (mode.illegal) cmode.illegalRe = langRe(/** @type {RegExp | string} */ (mode.illegal));\n    if (!mode.contains) mode.contains = [];\n\n    mode.contains = [].concat(...mode.contains.map(function(c) {\n      return expandOrCloneMode(c === 'self' ? mode : c);\n    }));\n    mode.contains.forEach(function(c) { compileMode(/** @type Mode */ (c), cmode); });\n\n    if (mode.starts) {\n      compileMode(mode.starts, parent);\n    }\n\n    cmode.matcher = buildModeRegex(cmode);\n    return cmode;\n  }\n\n  if (!language.compilerExtensions) language.compilerExtensions = [];\n\n  // self is not valid at the top-level\n  if (language.contains && language.contains.includes('self')) {\n    throw new Error(\"ERR: contains `self` is not supported at the top-level of a language.  See documentation.\");\n  }\n\n  // we need a null object, which inherit will guarantee\n  language.classNameAliases = inherit$1(language.classNameAliases || {});\n\n  return compileMode(/** @type Mode */ (language));\n}\n\n/**\n * Determines if a mode has a dependency on it's parent or not\n *\n * If a mode does have a parent dependency then often we need to clone it if\n * it's used in multiple places so that each copy points to the correct parent,\n * where-as modes without a parent can often safely be re-used at the bottom of\n * a mode chain.\n *\n * @param {Mode | null} mode\n * @returns {boolean} - is there a dependency on the parent?\n * */\nfunction dependencyOnParent(mode) {\n  if (!mode) return false;\n\n  return mode.endsWithParent || dependencyOnParent(mode.starts);\n}\n\n/**\n * Expands a mode or clones it if necessary\n *\n * This is necessary for modes with parental dependenceis (see notes on\n * `dependencyOnParent`) and for nodes that have `variants` - which must then be\n * exploded into their own individual modes at compile time.\n *\n * @param {Mode} mode\n * @returns {Mode | Mode[]}\n * */\nfunction expandOrCloneMode(mode) {\n  if (mode.variants && !mode.cachedVariants) {\n    mode.cachedVariants = mode.variants.map(function(variant) {\n      return inherit$1(mode, { variants: null }, variant);\n    });\n  }\n\n  // EXPAND\n  // if we have variants then essentially \"replace\" the mode with the variants\n  // this happens in compileMode, where this function is called from\n  if (mode.cachedVariants) {\n    return mode.cachedVariants;\n  }\n\n  // CLONE\n  // if we have dependencies on parents then we need a unique\n  // instance of ourselves, so we can be reused with many\n  // different parents without issue\n  if (dependencyOnParent(mode)) {\n    return inherit$1(mode, { starts: mode.starts ? inherit$1(mode.starts) : null });\n  }\n\n  if (Object.isFrozen(mode)) {\n    return inherit$1(mode);\n  }\n\n  // no special dependency issues, just return ourselves\n  return mode;\n}\n\nvar version = \"11.10.0\";\n\nclass HTMLInjectionError extends Error {\n  constructor(reason, html) {\n    super(reason);\n    this.name = \"HTMLInjectionError\";\n    this.html = html;\n  }\n}\n\n/*\nSyntax highlighting with language autodetection.\nhttps://highlightjs.org/\n*/\n\n\n\n/**\n@typedef {import('highlight.js').Mode} Mode\n@typedef {import('highlight.js').CompiledMode} CompiledMode\n@typedef {import('highlight.js').CompiledScope} CompiledScope\n@typedef {import('highlight.js').Language} Language\n@typedef {import('highlight.js').HLJSApi} HLJSApi\n@typedef {import('highlight.js').HLJSPlugin} HLJSPlugin\n@typedef {import('highlight.js').PluginEvent} PluginEvent\n@typedef {import('highlight.js').HLJSOptions} HLJSOptions\n@typedef {import('highlight.js').LanguageFn} LanguageFn\n@typedef {import('highlight.js').HighlightedHTMLElement} HighlightedHTMLElement\n@typedef {import('highlight.js').BeforeHighlightContext} BeforeHighlightContext\n@typedef {import('highlight.js/private').MatchType} MatchType\n@typedef {import('highlight.js/private').KeywordData} KeywordData\n@typedef {import('highlight.js/private').EnhancedMatch} EnhancedMatch\n@typedef {import('highlight.js/private').AnnotatedError} AnnotatedError\n@typedef {import('highlight.js').AutoHighlightResult} AutoHighlightResult\n@typedef {import('highlight.js').HighlightOptions} HighlightOptions\n@typedef {import('highlight.js').HighlightResult} HighlightResult\n*/\n\n\nconst escape = escapeHTML;\nconst inherit = inherit$1;\nconst NO_MATCH = Symbol(\"nomatch\");\nconst MAX_KEYWORD_HITS = 7;\n\n/**\n * @param {any} hljs - object that is extended (legacy)\n * @returns {HLJSApi}\n */\nconst HLJS = function(hljs) {\n  // Global internal variables used within the highlight.js library.\n  /** @type {Record} */\n  const languages = Object.create(null);\n  /** @type {Record} */\n  const aliases = Object.create(null);\n  /** @type {HLJSPlugin[]} */\n  const plugins = [];\n\n  // safe/production mode - swallows more errors, tries to keep running\n  // even if a single syntax or parse hits a fatal error\n  let SAFE_MODE = true;\n  const LANGUAGE_NOT_FOUND = \"Could not find the language '{}', did you forget to load/include a language module?\";\n  /** @type {Language} */\n  const PLAINTEXT_LANGUAGE = { disableAutodetect: true, name: 'Plain text', contains: [] };\n\n  // Global options used when within external APIs. This is modified when\n  // calling the `hljs.configure` function.\n  /** @type HLJSOptions */\n  let options = {\n    ignoreUnescapedHTML: false,\n    throwUnescapedHTML: false,\n    noHighlightRe: /^(no-?highlight)$/i,\n    languageDetectRe: /\\blang(?:uage)?-([\\w-]+)\\b/i,\n    classPrefix: 'hljs-',\n    cssSelector: 'pre code',\n    languages: null,\n    // beta configuration options, subject to change, welcome to discuss\n    // https://github.com/highlightjs/highlight.js/issues/1086\n    __emitter: TokenTreeEmitter\n  };\n\n  /* Utility functions */\n\n  /**\n   * Tests a language name to see if highlighting should be skipped\n   * @param {string} languageName\n   */\n  function shouldNotHighlight(languageName) {\n    return options.noHighlightRe.test(languageName);\n  }\n\n  /**\n   * @param {HighlightedHTMLElement} block - the HTML element to determine language for\n   */\n  function blockLanguage(block) {\n    let classes = block.className + ' ';\n\n    classes += block.parentNode ? block.parentNode.className : '';\n\n    // language-* takes precedence over non-prefixed class names.\n    const match = options.languageDetectRe.exec(classes);\n    if (match) {\n      const language = getLanguage(match[1]);\n      if (!language) {\n        warn(LANGUAGE_NOT_FOUND.replace(\"{}\", match[1]));\n        warn(\"Falling back to no-highlight mode for this block.\", block);\n      }\n      return language ? match[1] : 'no-highlight';\n    }\n\n    return classes\n      .split(/\\s+/)\n      .find((_class) => shouldNotHighlight(_class) || getLanguage(_class));\n  }\n\n  /**\n   * Core highlighting function.\n   *\n   * OLD API\n   * highlight(lang, code, ignoreIllegals, continuation)\n   *\n   * NEW API\n   * highlight(code, {lang, ignoreIllegals})\n   *\n   * @param {string} codeOrLanguageName - the language to use for highlighting\n   * @param {string | HighlightOptions} optionsOrCode - the code to highlight\n   * @param {boolean} [ignoreIllegals] - whether to ignore illegal matches, default is to bail\n   *\n   * @returns {HighlightResult} Result - an object that represents the result\n   * @property {string} language - the language name\n   * @property {number} relevance - the relevance score\n   * @property {string} value - the highlighted HTML code\n   * @property {string} code - the original raw code\n   * @property {CompiledMode} top - top of the current mode stack\n   * @property {boolean} illegal - indicates whether any illegal matches were found\n  */\n  function highlight(codeOrLanguageName, optionsOrCode, ignoreIllegals) {\n    let code = \"\";\n    let languageName = \"\";\n    if (typeof optionsOrCode === \"object\") {\n      code = codeOrLanguageName;\n      ignoreIllegals = optionsOrCode.ignoreIllegals;\n      languageName = optionsOrCode.language;\n    } else {\n      // old API\n      deprecated(\"10.7.0\", \"highlight(lang, code, ...args) has been deprecated.\");\n      deprecated(\"10.7.0\", \"Please use highlight(code, options) instead.\\nhttps://github.com/highlightjs/highlight.js/issues/2277\");\n      languageName = codeOrLanguageName;\n      code = optionsOrCode;\n    }\n\n    // https://github.com/highlightjs/highlight.js/issues/3149\n    // eslint-disable-next-line no-undefined\n    if (ignoreIllegals === undefined) { ignoreIllegals = true; }\n\n    /** @type {BeforeHighlightContext} */\n    const context = {\n      code,\n      language: languageName\n    };\n    // the plugin can change the desired language or the code to be highlighted\n    // just be changing the object it was passed\n    fire(\"before:highlight\", context);\n\n    // a before plugin can usurp the result completely by providing it's own\n    // in which case we don't even need to call highlight\n    const result = context.result\n      ? context.result\n      : _highlight(context.language, context.code, ignoreIllegals);\n\n    result.code = context.code;\n    // the plugin can change anything in result to suite it\n    fire(\"after:highlight\", result);\n\n    return result;\n  }\n\n  /**\n   * private highlight that's used internally and does not fire callbacks\n   *\n   * @param {string} languageName - the language to use for highlighting\n   * @param {string} codeToHighlight - the code to highlight\n   * @param {boolean?} [ignoreIllegals] - whether to ignore illegal matches, default is to bail\n   * @param {CompiledMode?} [continuation] - current continuation mode, if any\n   * @returns {HighlightResult} - result of the highlight operation\n  */\n  function _highlight(languageName, codeToHighlight, ignoreIllegals, continuation) {\n    const keywordHits = Object.create(null);\n\n    /**\n     * Return keyword data if a match is a keyword\n     * @param {CompiledMode} mode - current mode\n     * @param {string} matchText - the textual match\n     * @returns {KeywordData | false}\n     */\n    function keywordData(mode, matchText) {\n      return mode.keywords[matchText];\n    }\n\n    function processKeywords() {\n      if (!top.keywords) {\n        emitter.addText(modeBuffer);\n        return;\n      }\n\n      let lastIndex = 0;\n      top.keywordPatternRe.lastIndex = 0;\n      let match = top.keywordPatternRe.exec(modeBuffer);\n      let buf = \"\";\n\n      while (match) {\n        buf += modeBuffer.substring(lastIndex, match.index);\n        const word = language.case_insensitive ? match[0].toLowerCase() : match[0];\n        const data = keywordData(top, word);\n        if (data) {\n          const [kind, keywordRelevance] = data;\n          emitter.addText(buf);\n          buf = \"\";\n\n          keywordHits[word] = (keywordHits[word] || 0) + 1;\n          if (keywordHits[word] <= MAX_KEYWORD_HITS) relevance += keywordRelevance;\n          if (kind.startsWith(\"_\")) {\n            // _ implied for relevance only, do not highlight\n            // by applying a class name\n            buf += match[0];\n          } else {\n            const cssClass = language.classNameAliases[kind] || kind;\n            emitKeyword(match[0], cssClass);\n          }\n        } else {\n          buf += match[0];\n        }\n        lastIndex = top.keywordPatternRe.lastIndex;\n        match = top.keywordPatternRe.exec(modeBuffer);\n      }\n      buf += modeBuffer.substring(lastIndex);\n      emitter.addText(buf);\n    }\n\n    function processSubLanguage() {\n      if (modeBuffer === \"\") return;\n      /** @type HighlightResult */\n      let result = null;\n\n      if (typeof top.subLanguage === 'string') {\n        if (!languages[top.subLanguage]) {\n          emitter.addText(modeBuffer);\n          return;\n        }\n        result = _highlight(top.subLanguage, modeBuffer, true, continuations[top.subLanguage]);\n        continuations[top.subLanguage] = /** @type {CompiledMode} */ (result._top);\n      } else {\n        result = highlightAuto(modeBuffer, top.subLanguage.length ? top.subLanguage : null);\n      }\n\n      // Counting embedded language score towards the host language may be disabled\n      // with zeroing the containing mode relevance. Use case in point is Markdown that\n      // allows XML everywhere and makes every XML snippet to have a much larger Markdown\n      // score.\n      if (top.relevance > 0) {\n        relevance += result.relevance;\n      }\n      emitter.__addSublanguage(result._emitter, result.language);\n    }\n\n    function processBuffer() {\n      if (top.subLanguage != null) {\n        processSubLanguage();\n      } else {\n        processKeywords();\n      }\n      modeBuffer = '';\n    }\n\n    /**\n     * @param {string} text\n     * @param {string} scope\n     */\n    function emitKeyword(keyword, scope) {\n      if (keyword === \"\") return;\n\n      emitter.startScope(scope);\n      emitter.addText(keyword);\n      emitter.endScope();\n    }\n\n    /**\n     * @param {CompiledScope} scope\n     * @param {RegExpMatchArray} match\n     */\n    function emitMultiClass(scope, match) {\n      let i = 1;\n      const max = match.length - 1;\n      while (i <= max) {\n        if (!scope._emit[i]) { i++; continue; }\n        const klass = language.classNameAliases[scope[i]] || scope[i];\n        const text = match[i];\n        if (klass) {\n          emitKeyword(text, klass);\n        } else {\n          modeBuffer = text;\n          processKeywords();\n          modeBuffer = \"\";\n        }\n        i++;\n      }\n    }\n\n    /**\n     * @param {CompiledMode} mode - new mode to start\n     * @param {RegExpMatchArray} match\n     */\n    function startNewMode(mode, match) {\n      if (mode.scope && typeof mode.scope === \"string\") {\n        emitter.openNode(language.classNameAliases[mode.scope] || mode.scope);\n      }\n      if (mode.beginScope) {\n        // beginScope just wraps the begin match itself in a scope\n        if (mode.beginScope._wrap) {\n          emitKeyword(modeBuffer, language.classNameAliases[mode.beginScope._wrap] || mode.beginScope._wrap);\n          modeBuffer = \"\";\n        } else if (mode.beginScope._multi) {\n          // at this point modeBuffer should just be the match\n          emitMultiClass(mode.beginScope, match);\n          modeBuffer = \"\";\n        }\n      }\n\n      top = Object.create(mode, { parent: { value: top } });\n      return top;\n    }\n\n    /**\n     * @param {CompiledMode } mode - the mode to potentially end\n     * @param {RegExpMatchArray} match - the latest match\n     * @param {string} matchPlusRemainder - match plus remainder of content\n     * @returns {CompiledMode | void} - the next mode, or if void continue on in current mode\n     */\n    function endOfMode(mode, match, matchPlusRemainder) {\n      let matched = startsWith(mode.endRe, matchPlusRemainder);\n\n      if (matched) {\n        if (mode[\"on:end\"]) {\n          const resp = new Response(mode);\n          mode[\"on:end\"](match, resp);\n          if (resp.isMatchIgnored) matched = false;\n        }\n\n        if (matched) {\n          while (mode.endsParent && mode.parent) {\n            mode = mode.parent;\n          }\n          return mode;\n        }\n      }\n      // even if on:end fires an `ignore` it's still possible\n      // that we might trigger the end node because of a parent mode\n      if (mode.endsWithParent) {\n        return endOfMode(mode.parent, match, matchPlusRemainder);\n      }\n    }\n\n    /**\n     * Handle matching but then ignoring a sequence of text\n     *\n     * @param {string} lexeme - string containing full match text\n     */\n    function doIgnore(lexeme) {\n      if (top.matcher.regexIndex === 0) {\n        // no more regexes to potentially match here, so we move the cursor forward one\n        // space\n        modeBuffer += lexeme[0];\n        return 1;\n      } else {\n        // no need to move the cursor, we still have additional regexes to try and\n        // match at this very spot\n        resumeScanAtSamePosition = true;\n        return 0;\n      }\n    }\n\n    /**\n     * Handle the start of a new potential mode match\n     *\n     * @param {EnhancedMatch} match - the current match\n     * @returns {number} how far to advance the parse cursor\n     */\n    function doBeginMatch(match) {\n      const lexeme = match[0];\n      const newMode = match.rule;\n\n      const resp = new Response(newMode);\n      // first internal before callbacks, then the public ones\n      const beforeCallbacks = [newMode.__beforeBegin, newMode[\"on:begin\"]];\n      for (const cb of beforeCallbacks) {\n        if (!cb) continue;\n        cb(match, resp);\n        if (resp.isMatchIgnored) return doIgnore(lexeme);\n      }\n\n      if (newMode.skip) {\n        modeBuffer += lexeme;\n      } else {\n        if (newMode.excludeBegin) {\n          modeBuffer += lexeme;\n        }\n        processBuffer();\n        if (!newMode.returnBegin && !newMode.excludeBegin) {\n          modeBuffer = lexeme;\n        }\n      }\n      startNewMode(newMode, match);\n      return newMode.returnBegin ? 0 : lexeme.length;\n    }\n\n    /**\n     * Handle the potential end of mode\n     *\n     * @param {RegExpMatchArray} match - the current match\n     */\n    function doEndMatch(match) {\n      const lexeme = match[0];\n      const matchPlusRemainder = codeToHighlight.substring(match.index);\n\n      const endMode = endOfMode(top, match, matchPlusRemainder);\n      if (!endMode) { return NO_MATCH; }\n\n      const origin = top;\n      if (top.endScope && top.endScope._wrap) {\n        processBuffer();\n        emitKeyword(lexeme, top.endScope._wrap);\n      } else if (top.endScope && top.endScope._multi) {\n        processBuffer();\n        emitMultiClass(top.endScope, match);\n      } else if (origin.skip) {\n        modeBuffer += lexeme;\n      } else {\n        if (!(origin.returnEnd || origin.excludeEnd)) {\n          modeBuffer += lexeme;\n        }\n        processBuffer();\n        if (origin.excludeEnd) {\n          modeBuffer = lexeme;\n        }\n      }\n      do {\n        if (top.scope) {\n          emitter.closeNode();\n        }\n        if (!top.skip && !top.subLanguage) {\n          relevance += top.relevance;\n        }\n        top = top.parent;\n      } while (top !== endMode.parent);\n      if (endMode.starts) {\n        startNewMode(endMode.starts, match);\n      }\n      return origin.returnEnd ? 0 : lexeme.length;\n    }\n\n    function processContinuations() {\n      const list = [];\n      for (let current = top; current !== language; current = current.parent) {\n        if (current.scope) {\n          list.unshift(current.scope);\n        }\n      }\n      list.forEach(item => emitter.openNode(item));\n    }\n\n    /** @type {{type?: MatchType, index?: number, rule?: Mode}}} */\n    let lastMatch = {};\n\n    /**\n     *  Process an individual match\n     *\n     * @param {string} textBeforeMatch - text preceding the match (since the last match)\n     * @param {EnhancedMatch} [match] - the match itself\n     */\n    function processLexeme(textBeforeMatch, match) {\n      const lexeme = match && match[0];\n\n      // add non-matched text to the current mode buffer\n      modeBuffer += textBeforeMatch;\n\n      if (lexeme == null) {\n        processBuffer();\n        return 0;\n      }\n\n      // we've found a 0 width match and we're stuck, so we need to advance\n      // this happens when we have badly behaved rules that have optional matchers to the degree that\n      // sometimes they can end up matching nothing at all\n      // Ref: https://github.com/highlightjs/highlight.js/issues/2140\n      if (lastMatch.type === \"begin\" && match.type === \"end\" && lastMatch.index === match.index && lexeme === \"\") {\n        // spit the \"skipped\" character that our regex choked on back into the output sequence\n        modeBuffer += codeToHighlight.slice(match.index, match.index + 1);\n        if (!SAFE_MODE) {\n          /** @type {AnnotatedError} */\n          const err = new Error(`0 width match regex (${languageName})`);\n          err.languageName = languageName;\n          err.badRule = lastMatch.rule;\n          throw err;\n        }\n        return 1;\n      }\n      lastMatch = match;\n\n      if (match.type === \"begin\") {\n        return doBeginMatch(match);\n      } else if (match.type === \"illegal\" && !ignoreIllegals) {\n        // illegal match, we do not continue processing\n        /** @type {AnnotatedError} */\n        const err = new Error('Illegal lexeme \"' + lexeme + '\" for mode \"' + (top.scope || '') + '\"');\n        err.mode = top;\n        throw err;\n      } else if (match.type === \"end\") {\n        const processed = doEndMatch(match);\n        if (processed !== NO_MATCH) {\n          return processed;\n        }\n      }\n\n      // edge case for when illegal matches $ (end of line) which is technically\n      // a 0 width match but not a begin/end match so it's not caught by the\n      // first handler (when ignoreIllegals is true)\n      if (match.type === \"illegal\" && lexeme === \"\") {\n        // advance so we aren't stuck in an infinite loop\n        return 1;\n      }\n\n      // infinite loops are BAD, this is a last ditch catch all. if we have a\n      // decent number of iterations yet our index (cursor position in our\n      // parsing) still 3x behind our index then something is very wrong\n      // so we bail\n      if (iterations > 100000 && iterations > match.index * 3) {\n        const err = new Error('potential infinite loop, way more iterations than matches');\n        throw err;\n      }\n\n      /*\n      Why might be find ourselves here?  An potential end match that was\n      triggered but could not be completed.  IE, `doEndMatch` returned NO_MATCH.\n      (this could be because a callback requests the match be ignored, etc)\n\n      This causes no real harm other than stopping a few times too many.\n      */\n\n      modeBuffer += lexeme;\n      return lexeme.length;\n    }\n\n    const language = getLanguage(languageName);\n    if (!language) {\n      error(LANGUAGE_NOT_FOUND.replace(\"{}\", languageName));\n      throw new Error('Unknown language: \"' + languageName + '\"');\n    }\n\n    const md = compileLanguage(language);\n    let result = '';\n    /** @type {CompiledMode} */\n    let top = continuation || md;\n    /** @type Record */\n    const continuations = {}; // keep continuations for sub-languages\n    const emitter = new options.__emitter(options);\n    processContinuations();\n    let modeBuffer = '';\n    let relevance = 0;\n    let index = 0;\n    let iterations = 0;\n    let resumeScanAtSamePosition = false;\n\n    try {\n      if (!language.__emitTokens) {\n        top.matcher.considerAll();\n\n        for (;;) {\n          iterations++;\n          if (resumeScanAtSamePosition) {\n            // only regexes not matched previously will now be\n            // considered for a potential match\n            resumeScanAtSamePosition = false;\n          } else {\n            top.matcher.considerAll();\n          }\n          top.matcher.lastIndex = index;\n\n          const match = top.matcher.exec(codeToHighlight);\n          // console.log(\"match\", match[0], match.rule && match.rule.begin)\n\n          if (!match) break;\n\n          const beforeMatch = codeToHighlight.substring(index, match.index);\n          const processedCount = processLexeme(beforeMatch, match);\n          index = match.index + processedCount;\n        }\n        processLexeme(codeToHighlight.substring(index));\n      } else {\n        language.__emitTokens(codeToHighlight, emitter);\n      }\n\n      emitter.finalize();\n      result = emitter.toHTML();\n\n      return {\n        language: languageName,\n        value: result,\n        relevance,\n        illegal: false,\n        _emitter: emitter,\n        _top: top\n      };\n    } catch (err) {\n      if (err.message && err.message.includes('Illegal')) {\n        return {\n          language: languageName,\n          value: escape(codeToHighlight),\n          illegal: true,\n          relevance: 0,\n          _illegalBy: {\n            message: err.message,\n            index,\n            context: codeToHighlight.slice(index - 100, index + 100),\n            mode: err.mode,\n            resultSoFar: result\n          },\n          _emitter: emitter\n        };\n      } else if (SAFE_MODE) {\n        return {\n          language: languageName,\n          value: escape(codeToHighlight),\n          illegal: false,\n          relevance: 0,\n          errorRaised: err,\n          _emitter: emitter,\n          _top: top\n        };\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  /**\n   * returns a valid highlight result, without actually doing any actual work,\n   * auto highlight starts with this and it's possible for small snippets that\n   * auto-detection may not find a better match\n   * @param {string} code\n   * @returns {HighlightResult}\n   */\n  function justTextHighlightResult(code) {\n    const result = {\n      value: escape(code),\n      illegal: false,\n      relevance: 0,\n      _top: PLAINTEXT_LANGUAGE,\n      _emitter: new options.__emitter(options)\n    };\n    result._emitter.addText(code);\n    return result;\n  }\n\n  /**\n  Highlighting with language detection. Accepts a string with the code to\n  highlight. Returns an object with the following properties:\n\n  - language (detected language)\n  - relevance (int)\n  - value (an HTML string with highlighting markup)\n  - secondBest (object with the same structure for second-best heuristically\n    detected language, may be absent)\n\n    @param {string} code\n    @param {Array} [languageSubset]\n    @returns {AutoHighlightResult}\n  */\n  function highlightAuto(code, languageSubset) {\n    languageSubset = languageSubset || options.languages || Object.keys(languages);\n    const plaintext = justTextHighlightResult(code);\n\n    const results = languageSubset.filter(getLanguage).filter(autoDetection).map(name =>\n      _highlight(name, code, false)\n    );\n    results.unshift(plaintext); // plaintext is always an option\n\n    const sorted = results.sort((a, b) => {\n      // sort base on relevance\n      if (a.relevance !== b.relevance) return b.relevance - a.relevance;\n\n      // always award the tie to the base language\n      // ie if C++ and Arduino are tied, it's more likely to be C++\n      if (a.language && b.language) {\n        if (getLanguage(a.language).supersetOf === b.language) {\n          return 1;\n        } else if (getLanguage(b.language).supersetOf === a.language) {\n          return -1;\n        }\n      }\n\n      // otherwise say they are equal, which has the effect of sorting on\n      // relevance while preserving the original ordering - which is how ties\n      // have historically been settled, ie the language that comes first always\n      // wins in the case of a tie\n      return 0;\n    });\n\n    const [best, secondBest] = sorted;\n\n    /** @type {AutoHighlightResult} */\n    const result = best;\n    result.secondBest = secondBest;\n\n    return result;\n  }\n\n  /**\n   * Builds new class name for block given the language name\n   *\n   * @param {HTMLElement} element\n   * @param {string} [currentLang]\n   * @param {string} [resultLang]\n   */\n  function updateClassName(element, currentLang, resultLang) {\n    const language = (currentLang && aliases[currentLang]) || resultLang;\n\n    element.classList.add(\"hljs\");\n    element.classList.add(`language-${language}`);\n  }\n\n  /**\n   * Applies highlighting to a DOM node containing code.\n   *\n   * @param {HighlightedHTMLElement} element - the HTML element to highlight\n  */\n  function highlightElement(element) {\n    /** @type HTMLElement */\n    let node = null;\n    const language = blockLanguage(element);\n\n    if (shouldNotHighlight(language)) return;\n\n    fire(\"before:highlightElement\",\n      { el: element, language });\n\n    if (element.dataset.highlighted) {\n      console.log(\"Element previously highlighted. To highlight again, first unset `dataset.highlighted`.\", element);\n      return;\n    }\n\n    // we should be all text, no child nodes (unescaped HTML) - this is possibly\n    // an HTML injection attack - it's likely too late if this is already in\n    // production (the code has likely already done its damage by the time\n    // we're seeing it)... but we yell loudly about this so that hopefully it's\n    // more likely to be caught in development before making it to production\n    if (element.children.length > 0) {\n      if (!options.ignoreUnescapedHTML) {\n        console.warn(\"One of your code blocks includes unescaped HTML. This is a potentially serious security risk.\");\n        console.warn(\"https://github.com/highlightjs/highlight.js/wiki/security\");\n        console.warn(\"The element with unescaped HTML:\");\n        console.warn(element);\n      }\n      if (options.throwUnescapedHTML) {\n        const err = new HTMLInjectionError(\n          \"One of your code blocks includes unescaped HTML.\",\n          element.innerHTML\n        );\n        throw err;\n      }\n    }\n\n    node = element;\n    const text = node.textContent;\n    const result = language ? highlight(text, { language, ignoreIllegals: true }) : highlightAuto(text);\n\n    element.innerHTML = result.value;\n    element.dataset.highlighted = \"yes\";\n    updateClassName(element, language, result.language);\n    element.result = {\n      language: result.language,\n      // TODO: remove with version 11.0\n      re: result.relevance,\n      relevance: result.relevance\n    };\n    if (result.secondBest) {\n      element.secondBest = {\n        language: result.secondBest.language,\n        relevance: result.secondBest.relevance\n      };\n    }\n\n    fire(\"after:highlightElement\", { el: element, result, text });\n  }\n\n  /**\n   * Updates highlight.js global options with the passed options\n   *\n   * @param {Partial} userOptions\n   */\n  function configure(userOptions) {\n    options = inherit(options, userOptions);\n  }\n\n  // TODO: remove v12, deprecated\n  const initHighlighting = () => {\n    highlightAll();\n    deprecated(\"10.6.0\", \"initHighlighting() deprecated.  Use highlightAll() now.\");\n  };\n\n  // TODO: remove v12, deprecated\n  function initHighlightingOnLoad() {\n    highlightAll();\n    deprecated(\"10.6.0\", \"initHighlightingOnLoad() deprecated.  Use highlightAll() now.\");\n  }\n\n  let wantsHighlight = false;\n\n  /**\n   * auto-highlights all pre>code elements on the page\n   */\n  function highlightAll() {\n    // if we are called too early in the loading process\n    if (document.readyState === \"loading\") {\n      wantsHighlight = true;\n      return;\n    }\n\n    const blocks = document.querySelectorAll(options.cssSelector);\n    blocks.forEach(highlightElement);\n  }\n\n  function boot() {\n    // if a highlight was requested before DOM was loaded, do now\n    if (wantsHighlight) highlightAll();\n  }\n\n  // make sure we are in the browser environment\n  if (typeof window !== 'undefined' && window.addEventListener) {\n    window.addEventListener('DOMContentLoaded', boot, false);\n  }\n\n  /**\n   * Register a language grammar module\n   *\n   * @param {string} languageName\n   * @param {LanguageFn} languageDefinition\n   */\n  function registerLanguage(languageName, languageDefinition) {\n    let lang = null;\n    try {\n      lang = languageDefinition(hljs);\n    } catch (error$1) {\n      error(\"Language definition for '{}' could not be registered.\".replace(\"{}\", languageName));\n      // hard or soft error\n      if (!SAFE_MODE) { throw error$1; } else { error(error$1); }\n      // languages that have serious errors are replaced with essentially a\n      // \"plaintext\" stand-in so that the code blocks will still get normal\n      // css classes applied to them - and one bad language won't break the\n      // entire highlighter\n      lang = PLAINTEXT_LANGUAGE;\n    }\n    // give it a temporary name if it doesn't have one in the meta-data\n    if (!lang.name) lang.name = languageName;\n    languages[languageName] = lang;\n    lang.rawDefinition = languageDefinition.bind(null, hljs);\n\n    if (lang.aliases) {\n      registerAliases(lang.aliases, { languageName });\n    }\n  }\n\n  /**\n   * Remove a language grammar module\n   *\n   * @param {string} languageName\n   */\n  function unregisterLanguage(languageName) {\n    delete languages[languageName];\n    for (const alias of Object.keys(aliases)) {\n      if (aliases[alias] === languageName) {\n        delete aliases[alias];\n      }\n    }\n  }\n\n  /**\n   * @returns {string[]} List of language internal names\n   */\n  function listLanguages() {\n    return Object.keys(languages);\n  }\n\n  /**\n   * @param {string} name - name of the language to retrieve\n   * @returns {Language | undefined}\n   */\n  function getLanguage(name) {\n    name = (name || '').toLowerCase();\n    return languages[name] || languages[aliases[name]];\n  }\n\n  /**\n   *\n   * @param {string|string[]} aliasList - single alias or list of aliases\n   * @param {{languageName: string}} opts\n   */\n  function registerAliases(aliasList, { languageName }) {\n    if (typeof aliasList === 'string') {\n      aliasList = [aliasList];\n    }\n    aliasList.forEach(alias => { aliases[alias.toLowerCase()] = languageName; });\n  }\n\n  /**\n   * Determines if a given language has auto-detection enabled\n   * @param {string} name - name of the language\n   */\n  function autoDetection(name) {\n    const lang = getLanguage(name);\n    return lang && !lang.disableAutodetect;\n  }\n\n  /**\n   * Upgrades the old highlightBlock plugins to the new\n   * highlightElement API\n   * @param {HLJSPlugin} plugin\n   */\n  function upgradePluginAPI(plugin) {\n    // TODO: remove with v12\n    if (plugin[\"before:highlightBlock\"] && !plugin[\"before:highlightElement\"]) {\n      plugin[\"before:highlightElement\"] = (data) => {\n        plugin[\"before:highlightBlock\"](\n          Object.assign({ block: data.el }, data)\n        );\n      };\n    }\n    if (plugin[\"after:highlightBlock\"] && !plugin[\"after:highlightElement\"]) {\n      plugin[\"after:highlightElement\"] = (data) => {\n        plugin[\"after:highlightBlock\"](\n          Object.assign({ block: data.el }, data)\n        );\n      };\n    }\n  }\n\n  /**\n   * @param {HLJSPlugin} plugin\n   */\n  function addPlugin(plugin) {\n    upgradePluginAPI(plugin);\n    plugins.push(plugin);\n  }\n\n  /**\n   * @param {HLJSPlugin} plugin\n   */\n  function removePlugin(plugin) {\n    const index = plugins.indexOf(plugin);\n    if (index !== -1) {\n      plugins.splice(index, 1);\n    }\n  }\n\n  /**\n   *\n   * @param {PluginEvent} event\n   * @param {any} args\n   */\n  function fire(event, args) {\n    const cb = event;\n    plugins.forEach(function(plugin) {\n      if (plugin[cb]) {\n        plugin[cb](args);\n      }\n    });\n  }\n\n  /**\n   * DEPRECATED\n   * @param {HighlightedHTMLElement} el\n   */\n  function deprecateHighlightBlock(el) {\n    deprecated(\"10.7.0\", \"highlightBlock will be removed entirely in v12.0\");\n    deprecated(\"10.7.0\", \"Please use highlightElement now.\");\n\n    return highlightElement(el);\n  }\n\n  /* Interface definition */\n  Object.assign(hljs, {\n    highlight,\n    highlightAuto,\n    highlightAll,\n    highlightElement,\n    // TODO: Remove with v12 API\n    highlightBlock: deprecateHighlightBlock,\n    configure,\n    initHighlighting,\n    initHighlightingOnLoad,\n    registerLanguage,\n    unregisterLanguage,\n    listLanguages,\n    getLanguage,\n    registerAliases,\n    autoDetection,\n    inherit,\n    addPlugin,\n    removePlugin\n  });\n\n  hljs.debugMode = function() { SAFE_MODE = false; };\n  hljs.safeMode = function() { SAFE_MODE = true; };\n  hljs.versionString = version;\n\n  hljs.regex = {\n    concat: concat,\n    lookahead: lookahead,\n    either: either,\n    optional: optional,\n    anyNumberOfTimes: anyNumberOfTimes\n  };\n\n  for (const key in MODES) {\n    // @ts-ignore\n    if (typeof MODES[key] === \"object\") {\n      // @ts-ignore\n      deepFreeze(MODES[key]);\n    }\n  }\n\n  // merge all the modes/regexes into our main object\n  Object.assign(hljs, MODES);\n\n  return hljs;\n};\n\n// Other names for the variable may break build script\nconst highlight = HLJS({});\n\n// returns a new instance of the highlighter to be used for extensions\n// check https://github.com/wooorm/lowlight/issues/47\nhighlight.newInstance = () => HLJS({});\n\nmodule.exports = highlight;\nhighlight.HighlightJS = highlight;\nhighlight.default = highlight;\n","(() => {\r\n  'use strict';\r\n\r\n  const toggles = document.querySelectorAll('.js-version');\r\n  for (let i = 0; i < toggles.length; i++) {\r\n    toggles[i].addEventListener('click', (e) => e.stopPropagation());\r\n    toggles[i].addEventListener('change', (e) => window.location.href = e.target.value);\r\n  };\r\n})();\r\n","(function() {\r\n  'use strict';\r\n\r\n  var sidebar = document.querySelector(\r\n    'main .article-wrapper > .toc-sidebar'\r\n  );\r\n\r\n  if (!sidebar) return;\r\n  var doc;\r\n  var headings;\r\n  if (\r\n    document.querySelector('.body.ui-toc') ||\r\n    !(headings = find(\r\n      'h1[id].sect0, .sect1 > h2[id]',\r\n      (doc = document.querySelector('.article'))\r\n    )).length\r\n  ) {\r\n    sidebar.parentNode.removeChild(sidebar);\r\n    return;\r\n  }\r\n  var lastActiveFragment;\r\n  var links = {};\r\n  var menu;\r\n\r\n  var list = headings.reduce(function(accum, heading) {\r\n    var shds = toArray(find('h3', heading.parentNode));\r\n    var $shdsList = document.createElement('ul');\r\n    $shdsList.classList.add('subheading-list');\r\n\r\n    function createLink(heading) {\r\n      const link = toArray(heading.childNodes).reduce(function(target, child) {\r\n        if (child.nodeName !== 'A') target.appendChild(child.cloneNode(true));\r\n        return target;\r\n      }, document.createElement('a'));\r\n\r\n      links[(link.href = '#' + heading.id)] = link;\r\n      return link;\r\n    }\r\n\r\n    shds.map((n) => {\r\n      var $shdItem = document.createElement('li');\r\n      $shdItem.classList.add('subheading-item');\r\n      var $shdLink = createLink(n);\r\n      $shdItem.appendChild($shdLink);\r\n      $shdsList.appendChild($shdItem);\r\n    });\r\n\r\n    var link = createLink(heading);\r\n\r\n    var listItem = document.createElement('li');\r\n    listItem.appendChild(link);\r\n\r\n    if (shds.length) {\r\n      listItem.appendChild($shdsList);\r\n    }\r\n\r\n    accum.appendChild(listItem);\r\n    return accum;\r\n  }, document.createElement('ul'));\r\n\r\n  if (!(menu = sidebar && sidebar.querySelector('.toc-menu'))) {\r\n    menu = document.createElement('div');\r\n    menu.className = 'toc-menu';\r\n  }\r\n\r\n  var title = document.createElement('h3');\r\n  title.classList.add('toc-title');\r\n  // title.textContent = 'On This Page';\r\n  var elTitle = document.querySelector('main .article-wrapper h1');\r\n  title.textContent = elTitle?.textContent || 'On This Page'\r\n  menu.appendChild(title);\r\n  menu.appendChild(list);\r\n\r\n  if (sidebar) {\r\n    window.addEventListener('load', function() {\r\n      onScroll();\r\n      window.addEventListener('scroll', onScroll);\r\n    });\r\n  }\r\n\r\n  var startOfContent = doc.querySelector('h1.page ~ :not(.labels)');\r\n  if (startOfContent) {\r\n    var embeddedToc = document.createElement('div');\r\n    embeddedToc.className = 'toc embedded';\r\n    embeddedToc.appendChild(menu.cloneNode(true));\r\n    doc.insertBefore(embeddedToc, startOfContent);\r\n  }\r\n\r\n  function onScroll() {\r\n    // NOTE doc.parentNode.offsetTop ~= doc.parentNode.getBoundingClientRect().top + window.pageYOffset\r\n    //var targetPosition = doc.parentNode.offsetTop\r\n    // NOTE no need to compensate wheen using spacer above [id] elements\r\n\r\n    var headings = find(\r\n      'h1[id].sect0, .sect1 > h2[id], .sect2 > h3[id]',\r\n      (doc = document.querySelector('.article'))\r\n    );\r\n\r\n    var targetPosition = 0;\r\n    var activeFragment;\r\n    headings.some(function(heading) {\r\n      if (Math.floor(heading.getBoundingClientRect().top) <= targetPosition) {\r\n        activeFragment = '#' + heading.id;\r\n      } else {\r\n        return true;\r\n      }\r\n    });\r\n    if (activeFragment) {\r\n      if (activeFragment !== lastActiveFragment) {\r\n        if (lastActiveFragment) {\r\n          links[lastActiveFragment].classList.remove('toc-active');\r\n        }\r\n        var activeLink = links[activeFragment];\r\n        activeLink.classList.add('toc-active');\r\n        if (menu.scrollHeight > menu.offsetHeight) {\r\n          menu.scrollTop = Math.max(\r\n            0,\r\n            activeLink.offsetTop + activeLink.offsetHeight - menu.offsetHeight\r\n          );\r\n        }\r\n        lastActiveFragment = activeFragment;\r\n      }\r\n    } else if (lastActiveFragment) {\r\n      links[lastActiveFragment].classList.remove('toc-active');\r\n      lastActiveFragment = undefined;\r\n    }\r\n  }\r\n\r\n  function find(selector, from) {\r\n    return toArray((from || document).querySelectorAll(selector));\r\n  }\r\n\r\n  function toArray(collection) {\r\n    return [].slice.call(collection);\r\n  }\r\n})();\r\n","(function () {\r\n  'use strict';\r\n\r\n  const sidrToggle = document.querySelector('.sidr-toggle');\r\n  const sidrPanel = document.querySelector('#sidr');\r\n  const closeMenuButton = document.querySelector('.close-menu-btn');\r\n\r\n  sidrToggle.addEventListener('click', function (e) {\r\n    sidrPanel.classList.toggle('toggled');\r\n  });\r\n\r\n  closeMenuButton.addEventListener('click', function (e) {\r\n    sidrPanel.classList.toggle('toggled');\r\n  });\r\n\r\n  const collapseToggles = document.querySelectorAll('.collapse-toggle');\r\n\r\n  collapseToggles.forEach(function (o) {\r\n    const toggle = () => o.classList.toggle('toggled');\r\n    o.addEventListener('click', toggle);\r\n    const span = [...o.parentElement.children].find(c => c.matches('span.nav-link'));\r\n    span?.addEventListener('click', toggle);\r\n  });\r\n})();\r\n","(function () {\r\n  window.addEventListener('click', e => {\r\n    if (!event.target.classList.contains('hardhat-truffle-toggle')) {\r\n      return;\r\n    }\r\n\r\n    togglePreference();\r\n    e.preventDefault();\r\n  });\r\n\r\n  const cookieName = 'hardhat_truffle_preference';\r\n  const paramName = 'pref';\r\n  const defaultPreference = 'hardhat';\r\n\r\n  function getCookie() {\r\n    const cookie = document.cookie.split('; ').find(c => c.startsWith(`${cookieName}=`));\r\n    return cookie && cookie.split('=')[1];\r\n  }\r\n\r\n  function setCookie(preference) {\r\n    document.cookie = `${cookieName}=${preference};path=/;max-age=31536000`;\r\n  }\r\n\r\n  function getURLParam() {\r\n    return new URLSearchParams(document.location.search).get(paramName);\r\n  }\r\n\r\n  function setURLParam(preference) {\r\n    const url = new URL(document.location);\r\n    const params = new URLSearchParams(url.search);\r\n    params.set('pref', preference);\r\n    url.search = params.toString();\r\n    history.replaceState(null, '', [url]);\r\n  }\r\n\r\n  function getPreference() {\r\n    const current = getURLParam() || getCookie();\r\n    if (current === 'hardhat' || current === 'truffle') {\r\n      return current;\r\n    } else {\r\n      return defaultPreference;\r\n    }\r\n  }\r\n\r\n  function togglePreference() {\r\n    const current = getPreference();\r\n    const other = current === 'hardhat' ? 'truffle' : 'hardhat';\r\n    document.body.classList.replace(`preference-${current}`, `preference-${other}`);\r\n    setCookie(other);\r\n    setURLParam(other);\r\n  }\r\n\r\n  const current = getPreference();\r\n  setCookie(current);\r\n  document.body.classList.add(`preference-${current}`);\r\n})();\r\n","(function () {\r\n  const codeElementSelector = '[data-lang]';\r\n  const shellAliases = ['console', 'shell', 'sh', 'bash'];\r\n\r\n  function onDOMContentLoaded(callback) {\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', callback);\r\n    } else {\r\n      callback();\r\n    }\r\n  }\r\n\r\n  function copyClick(e) {\r\n    let code = e.target.parentElement.innerText;\r\n    const codeParentElement = e.target.parentElement;\r\n    const codeElement = codeParentElement.querySelector(codeElementSelector);\r\n    const codeLanguage = codeElement?.dataset?.lang;\r\n    const isShellLanguage = shellAliases.includes(codeLanguage);\r\n\r\n    if (isShellLanguage) {\r\n      code = code.replace(/\\$ /gm, '');\r\n    }\r\n\r\n    navigator.clipboard.writeText(code);\r\n  }\r\n\r\n  onDOMContentLoaded(() => {\r\n    for (const elem of document.querySelectorAll('.listingblock')) {\r\n      const btn = document.createElement('button');\r\n      btn.classList.add('btn-icon', 'btn-copy', 'hljs');\r\n      btn.setAttribute('aria-label', 'Copy');\r\n      btn.innerHTML = '';\r\n      btn.addEventListener('click', copyClick);\r\n      elem.prepend(btn);\r\n    }\r\n  });\r\n})();\r\n","/*\nLanguage: Markdown\nRequires: xml.js\nAuthor: John Crepezzi \nWebsite: https://daringfireball.net/projects/markdown/\nCategory: common, markup\n*/\n\nfunction markdown(hljs) {\n  const regex = hljs.regex;\n  const INLINE_HTML = {\n    begin: /<\\/?[A-Za-z_]/,\n    end: '>',\n    subLanguage: 'xml',\n    relevance: 0\n  };\n  const HORIZONTAL_RULE = {\n    begin: '^[-\\\\*]{3,}',\n    end: '$'\n  };\n  const CODE = {\n    className: 'code',\n    variants: [\n      // TODO: fix to allow these to work with sublanguage also\n      { begin: '(`{3,})[^`](.|\\\\n)*?\\\\1`*[ ]*' },\n      { begin: '(~{3,})[^~](.|\\\\n)*?\\\\1~*[ ]*' },\n      // needed to allow markdown as a sublanguage to work\n      {\n        begin: '```',\n        end: '```+[ ]*$'\n      },\n      {\n        begin: '~~~',\n        end: '~~~+[ ]*$'\n      },\n      { begin: '`.+?`' },\n      {\n        begin: '(?=^( {4}|\\\\t))',\n        // use contains to gobble up multiple lines to allow the block to be whatever size\n        // but only have a single open/close tag vs one per line\n        contains: [\n          {\n            begin: '^( {4}|\\\\t)',\n            end: '(\\\\n)$'\n          }\n        ],\n        relevance: 0\n      }\n    ]\n  };\n  const LIST = {\n    className: 'bullet',\n    begin: '^[ \\t]*([*+-]|(\\\\d+\\\\.))(?=\\\\s+)',\n    end: '\\\\s+',\n    excludeEnd: true\n  };\n  const LINK_REFERENCE = {\n    begin: /^\\[[^\\n]+\\]:/,\n    returnBegin: true,\n    contains: [\n      {\n        className: 'symbol',\n        begin: /\\[/,\n        end: /\\]/,\n        excludeBegin: true,\n        excludeEnd: true\n      },\n      {\n        className: 'link',\n        begin: /:\\s*/,\n        end: /$/,\n        excludeBegin: true\n      }\n    ]\n  };\n  const URL_SCHEME = /[A-Za-z][A-Za-z0-9+.-]*/;\n  const LINK = {\n    variants: [\n      // too much like nested array access in so many languages\n      // to have any real relevance\n      {\n        begin: /\\[.+?\\]\\[.*?\\]/,\n        relevance: 0\n      },\n      // popular internet URLs\n      {\n        begin: /\\[.+?\\]\\(((data|javascript|mailto):|(?:http|ftp)s?:\\/\\/).*?\\)/,\n        relevance: 2\n      },\n      {\n        begin: regex.concat(/\\[.+?\\]\\(/, URL_SCHEME, /:\\/\\/.*?\\)/),\n        relevance: 2\n      },\n      // relative urls\n      {\n        begin: /\\[.+?\\]\\([./?&#].*?\\)/,\n        relevance: 1\n      },\n      // whatever else, lower relevance (might not be a link at all)\n      {\n        begin: /\\[.*?\\]\\(.*?\\)/,\n        relevance: 0\n      }\n    ],\n    returnBegin: true,\n    contains: [\n      {\n        // empty strings for alt or link text\n        match: /\\[(?=\\])/ },\n      {\n        className: 'string',\n        relevance: 0,\n        begin: '\\\\[',\n        end: '\\\\]',\n        excludeBegin: true,\n        returnEnd: true\n      },\n      {\n        className: 'link',\n        relevance: 0,\n        begin: '\\\\]\\\\(',\n        end: '\\\\)',\n        excludeBegin: true,\n        excludeEnd: true\n      },\n      {\n        className: 'symbol',\n        relevance: 0,\n        begin: '\\\\]\\\\[',\n        end: '\\\\]',\n        excludeBegin: true,\n        excludeEnd: true\n      }\n    ]\n  };\n  const BOLD = {\n    className: 'strong',\n    contains: [], // defined later\n    variants: [\n      {\n        begin: /_{2}(?!\\s)/,\n        end: /_{2}/\n      },\n      {\n        begin: /\\*{2}(?!\\s)/,\n        end: /\\*{2}/\n      }\n    ]\n  };\n  const ITALIC = {\n    className: 'emphasis',\n    contains: [], // defined later\n    variants: [\n      {\n        begin: /\\*(?![*\\s])/,\n        end: /\\*/\n      },\n      {\n        begin: /_(?![_\\s])/,\n        end: /_/,\n        relevance: 0\n      }\n    ]\n  };\n\n  // 3 level deep nesting is not allowed because it would create confusion\n  // in cases like `***testing***` because where we don't know if the last\n  // `***` is starting a new bold/italic or finishing the last one\n  const BOLD_WITHOUT_ITALIC = hljs.inherit(BOLD, { contains: [] });\n  const ITALIC_WITHOUT_BOLD = hljs.inherit(ITALIC, { contains: [] });\n  BOLD.contains.push(ITALIC_WITHOUT_BOLD);\n  ITALIC.contains.push(BOLD_WITHOUT_ITALIC);\n\n  let CONTAINABLE = [\n    INLINE_HTML,\n    LINK\n  ];\n\n  [\n    BOLD,\n    ITALIC,\n    BOLD_WITHOUT_ITALIC,\n    ITALIC_WITHOUT_BOLD\n  ].forEach(m => {\n    m.contains = m.contains.concat(CONTAINABLE);\n  });\n\n  CONTAINABLE = CONTAINABLE.concat(BOLD, ITALIC);\n\n  const HEADER = {\n    className: 'section',\n    variants: [\n      {\n        begin: '^#{1,6}',\n        end: '$',\n        contains: CONTAINABLE\n      },\n      {\n        begin: '(?=^.+?\\\\n[=-]{2,}$)',\n        contains: [\n          { begin: '^[=-]*$' },\n          {\n            begin: '^',\n            end: \"\\\\n\",\n            contains: CONTAINABLE\n          }\n        ]\n      }\n    ]\n  };\n\n  const BLOCKQUOTE = {\n    className: 'quote',\n    begin: '^>\\\\s+',\n    contains: CONTAINABLE,\n    end: '$'\n  };\n\n  const ENTITY = {\n    //https://spec.commonmark.org/0.31.2/#entity-references\n    scope: 'literal',\n    match: /&([a-zA-Z0-9]+|#[0-9]{1,7}|#[Xx][0-9a-fA-F]{1,6});/\n  };\n\n  return {\n    name: 'Markdown',\n    aliases: [\n      'md',\n      'mkdown',\n      'mkd'\n    ],\n    contains: [\n      HEADER,\n      INLINE_HTML,\n      LIST,\n      BOLD,\n      ITALIC,\n      BLOCKQUOTE,\n      CODE,\n      HORIZONTAL_RULE,\n      LINK,\n      LINK_REFERENCE,\n      ENTITY\n    ]\n  };\n}\n\nmodule.exports = markdown;\n","const IDENT_RE = '[A-Za-z$_][0-9A-Za-z$_]*';\nconst KEYWORDS = [\n  \"as\", // for exports\n  \"in\",\n  \"of\",\n  \"if\",\n  \"for\",\n  \"while\",\n  \"finally\",\n  \"var\",\n  \"new\",\n  \"function\",\n  \"do\",\n  \"return\",\n  \"void\",\n  \"else\",\n  \"break\",\n  \"catch\",\n  \"instanceof\",\n  \"with\",\n  \"throw\",\n  \"case\",\n  \"default\",\n  \"try\",\n  \"switch\",\n  \"continue\",\n  \"typeof\",\n  \"delete\",\n  \"let\",\n  \"yield\",\n  \"const\",\n  \"class\",\n  // JS handles these with a special rule\n  // \"get\",\n  // \"set\",\n  \"debugger\",\n  \"async\",\n  \"await\",\n  \"static\",\n  \"import\",\n  \"from\",\n  \"export\",\n  \"extends\"\n];\nconst LITERALS = [\n  \"true\",\n  \"false\",\n  \"null\",\n  \"undefined\",\n  \"NaN\",\n  \"Infinity\"\n];\n\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects\nconst TYPES = [\n  // Fundamental objects\n  \"Object\",\n  \"Function\",\n  \"Boolean\",\n  \"Symbol\",\n  // numbers and dates\n  \"Math\",\n  \"Date\",\n  \"Number\",\n  \"BigInt\",\n  // text\n  \"String\",\n  \"RegExp\",\n  // Indexed collections\n  \"Array\",\n  \"Float32Array\",\n  \"Float64Array\",\n  \"Int8Array\",\n  \"Uint8Array\",\n  \"Uint8ClampedArray\",\n  \"Int16Array\",\n  \"Int32Array\",\n  \"Uint16Array\",\n  \"Uint32Array\",\n  \"BigInt64Array\",\n  \"BigUint64Array\",\n  // Keyed collections\n  \"Set\",\n  \"Map\",\n  \"WeakSet\",\n  \"WeakMap\",\n  // Structured data\n  \"ArrayBuffer\",\n  \"SharedArrayBuffer\",\n  \"Atomics\",\n  \"DataView\",\n  \"JSON\",\n  // Control abstraction objects\n  \"Promise\",\n  \"Generator\",\n  \"GeneratorFunction\",\n  \"AsyncFunction\",\n  // Reflection\n  \"Reflect\",\n  \"Proxy\",\n  // Internationalization\n  \"Intl\",\n  // WebAssembly\n  \"WebAssembly\"\n];\n\nconst ERROR_TYPES = [\n  \"Error\",\n  \"EvalError\",\n  \"InternalError\",\n  \"RangeError\",\n  \"ReferenceError\",\n  \"SyntaxError\",\n  \"TypeError\",\n  \"URIError\"\n];\n\nconst BUILT_IN_GLOBALS = [\n  \"setInterval\",\n  \"setTimeout\",\n  \"clearInterval\",\n  \"clearTimeout\",\n\n  \"require\",\n  \"exports\",\n\n  \"eval\",\n  \"isFinite\",\n  \"isNaN\",\n  \"parseFloat\",\n  \"parseInt\",\n  \"decodeURI\",\n  \"decodeURIComponent\",\n  \"encodeURI\",\n  \"encodeURIComponent\",\n  \"escape\",\n  \"unescape\"\n];\n\nconst BUILT_IN_VARIABLES = [\n  \"arguments\",\n  \"this\",\n  \"super\",\n  \"console\",\n  \"window\",\n  \"document\",\n  \"localStorage\",\n  \"sessionStorage\",\n  \"module\",\n  \"global\" // Node.js\n];\n\nconst BUILT_INS = [].concat(\n  BUILT_IN_GLOBALS,\n  TYPES,\n  ERROR_TYPES\n);\n\n/*\nLanguage: JavaScript\nDescription: JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.\nCategory: common, scripting, web\nWebsite: https://developer.mozilla.org/en-US/docs/Web/JavaScript\n*/\n\n\n/** @type LanguageFn */\nfunction javascript(hljs) {\n  const regex = hljs.regex;\n  /**\n   * Takes a string like \" {\n    const tag = \"',\n    end: ''\n  };\n  // to avoid some special cases inside isTrulyOpeningTag\n  const XML_SELF_CLOSING = /<[A-Za-z0-9\\\\._:-]+\\s*\\/>/;\n  const XML_TAG = {\n    begin: /<[A-Za-z0-9\\\\._:-]+/,\n    end: /\\/[A-Za-z0-9\\\\._:-]+>|\\/>/,\n    /**\n     * @param {RegExpMatchArray} match\n     * @param {CallbackResponse} response\n     */\n    isTrulyOpeningTag: (match, response) => {\n      const afterMatchIndex = match[0].length + match.index;\n      const nextChar = match.input[afterMatchIndex];\n      if (\n        // HTML should not include another raw `<` inside a tag\n        // nested type?\n        // `>`, etc.\n        nextChar === \"<\" ||\n        // the , gives away that this is not HTML\n        // ``\n        nextChar === \",\"\n        ) {\n        response.ignoreMatch();\n        return;\n      }\n\n      // ``\n      // Quite possibly a tag, lets look for a matching closing tag...\n      if (nextChar === \">\") {\n        // if we cannot find a matching closing tag, then we\n        // will ignore it\n        if (!hasClosingTag(match, { after: afterMatchIndex })) {\n          response.ignoreMatch();\n        }\n      }\n\n      // `` (self-closing)\n      // handled by simpleSelfClosing rule\n\n      let m;\n      const afterMatch = match.input.substring(afterMatchIndex);\n\n      // some more template typing stuff\n      //  (key?: string) => Modify<\n      if ((m = afterMatch.match(/^\\s*=/))) {\n        response.ignoreMatch();\n        return;\n      }\n\n      // ``\n      // technically this could be HTML, but it smells like a type\n      // NOTE: This is ugh, but added specifically for https://github.com/highlightjs/highlight.js/issues/3276\n      if ((m = afterMatch.match(/^\\s+extends\\s+/))) {\n        if (m.index === 0) {\n          response.ignoreMatch();\n          // eslint-disable-next-line no-useless-return\n          return;\n        }\n      }\n    }\n  };\n  const KEYWORDS$1 = {\n    $pattern: IDENT_RE,\n    keyword: KEYWORDS,\n    literal: LITERALS,\n    built_in: BUILT_INS,\n    \"variable.language\": BUILT_IN_VARIABLES\n  };\n\n  // https://tc39.es/ecma262/#sec-literals-numeric-literals\n  const decimalDigits = '[0-9](_?[0-9])*';\n  const frac = `\\\\.(${decimalDigits})`;\n  // DecimalIntegerLiteral, including Annex B NonOctalDecimalIntegerLiteral\n  // https://tc39.es/ecma262/#sec-additional-syntax-numeric-literals\n  const decimalInteger = `0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*`;\n  const NUMBER = {\n    className: 'number',\n    variants: [\n      // DecimalLiteral\n      { begin: `(\\\\b(${decimalInteger})((${frac})|\\\\.)?|(${frac}))` +\n        `[eE][+-]?(${decimalDigits})\\\\b` },\n      { begin: `\\\\b(${decimalInteger})\\\\b((${frac})\\\\b|\\\\.)?|(${frac})\\\\b` },\n\n      // DecimalBigIntegerLiteral\n      { begin: `\\\\b(0|[1-9](_?[0-9])*)n\\\\b` },\n\n      // NonDecimalIntegerLiteral\n      { begin: \"\\\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\\\b\" },\n      { begin: \"\\\\b0[bB][0-1](_?[0-1])*n?\\\\b\" },\n      { begin: \"\\\\b0[oO][0-7](_?[0-7])*n?\\\\b\" },\n\n      // LegacyOctalIntegerLiteral (does not include underscore separators)\n      // https://tc39.es/ecma262/#sec-additional-syntax-numeric-literals\n      { begin: \"\\\\b0[0-7]+n?\\\\b\" },\n    ],\n    relevance: 0\n  };\n\n  const SUBST = {\n    className: 'subst',\n    begin: '\\\\$\\\\{',\n    end: '\\\\}',\n    keywords: KEYWORDS$1,\n    contains: [] // defined later\n  };\n  const HTML_TEMPLATE = {\n    begin: '\\.?html`',\n    end: '',\n    starts: {\n      end: '`',\n      returnEnd: false,\n      contains: [\n        hljs.BACKSLASH_ESCAPE,\n        SUBST\n      ],\n      subLanguage: 'xml'\n    }\n  };\n  const CSS_TEMPLATE = {\n    begin: '\\.?css`',\n    end: '',\n    starts: {\n      end: '`',\n      returnEnd: false,\n      contains: [\n        hljs.BACKSLASH_ESCAPE,\n        SUBST\n      ],\n      subLanguage: 'css'\n    }\n  };\n  const GRAPHQL_TEMPLATE = {\n    begin: '\\.?gql`',\n    end: '',\n    starts: {\n      end: '`',\n      returnEnd: false,\n      contains: [\n        hljs.BACKSLASH_ESCAPE,\n        SUBST\n      ],\n      subLanguage: 'graphql'\n    }\n  };\n  const TEMPLATE_STRING = {\n    className: 'string',\n    begin: '`',\n    end: '`',\n    contains: [\n      hljs.BACKSLASH_ESCAPE,\n      SUBST\n    ]\n  };\n  const JSDOC_COMMENT = hljs.COMMENT(\n    /\\/\\*\\*(?!\\/)/,\n    '\\\\*/',\n    {\n      relevance: 0,\n      contains: [\n        {\n          begin: '(?=@[A-Za-z]+)',\n          relevance: 0,\n          contains: [\n            {\n              className: 'doctag',\n              begin: '@[A-Za-z]+'\n            },\n            {\n              className: 'type',\n              begin: '\\\\{',\n              end: '\\\\}',\n              excludeEnd: true,\n              excludeBegin: true,\n              relevance: 0\n            },\n            {\n              className: 'variable',\n              begin: IDENT_RE$1 + '(?=\\\\s*(-)|$)',\n              endsParent: true,\n              relevance: 0\n            },\n            // eat spaces (not newlines) so we can find\n            // types or variables\n            {\n              begin: /(?=[^\\n])\\s/,\n              relevance: 0\n            }\n          ]\n        }\n      ]\n    }\n  );\n  const COMMENT = {\n    className: \"comment\",\n    variants: [\n      JSDOC_COMMENT,\n      hljs.C_BLOCK_COMMENT_MODE,\n      hljs.C_LINE_COMMENT_MODE\n    ]\n  };\n  const SUBST_INTERNALS = [\n    hljs.APOS_STRING_MODE,\n    hljs.QUOTE_STRING_MODE,\n    HTML_TEMPLATE,\n    CSS_TEMPLATE,\n    GRAPHQL_TEMPLATE,\n    TEMPLATE_STRING,\n    // Skip numbers when they are part of a variable name\n    { match: /\\$\\d+/ },\n    NUMBER,\n    // This is intentional:\n    // See https://github.com/highlightjs/highlight.js/issues/3288\n    // hljs.REGEXP_MODE\n  ];\n  SUBST.contains = SUBST_INTERNALS\n    .concat({\n      // we need to pair up {} inside our subst to prevent\n      // it from ending too early by matching another }\n      begin: /\\{/,\n      end: /\\}/,\n      keywords: KEYWORDS$1,\n      contains: [\n        \"self\"\n      ].concat(SUBST_INTERNALS)\n    });\n  const SUBST_AND_COMMENTS = [].concat(COMMENT, SUBST.contains);\n  const PARAMS_CONTAINS = SUBST_AND_COMMENTS.concat([\n    // eat recursive parens in sub expressions\n    {\n      begin: /(\\s*)\\(/,\n      end: /\\)/,\n      keywords: KEYWORDS$1,\n      contains: [\"self\"].concat(SUBST_AND_COMMENTS)\n    }\n  ]);\n  const PARAMS = {\n    className: 'params',\n    // convert this to negative lookbehind in v12\n    begin: /(\\s*)\\(/, // to match the parms with \n    end: /\\)/,\n    excludeBegin: true,\n    excludeEnd: true,\n    keywords: KEYWORDS$1,\n    contains: PARAMS_CONTAINS\n  };\n\n  // ES6 classes\n  const CLASS_OR_EXTENDS = {\n    variants: [\n      // class Car extends vehicle\n      {\n        match: [\n          /class/,\n          /\\s+/,\n          IDENT_RE$1,\n          /\\s+/,\n          /extends/,\n          /\\s+/,\n          regex.concat(IDENT_RE$1, \"(\", regex.concat(/\\./, IDENT_RE$1), \")*\")\n        ],\n        scope: {\n          1: \"keyword\",\n          3: \"title.class\",\n          5: \"keyword\",\n          7: \"title.class.inherited\"\n        }\n      },\n      // class Car\n      {\n        match: [\n          /class/,\n          /\\s+/,\n          IDENT_RE$1\n        ],\n        scope: {\n          1: \"keyword\",\n          3: \"title.class\"\n        }\n      },\n\n    ]\n  };\n\n  const CLASS_REFERENCE = {\n    relevance: 0,\n    match:\n    regex.either(\n      // Hard coded exceptions\n      /\\bJSON/,\n      // Float32Array, OutT\n      /\\b[A-Z][a-z]+([A-Z][a-z]*|\\d)*/,\n      // CSSFactory, CSSFactoryT\n      /\\b[A-Z]{2,}([A-Z][a-z]+|\\d)+([A-Z][a-z]*)*/,\n      // FPs, FPsT\n      /\\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\\d)*([A-Z][a-z]*)*/,\n      // P\n      // single letters are not highlighted\n      // BLAH\n      // this will be flagged as a UPPER_CASE_CONSTANT instead\n    ),\n    className: \"title.class\",\n    keywords: {\n      _: [\n        // se we still get relevance credit for JS library classes\n        ...TYPES,\n        ...ERROR_TYPES\n      ]\n    }\n  };\n\n  const USE_STRICT = {\n    label: \"use_strict\",\n    className: 'meta',\n    relevance: 10,\n    begin: /^\\s*['\"]use (strict|asm)['\"]/\n  };\n\n  const FUNCTION_DEFINITION = {\n    variants: [\n      {\n        match: [\n          /function/,\n          /\\s+/,\n          IDENT_RE$1,\n          /(?=\\s*\\()/\n        ]\n      },\n      // anonymous function\n      {\n        match: [\n          /function/,\n          /\\s*(?=\\()/\n        ]\n      }\n    ],\n    className: {\n      1: \"keyword\",\n      3: \"title.function\"\n    },\n    label: \"func.def\",\n    contains: [ PARAMS ],\n    illegal: /%/\n  };\n\n  const UPPER_CASE_CONSTANT = {\n    relevance: 0,\n    match: /\\b[A-Z][A-Z_0-9]+\\b/,\n    className: \"variable.constant\"\n  };\n\n  function noneOf(list) {\n    return regex.concat(\"(?!\", list.join(\"|\"), \")\");\n  }\n\n  const FUNCTION_CALL = {\n    match: regex.concat(\n      /\\b/,\n      noneOf([\n        ...BUILT_IN_GLOBALS,\n        \"super\",\n        \"import\"\n      ].map(x => `${x}\\\\s*\\\\(`)),\n      IDENT_RE$1, regex.lookahead(/\\s*\\(/)),\n    className: \"title.function\",\n    relevance: 0\n  };\n\n  const PROPERTY_ACCESS = {\n    begin: regex.concat(/\\./, regex.lookahead(\n      regex.concat(IDENT_RE$1, /(?![0-9A-Za-z$_(])/)\n    )),\n    end: IDENT_RE$1,\n    excludeBegin: true,\n    keywords: \"prototype\",\n    className: \"property\",\n    relevance: 0\n  };\n\n  const GETTER_OR_SETTER = {\n    match: [\n      /get|set/,\n      /\\s+/,\n      IDENT_RE$1,\n      /(?=\\()/\n    ],\n    className: {\n      1: \"keyword\",\n      3: \"title.function\"\n    },\n    contains: [\n      { // eat to avoid empty params\n        begin: /\\(\\)/\n      },\n      PARAMS\n    ]\n  };\n\n  const FUNC_LEAD_IN_RE = '(\\\\(' +\n    '[^()]*(\\\\(' +\n    '[^()]*(\\\\(' +\n    '[^()]*' +\n    '\\\\)[^()]*)*' +\n    '\\\\)[^()]*)*' +\n    '\\\\)|' + hljs.UNDERSCORE_IDENT_RE + ')\\\\s*=>';\n\n  const FUNCTION_VARIABLE = {\n    match: [\n      /const|var|let/, /\\s+/,\n      IDENT_RE$1, /\\s*/,\n      /=\\s*/,\n      /(async\\s*)?/, // async is optional\n      regex.lookahead(FUNC_LEAD_IN_RE)\n    ],\n    keywords: \"async\",\n    className: {\n      1: \"keyword\",\n      3: \"title.function\"\n    },\n    contains: [\n      PARAMS\n    ]\n  };\n\n  return {\n    name: 'JavaScript',\n    aliases: ['js', 'jsx', 'mjs', 'cjs'],\n    keywords: KEYWORDS$1,\n    // this will be extended by TypeScript\n    exports: { PARAMS_CONTAINS, CLASS_REFERENCE },\n    illegal: /#(?![$_A-z])/,\n    contains: [\n      hljs.SHEBANG({\n        label: \"shebang\",\n        binary: \"node\",\n        relevance: 5\n      }),\n      USE_STRICT,\n      hljs.APOS_STRING_MODE,\n      hljs.QUOTE_STRING_MODE,\n      HTML_TEMPLATE,\n      CSS_TEMPLATE,\n      GRAPHQL_TEMPLATE,\n      TEMPLATE_STRING,\n      COMMENT,\n      // Skip numbers when they are part of a variable name\n      { match: /\\$\\d+/ },\n      NUMBER,\n      CLASS_REFERENCE,\n      {\n        className: 'attr',\n        begin: IDENT_RE$1 + regex.lookahead(':'),\n        relevance: 0\n      },\n      FUNCTION_VARIABLE,\n      { // \"value\" container\n        begin: '(' + hljs.RE_STARTERS_RE + '|\\\\b(case|return|throw)\\\\b)\\\\s*',\n        keywords: 'return throw case',\n        relevance: 0,\n        contains: [\n          COMMENT,\n          hljs.REGEXP_MODE,\n          {\n            className: 'function',\n            // we have to count the parens to make sure we actually have the\n            // correct bounding ( ) before the =>.  There could be any number of\n            // sub-expressions inside also surrounded by parens.\n            begin: FUNC_LEAD_IN_RE,\n            returnBegin: true,\n            end: '\\\\s*=>',\n            contains: [\n              {\n                className: 'params',\n                variants: [\n                  {\n                    begin: hljs.UNDERSCORE_IDENT_RE,\n                    relevance: 0\n                  },\n                  {\n                    className: null,\n                    begin: /\\(\\s*\\)/,\n                    skip: true\n                  },\n                  {\n                    begin: /(\\s*)\\(/,\n                    end: /\\)/,\n                    excludeBegin: true,\n                    excludeEnd: true,\n                    keywords: KEYWORDS$1,\n                    contains: PARAMS_CONTAINS\n                  }\n                ]\n              }\n            ]\n          },\n          { // could be a comma delimited list of params to a function call\n            begin: /,/,\n            relevance: 0\n          },\n          {\n            match: /\\s+/,\n            relevance: 0\n          },\n          { // JSX\n            variants: [\n              { begin: FRAGMENT.begin, end: FRAGMENT.end },\n              { match: XML_SELF_CLOSING },\n              {\n                begin: XML_TAG.begin,\n                // we carefully check the opening tag to see if it truly\n                // is a tag and not a false positive\n                'on:begin': XML_TAG.isTrulyOpeningTag,\n                end: XML_TAG.end\n              }\n            ],\n            subLanguage: 'xml',\n            contains: [\n              {\n                begin: XML_TAG.begin,\n                end: XML_TAG.end,\n                skip: true,\n                contains: ['self']\n              }\n            ]\n          }\n        ],\n      },\n      FUNCTION_DEFINITION,\n      {\n        // prevent this from getting swallowed up by function\n        // since they appear \"function like\"\n        beginKeywords: \"while if switch catch for\"\n      },\n      {\n        // we have to count the parens to make sure we actually have the correct\n        // bounding ( ).  There could be any number of sub-expressions inside\n        // also surrounded by parens.\n        begin: '\\\\b(?!function)' + hljs.UNDERSCORE_IDENT_RE +\n          '\\\\(' + // first parens\n          '[^()]*(\\\\(' +\n            '[^()]*(\\\\(' +\n              '[^()]*' +\n            '\\\\)[^()]*)*' +\n          '\\\\)[^()]*)*' +\n          '\\\\)\\\\s*\\\\{', // end parens\n        returnBegin:true,\n        label: \"func.def\",\n        contains: [\n          PARAMS,\n          hljs.inherit(hljs.TITLE_MODE, { begin: IDENT_RE$1, className: \"title.function\" })\n        ]\n      },\n      // catch ... so it won't trigger the property rule below\n      {\n        match: /\\.\\.\\./,\n        relevance: 0\n      },\n      PROPERTY_ACCESS,\n      // hack: prevents detection of keywords in some circumstances\n      // .keyword()\n      // $keyword = x\n      {\n        match: '\\\\$' + IDENT_RE$1,\n        relevance: 0\n      },\n      {\n        match: [ /\\bconstructor(?=\\s*\\()/ ],\n        className: { 1: \"title.function\" },\n        contains: [ PARAMS ]\n      },\n      FUNCTION_CALL,\n      UPPER_CASE_CONSTANT,\n      CLASS_OR_EXTENDS,\n      GETTER_OR_SETTER,\n      {\n        match: /\\$[(.]/ // relevance booster for a pattern common to JS libs: `$(something)` and `$.something`\n      }\n    ]\n  };\n}\n\nmodule.exports = javascript;\n","const IDENT_RE = '[A-Za-z$_][0-9A-Za-z$_]*';\nconst KEYWORDS = [\n  \"as\", // for exports\n  \"in\",\n  \"of\",\n  \"if\",\n  \"for\",\n  \"while\",\n  \"finally\",\n  \"var\",\n  \"new\",\n  \"function\",\n  \"do\",\n  \"return\",\n  \"void\",\n  \"else\",\n  \"break\",\n  \"catch\",\n  \"instanceof\",\n  \"with\",\n  \"throw\",\n  \"case\",\n  \"default\",\n  \"try\",\n  \"switch\",\n  \"continue\",\n  \"typeof\",\n  \"delete\",\n  \"let\",\n  \"yield\",\n  \"const\",\n  \"class\",\n  // JS handles these with a special rule\n  // \"get\",\n  // \"set\",\n  \"debugger\",\n  \"async\",\n  \"await\",\n  \"static\",\n  \"import\",\n  \"from\",\n  \"export\",\n  \"extends\"\n];\nconst LITERALS = [\n  \"true\",\n  \"false\",\n  \"null\",\n  \"undefined\",\n  \"NaN\",\n  \"Infinity\"\n];\n\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects\nconst TYPES = [\n  // Fundamental objects\n  \"Object\",\n  \"Function\",\n  \"Boolean\",\n  \"Symbol\",\n  // numbers and dates\n  \"Math\",\n  \"Date\",\n  \"Number\",\n  \"BigInt\",\n  // text\n  \"String\",\n  \"RegExp\",\n  // Indexed collections\n  \"Array\",\n  \"Float32Array\",\n  \"Float64Array\",\n  \"Int8Array\",\n  \"Uint8Array\",\n  \"Uint8ClampedArray\",\n  \"Int16Array\",\n  \"Int32Array\",\n  \"Uint16Array\",\n  \"Uint32Array\",\n  \"BigInt64Array\",\n  \"BigUint64Array\",\n  // Keyed collections\n  \"Set\",\n  \"Map\",\n  \"WeakSet\",\n  \"WeakMap\",\n  // Structured data\n  \"ArrayBuffer\",\n  \"SharedArrayBuffer\",\n  \"Atomics\",\n  \"DataView\",\n  \"JSON\",\n  // Control abstraction objects\n  \"Promise\",\n  \"Generator\",\n  \"GeneratorFunction\",\n  \"AsyncFunction\",\n  // Reflection\n  \"Reflect\",\n  \"Proxy\",\n  // Internationalization\n  \"Intl\",\n  // WebAssembly\n  \"WebAssembly\"\n];\n\nconst ERROR_TYPES = [\n  \"Error\",\n  \"EvalError\",\n  \"InternalError\",\n  \"RangeError\",\n  \"ReferenceError\",\n  \"SyntaxError\",\n  \"TypeError\",\n  \"URIError\"\n];\n\nconst BUILT_IN_GLOBALS = [\n  \"setInterval\",\n  \"setTimeout\",\n  \"clearInterval\",\n  \"clearTimeout\",\n\n  \"require\",\n  \"exports\",\n\n  \"eval\",\n  \"isFinite\",\n  \"isNaN\",\n  \"parseFloat\",\n  \"parseInt\",\n  \"decodeURI\",\n  \"decodeURIComponent\",\n  \"encodeURI\",\n  \"encodeURIComponent\",\n  \"escape\",\n  \"unescape\"\n];\n\nconst BUILT_IN_VARIABLES = [\n  \"arguments\",\n  \"this\",\n  \"super\",\n  \"console\",\n  \"window\",\n  \"document\",\n  \"localStorage\",\n  \"sessionStorage\",\n  \"module\",\n  \"global\" // Node.js\n];\n\nconst BUILT_INS = [].concat(\n  BUILT_IN_GLOBALS,\n  TYPES,\n  ERROR_TYPES\n);\n\n/*\nLanguage: JavaScript\nDescription: JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.\nCategory: common, scripting, web\nWebsite: https://developer.mozilla.org/en-US/docs/Web/JavaScript\n*/\n\n\n/** @type LanguageFn */\nfunction javascript(hljs) {\n  const regex = hljs.regex;\n  /**\n   * Takes a string like \" {\n    const tag = \"',\n    end: ''\n  };\n  // to avoid some special cases inside isTrulyOpeningTag\n  const XML_SELF_CLOSING = /<[A-Za-z0-9\\\\._:-]+\\s*\\/>/;\n  const XML_TAG = {\n    begin: /<[A-Za-z0-9\\\\._:-]+/,\n    end: /\\/[A-Za-z0-9\\\\._:-]+>|\\/>/,\n    /**\n     * @param {RegExpMatchArray} match\n     * @param {CallbackResponse} response\n     */\n    isTrulyOpeningTag: (match, response) => {\n      const afterMatchIndex = match[0].length + match.index;\n      const nextChar = match.input[afterMatchIndex];\n      if (\n        // HTML should not include another raw `<` inside a tag\n        // nested type?\n        // `>`, etc.\n        nextChar === \"<\" ||\n        // the , gives away that this is not HTML\n        // ``\n        nextChar === \",\"\n        ) {\n        response.ignoreMatch();\n        return;\n      }\n\n      // ``\n      // Quite possibly a tag, lets look for a matching closing tag...\n      if (nextChar === \">\") {\n        // if we cannot find a matching closing tag, then we\n        // will ignore it\n        if (!hasClosingTag(match, { after: afterMatchIndex })) {\n          response.ignoreMatch();\n        }\n      }\n\n      // `` (self-closing)\n      // handled by simpleSelfClosing rule\n\n      let m;\n      const afterMatch = match.input.substring(afterMatchIndex);\n\n      // some more template typing stuff\n      //  (key?: string) => Modify<\n      if ((m = afterMatch.match(/^\\s*=/))) {\n        response.ignoreMatch();\n        return;\n      }\n\n      // ``\n      // technically this could be HTML, but it smells like a type\n      // NOTE: This is ugh, but added specifically for https://github.com/highlightjs/highlight.js/issues/3276\n      if ((m = afterMatch.match(/^\\s+extends\\s+/))) {\n        if (m.index === 0) {\n          response.ignoreMatch();\n          // eslint-disable-next-line no-useless-return\n          return;\n        }\n      }\n    }\n  };\n  const KEYWORDS$1 = {\n    $pattern: IDENT_RE,\n    keyword: KEYWORDS,\n    literal: LITERALS,\n    built_in: BUILT_INS,\n    \"variable.language\": BUILT_IN_VARIABLES\n  };\n\n  // https://tc39.es/ecma262/#sec-literals-numeric-literals\n  const decimalDigits = '[0-9](_?[0-9])*';\n  const frac = `\\\\.(${decimalDigits})`;\n  // DecimalIntegerLiteral, including Annex B NonOctalDecimalIntegerLiteral\n  // https://tc39.es/ecma262/#sec-additional-syntax-numeric-literals\n  const decimalInteger = `0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*`;\n  const NUMBER = {\n    className: 'number',\n    variants: [\n      // DecimalLiteral\n      { begin: `(\\\\b(${decimalInteger})((${frac})|\\\\.)?|(${frac}))` +\n        `[eE][+-]?(${decimalDigits})\\\\b` },\n      { begin: `\\\\b(${decimalInteger})\\\\b((${frac})\\\\b|\\\\.)?|(${frac})\\\\b` },\n\n      // DecimalBigIntegerLiteral\n      { begin: `\\\\b(0|[1-9](_?[0-9])*)n\\\\b` },\n\n      // NonDecimalIntegerLiteral\n      { begin: \"\\\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\\\b\" },\n      { begin: \"\\\\b0[bB][0-1](_?[0-1])*n?\\\\b\" },\n      { begin: \"\\\\b0[oO][0-7](_?[0-7])*n?\\\\b\" },\n\n      // LegacyOctalIntegerLiteral (does not include underscore separators)\n      // https://tc39.es/ecma262/#sec-additional-syntax-numeric-literals\n      { begin: \"\\\\b0[0-7]+n?\\\\b\" },\n    ],\n    relevance: 0\n  };\n\n  const SUBST = {\n    className: 'subst',\n    begin: '\\\\$\\\\{',\n    end: '\\\\}',\n    keywords: KEYWORDS$1,\n    contains: [] // defined later\n  };\n  const HTML_TEMPLATE = {\n    begin: '\\.?html`',\n    end: '',\n    starts: {\n      end: '`',\n      returnEnd: false,\n      contains: [\n        hljs.BACKSLASH_ESCAPE,\n        SUBST\n      ],\n      subLanguage: 'xml'\n    }\n  };\n  const CSS_TEMPLATE = {\n    begin: '\\.?css`',\n    end: '',\n    starts: {\n      end: '`',\n      returnEnd: false,\n      contains: [\n        hljs.BACKSLASH_ESCAPE,\n        SUBST\n      ],\n      subLanguage: 'css'\n    }\n  };\n  const GRAPHQL_TEMPLATE = {\n    begin: '\\.?gql`',\n    end: '',\n    starts: {\n      end: '`',\n      returnEnd: false,\n      contains: [\n        hljs.BACKSLASH_ESCAPE,\n        SUBST\n      ],\n      subLanguage: 'graphql'\n    }\n  };\n  const TEMPLATE_STRING = {\n    className: 'string',\n    begin: '`',\n    end: '`',\n    contains: [\n      hljs.BACKSLASH_ESCAPE,\n      SUBST\n    ]\n  };\n  const JSDOC_COMMENT = hljs.COMMENT(\n    /\\/\\*\\*(?!\\/)/,\n    '\\\\*/',\n    {\n      relevance: 0,\n      contains: [\n        {\n          begin: '(?=@[A-Za-z]+)',\n          relevance: 0,\n          contains: [\n            {\n              className: 'doctag',\n              begin: '@[A-Za-z]+'\n            },\n            {\n              className: 'type',\n              begin: '\\\\{',\n              end: '\\\\}',\n              excludeEnd: true,\n              excludeBegin: true,\n              relevance: 0\n            },\n            {\n              className: 'variable',\n              begin: IDENT_RE$1 + '(?=\\\\s*(-)|$)',\n              endsParent: true,\n              relevance: 0\n            },\n            // eat spaces (not newlines) so we can find\n            // types or variables\n            {\n              begin: /(?=[^\\n])\\s/,\n              relevance: 0\n            }\n          ]\n        }\n      ]\n    }\n  );\n  const COMMENT = {\n    className: \"comment\",\n    variants: [\n      JSDOC_COMMENT,\n      hljs.C_BLOCK_COMMENT_MODE,\n      hljs.C_LINE_COMMENT_MODE\n    ]\n  };\n  const SUBST_INTERNALS = [\n    hljs.APOS_STRING_MODE,\n    hljs.QUOTE_STRING_MODE,\n    HTML_TEMPLATE,\n    CSS_TEMPLATE,\n    GRAPHQL_TEMPLATE,\n    TEMPLATE_STRING,\n    // Skip numbers when they are part of a variable name\n    { match: /\\$\\d+/ },\n    NUMBER,\n    // This is intentional:\n    // See https://github.com/highlightjs/highlight.js/issues/3288\n    // hljs.REGEXP_MODE\n  ];\n  SUBST.contains = SUBST_INTERNALS\n    .concat({\n      // we need to pair up {} inside our subst to prevent\n      // it from ending too early by matching another }\n      begin: /\\{/,\n      end: /\\}/,\n      keywords: KEYWORDS$1,\n      contains: [\n        \"self\"\n      ].concat(SUBST_INTERNALS)\n    });\n  const SUBST_AND_COMMENTS = [].concat(COMMENT, SUBST.contains);\n  const PARAMS_CONTAINS = SUBST_AND_COMMENTS.concat([\n    // eat recursive parens in sub expressions\n    {\n      begin: /(\\s*)\\(/,\n      end: /\\)/,\n      keywords: KEYWORDS$1,\n      contains: [\"self\"].concat(SUBST_AND_COMMENTS)\n    }\n  ]);\n  const PARAMS = {\n    className: 'params',\n    // convert this to negative lookbehind in v12\n    begin: /(\\s*)\\(/, // to match the parms with \n    end: /\\)/,\n    excludeBegin: true,\n    excludeEnd: true,\n    keywords: KEYWORDS$1,\n    contains: PARAMS_CONTAINS\n  };\n\n  // ES6 classes\n  const CLASS_OR_EXTENDS = {\n    variants: [\n      // class Car extends vehicle\n      {\n        match: [\n          /class/,\n          /\\s+/,\n          IDENT_RE$1,\n          /\\s+/,\n          /extends/,\n          /\\s+/,\n          regex.concat(IDENT_RE$1, \"(\", regex.concat(/\\./, IDENT_RE$1), \")*\")\n        ],\n        scope: {\n          1: \"keyword\",\n          3: \"title.class\",\n          5: \"keyword\",\n          7: \"title.class.inherited\"\n        }\n      },\n      // class Car\n      {\n        match: [\n          /class/,\n          /\\s+/,\n          IDENT_RE$1\n        ],\n        scope: {\n          1: \"keyword\",\n          3: \"title.class\"\n        }\n      },\n\n    ]\n  };\n\n  const CLASS_REFERENCE = {\n    relevance: 0,\n    match:\n    regex.either(\n      // Hard coded exceptions\n      /\\bJSON/,\n      // Float32Array, OutT\n      /\\b[A-Z][a-z]+([A-Z][a-z]*|\\d)*/,\n      // CSSFactory, CSSFactoryT\n      /\\b[A-Z]{2,}([A-Z][a-z]+|\\d)+([A-Z][a-z]*)*/,\n      // FPs, FPsT\n      /\\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\\d)*([A-Z][a-z]*)*/,\n      // P\n      // single letters are not highlighted\n      // BLAH\n      // this will be flagged as a UPPER_CASE_CONSTANT instead\n    ),\n    className: \"title.class\",\n    keywords: {\n      _: [\n        // se we still get relevance credit for JS library classes\n        ...TYPES,\n        ...ERROR_TYPES\n      ]\n    }\n  };\n\n  const USE_STRICT = {\n    label: \"use_strict\",\n    className: 'meta',\n    relevance: 10,\n    begin: /^\\s*['\"]use (strict|asm)['\"]/\n  };\n\n  const FUNCTION_DEFINITION = {\n    variants: [\n      {\n        match: [\n          /function/,\n          /\\s+/,\n          IDENT_RE$1,\n          /(?=\\s*\\()/\n        ]\n      },\n      // anonymous function\n      {\n        match: [\n          /function/,\n          /\\s*(?=\\()/\n        ]\n      }\n    ],\n    className: {\n      1: \"keyword\",\n      3: \"title.function\"\n    },\n    label: \"func.def\",\n    contains: [ PARAMS ],\n    illegal: /%/\n  };\n\n  const UPPER_CASE_CONSTANT = {\n    relevance: 0,\n    match: /\\b[A-Z][A-Z_0-9]+\\b/,\n    className: \"variable.constant\"\n  };\n\n  function noneOf(list) {\n    return regex.concat(\"(?!\", list.join(\"|\"), \")\");\n  }\n\n  const FUNCTION_CALL = {\n    match: regex.concat(\n      /\\b/,\n      noneOf([\n        ...BUILT_IN_GLOBALS,\n        \"super\",\n        \"import\"\n      ].map(x => `${x}\\\\s*\\\\(`)),\n      IDENT_RE$1, regex.lookahead(/\\s*\\(/)),\n    className: \"title.function\",\n    relevance: 0\n  };\n\n  const PROPERTY_ACCESS = {\n    begin: regex.concat(/\\./, regex.lookahead(\n      regex.concat(IDENT_RE$1, /(?![0-9A-Za-z$_(])/)\n    )),\n    end: IDENT_RE$1,\n    excludeBegin: true,\n    keywords: \"prototype\",\n    className: \"property\",\n    relevance: 0\n  };\n\n  const GETTER_OR_SETTER = {\n    match: [\n      /get|set/,\n      /\\s+/,\n      IDENT_RE$1,\n      /(?=\\()/\n    ],\n    className: {\n      1: \"keyword\",\n      3: \"title.function\"\n    },\n    contains: [\n      { // eat to avoid empty params\n        begin: /\\(\\)/\n      },\n      PARAMS\n    ]\n  };\n\n  const FUNC_LEAD_IN_RE = '(\\\\(' +\n    '[^()]*(\\\\(' +\n    '[^()]*(\\\\(' +\n    '[^()]*' +\n    '\\\\)[^()]*)*' +\n    '\\\\)[^()]*)*' +\n    '\\\\)|' + hljs.UNDERSCORE_IDENT_RE + ')\\\\s*=>';\n\n  const FUNCTION_VARIABLE = {\n    match: [\n      /const|var|let/, /\\s+/,\n      IDENT_RE$1, /\\s*/,\n      /=\\s*/,\n      /(async\\s*)?/, // async is optional\n      regex.lookahead(FUNC_LEAD_IN_RE)\n    ],\n    keywords: \"async\",\n    className: {\n      1: \"keyword\",\n      3: \"title.function\"\n    },\n    contains: [\n      PARAMS\n    ]\n  };\n\n  return {\n    name: 'JavaScript',\n    aliases: ['js', 'jsx', 'mjs', 'cjs'],\n    keywords: KEYWORDS$1,\n    // this will be extended by TypeScript\n    exports: { PARAMS_CONTAINS, CLASS_REFERENCE },\n    illegal: /#(?![$_A-z])/,\n    contains: [\n      hljs.SHEBANG({\n        label: \"shebang\",\n        binary: \"node\",\n        relevance: 5\n      }),\n      USE_STRICT,\n      hljs.APOS_STRING_MODE,\n      hljs.QUOTE_STRING_MODE,\n      HTML_TEMPLATE,\n      CSS_TEMPLATE,\n      GRAPHQL_TEMPLATE,\n      TEMPLATE_STRING,\n      COMMENT,\n      // Skip numbers when they are part of a variable name\n      { match: /\\$\\d+/ },\n      NUMBER,\n      CLASS_REFERENCE,\n      {\n        className: 'attr',\n        begin: IDENT_RE$1 + regex.lookahead(':'),\n        relevance: 0\n      },\n      FUNCTION_VARIABLE,\n      { // \"value\" container\n        begin: '(' + hljs.RE_STARTERS_RE + '|\\\\b(case|return|throw)\\\\b)\\\\s*',\n        keywords: 'return throw case',\n        relevance: 0,\n        contains: [\n          COMMENT,\n          hljs.REGEXP_MODE,\n          {\n            className: 'function',\n            // we have to count the parens to make sure we actually have the\n            // correct bounding ( ) before the =>.  There could be any number of\n            // sub-expressions inside also surrounded by parens.\n            begin: FUNC_LEAD_IN_RE,\n            returnBegin: true,\n            end: '\\\\s*=>',\n            contains: [\n              {\n                className: 'params',\n                variants: [\n                  {\n                    begin: hljs.UNDERSCORE_IDENT_RE,\n                    relevance: 0\n                  },\n                  {\n                    className: null,\n                    begin: /\\(\\s*\\)/,\n                    skip: true\n                  },\n                  {\n                    begin: /(\\s*)\\(/,\n                    end: /\\)/,\n                    excludeBegin: true,\n                    excludeEnd: true,\n                    keywords: KEYWORDS$1,\n                    contains: PARAMS_CONTAINS\n                  }\n                ]\n              }\n            ]\n          },\n          { // could be a comma delimited list of params to a function call\n            begin: /,/,\n            relevance: 0\n          },\n          {\n            match: /\\s+/,\n            relevance: 0\n          },\n          { // JSX\n            variants: [\n              { begin: FRAGMENT.begin, end: FRAGMENT.end },\n              { match: XML_SELF_CLOSING },\n              {\n                begin: XML_TAG.begin,\n                // we carefully check the opening tag to see if it truly\n                // is a tag and not a false positive\n                'on:begin': XML_TAG.isTrulyOpeningTag,\n                end: XML_TAG.end\n              }\n            ],\n            subLanguage: 'xml',\n            contains: [\n              {\n                begin: XML_TAG.begin,\n                end: XML_TAG.end,\n                skip: true,\n                contains: ['self']\n              }\n            ]\n          }\n        ],\n      },\n      FUNCTION_DEFINITION,\n      {\n        // prevent this from getting swallowed up by function\n        // since they appear \"function like\"\n        beginKeywords: \"while if switch catch for\"\n      },\n      {\n        // we have to count the parens to make sure we actually have the correct\n        // bounding ( ).  There could be any number of sub-expressions inside\n        // also surrounded by parens.\n        begin: '\\\\b(?!function)' + hljs.UNDERSCORE_IDENT_RE +\n          '\\\\(' + // first parens\n          '[^()]*(\\\\(' +\n            '[^()]*(\\\\(' +\n              '[^()]*' +\n            '\\\\)[^()]*)*' +\n          '\\\\)[^()]*)*' +\n          '\\\\)\\\\s*\\\\{', // end parens\n        returnBegin:true,\n        label: \"func.def\",\n        contains: [\n          PARAMS,\n          hljs.inherit(hljs.TITLE_MODE, { begin: IDENT_RE$1, className: \"title.function\" })\n        ]\n      },\n      // catch ... so it won't trigger the property rule below\n      {\n        match: /\\.\\.\\./,\n        relevance: 0\n      },\n      PROPERTY_ACCESS,\n      // hack: prevents detection of keywords in some circumstances\n      // .keyword()\n      // $keyword = x\n      {\n        match: '\\\\$' + IDENT_RE$1,\n        relevance: 0\n      },\n      {\n        match: [ /\\bconstructor(?=\\s*\\()/ ],\n        className: { 1: \"title.function\" },\n        contains: [ PARAMS ]\n      },\n      FUNCTION_CALL,\n      UPPER_CASE_CONSTANT,\n      CLASS_OR_EXTENDS,\n      GETTER_OR_SETTER,\n      {\n        match: /\\$[(.]/ // relevance booster for a pattern common to JS libs: `$(something)` and `$.something`\n      }\n    ]\n  };\n}\n\n/*\nLanguage: TypeScript\nAuthor: Panu Horsmalahti \nContributors: Ike Ku \nDescription: TypeScript is a strict superset of JavaScript\nWebsite: https://www.typescriptlang.org\nCategory: common, scripting\n*/\n\n\n/** @type LanguageFn */\nfunction typescript(hljs) {\n  const tsLanguage = javascript(hljs);\n\n  const IDENT_RE$1 = IDENT_RE;\n  const TYPES = [\n    \"any\",\n    \"void\",\n    \"number\",\n    \"boolean\",\n    \"string\",\n    \"object\",\n    \"never\",\n    \"symbol\",\n    \"bigint\",\n    \"unknown\"\n  ];\n  const NAMESPACE = {\n    begin: [\n      /namespace/,\n      /\\s+/,\n      hljs.IDENT_RE\n    ],\n    beginScope: {\n      1: \"keyword\",\n      3: \"title.class\"\n    }\n  };\n  const INTERFACE = {\n    beginKeywords: 'interface',\n    end: /\\{/,\n    excludeEnd: true,\n    keywords: {\n      keyword: 'interface extends',\n      built_in: TYPES\n    },\n    contains: [ tsLanguage.exports.CLASS_REFERENCE ]\n  };\n  const USE_STRICT = {\n    className: 'meta',\n    relevance: 10,\n    begin: /^\\s*['\"]use strict['\"]/\n  };\n  const TS_SPECIFIC_KEYWORDS = [\n    \"type\",\n    // \"namespace\",\n    \"interface\",\n    \"public\",\n    \"private\",\n    \"protected\",\n    \"implements\",\n    \"declare\",\n    \"abstract\",\n    \"readonly\",\n    \"enum\",\n    \"override\",\n    \"satisfies\"\n  ];\n\n  /*\n    namespace is a TS keyword but it's fine to use it as a variable name too.\n    const message = 'foo';\n    const namespace = 'bar';\n  */\n\n  const KEYWORDS$1 = {\n    $pattern: IDENT_RE,\n    keyword: KEYWORDS.concat(TS_SPECIFIC_KEYWORDS),\n    literal: LITERALS,\n    built_in: BUILT_INS.concat(TYPES),\n    \"variable.language\": BUILT_IN_VARIABLES\n  };\n  const DECORATOR = {\n    className: 'meta',\n    begin: '@' + IDENT_RE$1,\n  };\n\n  const swapMode = (mode, label, replacement) => {\n    const indx = mode.contains.findIndex(m => m.label === label);\n    if (indx === -1) { throw new Error(\"can not find mode to replace\"); }\n\n    mode.contains.splice(indx, 1, replacement);\n  };\n\n\n  // this should update anywhere keywords is used since\n  // it will be the same actual JS object\n  Object.assign(tsLanguage.keywords, KEYWORDS$1);\n\n  tsLanguage.exports.PARAMS_CONTAINS.push(DECORATOR);\n\n  // highlight the function params\n  const ATTRIBUTE_HIGHLIGHT = tsLanguage.contains.find(c => c.className === \"attr\");\n  tsLanguage.exports.PARAMS_CONTAINS.push([\n    tsLanguage.exports.CLASS_REFERENCE, // class reference for highlighting the params types\n    ATTRIBUTE_HIGHLIGHT, // highlight the params key\n  ]);\n  tsLanguage.contains = tsLanguage.contains.concat([\n    DECORATOR,\n    NAMESPACE,\n    INTERFACE,\n  ]);\n\n  // TS gets a simpler shebang rule than JS\n  swapMode(tsLanguage, \"shebang\", hljs.SHEBANG());\n  // JS use strict rule purposely excludes `asm` which makes no sense\n  swapMode(tsLanguage, \"use_strict\", USE_STRICT);\n\n  const functionDeclaration = tsLanguage.contains.find(m => m.label === \"func.def\");\n  functionDeclaration.relevance = 0; // () => {} is more typical in TypeScript\n\n  Object.assign(tsLanguage, {\n    name: 'TypeScript',\n    aliases: [\n      'ts',\n      'tsx',\n      'mts',\n      'cts'\n    ]\n  });\n\n  return tsLanguage;\n}\n\nmodule.exports = typescript;\n","/*\nLanguage: JSON\nDescription: JSON (JavaScript Object Notation) is a lightweight data-interchange format.\nAuthor: Ivan Sagalaev \nWebsite: http://www.json.org\nCategory: common, protocols, web\n*/\n\nfunction json(hljs) {\n  const ATTRIBUTE = {\n    className: 'attr',\n    begin: /\"(\\\\.|[^\\\\\"\\r\\n])*\"(?=\\s*:)/,\n    relevance: 1.01\n  };\n  const PUNCTUATION = {\n    match: /[{}[\\],:]/,\n    className: \"punctuation\",\n    relevance: 0\n  };\n  const LITERALS = [\n    \"true\",\n    \"false\",\n    \"null\"\n  ];\n  // NOTE: normally we would rely on `keywords` for this but using a mode here allows us\n  // - to use the very tight `illegal: \\S` rule later to flag any other character\n  // - as illegal indicating that despite looking like JSON we do not truly have\n  // - JSON and thus improve false-positively greatly since JSON will try and claim\n  // - all sorts of JSON looking stuff\n  const LITERALS_MODE = {\n    scope: \"literal\",\n    beginKeywords: LITERALS.join(\" \"),\n  };\n\n  return {\n    name: 'JSON',\n    aliases: ['jsonc'],\n    keywords:{\n      literal: LITERALS,\n    },\n    contains: [\n      ATTRIBUTE,\n      PUNCTUATION,\n      hljs.QUOTE_STRING_MODE,\n      LITERALS_MODE,\n      hljs.C_NUMBER_MODE,\n      hljs.C_LINE_COMMENT_MODE,\n      hljs.C_BLOCK_COMMENT_MODE\n    ],\n    illegal: '\\\\S'\n  };\n}\n\nmodule.exports = json;\n","/*\nLanguage: Diff\nDescription: Unified and context diff\nAuthor: Vasily Polovnyov \nWebsite: https://www.gnu.org/software/diffutils/\nCategory: common\n*/\n\n/** @type LanguageFn */\nfunction diff(hljs) {\n  const regex = hljs.regex;\n  return {\n    name: 'Diff',\n    aliases: [ 'patch' ],\n    contains: [\n      {\n        className: 'meta',\n        relevance: 10,\n        match: regex.either(\n          /^@@ +-\\d+,\\d+ +\\+\\d+,\\d+ +@@/,\n          /^\\*\\*\\* +\\d+,\\d+ +\\*\\*\\*\\*$/,\n          /^--- +\\d+,\\d+ +----$/\n        )\n      },\n      {\n        className: 'comment',\n        variants: [\n          {\n            begin: regex.either(\n              /Index: /,\n              /^index/,\n              /={3,}/,\n              /^-{3}/,\n              /^\\*{3} /,\n              /^\\+{3}/,\n              /^diff --git/\n            ),\n            end: /$/\n          },\n          { match: /^\\*{15}$/ }\n        ]\n      },\n      {\n        className: 'addition',\n        begin: /^\\+/,\n        end: /$/\n      },\n      {\n        className: 'deletion',\n        begin: /^-/,\n        end: /$/\n      },\n      {\n        className: 'addition',\n        begin: /^!/,\n        end: /$/\n      }\n    ]\n  };\n}\n\nmodule.exports = diff;\n","/*\nLanguage: Python\nDescription: Python is an interpreted, object-oriented, high-level programming language with dynamic semantics.\nWebsite: https://www.python.org\nCategory: common\n*/\n\nfunction python(hljs) {\n  const regex = hljs.regex;\n  const IDENT_RE = /[\\p{XID_Start}_]\\p{XID_Continue}*/u;\n  const RESERVED_WORDS = [\n    'and',\n    'as',\n    'assert',\n    'async',\n    'await',\n    'break',\n    'case',\n    'class',\n    'continue',\n    'def',\n    'del',\n    'elif',\n    'else',\n    'except',\n    'finally',\n    'for',\n    'from',\n    'global',\n    'if',\n    'import',\n    'in',\n    'is',\n    'lambda',\n    'match',\n    'nonlocal|10',\n    'not',\n    'or',\n    'pass',\n    'raise',\n    'return',\n    'try',\n    'while',\n    'with',\n    'yield'\n  ];\n\n  const BUILT_INS = [\n    '__import__',\n    'abs',\n    'all',\n    'any',\n    'ascii',\n    'bin',\n    'bool',\n    'breakpoint',\n    'bytearray',\n    'bytes',\n    'callable',\n    'chr',\n    'classmethod',\n    'compile',\n    'complex',\n    'delattr',\n    'dict',\n    'dir',\n    'divmod',\n    'enumerate',\n    'eval',\n    'exec',\n    'filter',\n    'float',\n    'format',\n    'frozenset',\n    'getattr',\n    'globals',\n    'hasattr',\n    'hash',\n    'help',\n    'hex',\n    'id',\n    'input',\n    'int',\n    'isinstance',\n    'issubclass',\n    'iter',\n    'len',\n    'list',\n    'locals',\n    'map',\n    'max',\n    'memoryview',\n    'min',\n    'next',\n    'object',\n    'oct',\n    'open',\n    'ord',\n    'pow',\n    'print',\n    'property',\n    'range',\n    'repr',\n    'reversed',\n    'round',\n    'set',\n    'setattr',\n    'slice',\n    'sorted',\n    'staticmethod',\n    'str',\n    'sum',\n    'super',\n    'tuple',\n    'type',\n    'vars',\n    'zip'\n  ];\n\n  const LITERALS = [\n    '__debug__',\n    'Ellipsis',\n    'False',\n    'None',\n    'NotImplemented',\n    'True'\n  ];\n\n  // https://docs.python.org/3/library/typing.html\n  // TODO: Could these be supplemented by a CamelCase matcher in certain\n  // contexts, leaving these remaining only for relevance hinting?\n  const TYPES = [\n    \"Any\",\n    \"Callable\",\n    \"Coroutine\",\n    \"Dict\",\n    \"List\",\n    \"Literal\",\n    \"Generic\",\n    \"Optional\",\n    \"Sequence\",\n    \"Set\",\n    \"Tuple\",\n    \"Type\",\n    \"Union\"\n  ];\n\n  const KEYWORDS = {\n    $pattern: /[A-Za-z]\\w+|__\\w+__/,\n    keyword: RESERVED_WORDS,\n    built_in: BUILT_INS,\n    literal: LITERALS,\n    type: TYPES\n  };\n\n  const PROMPT = {\n    className: 'meta',\n    begin: /^(>>>|\\.\\.\\.) /\n  };\n\n  const SUBST = {\n    className: 'subst',\n    begin: /\\{/,\n    end: /\\}/,\n    keywords: KEYWORDS,\n    illegal: /#/\n  };\n\n  const LITERAL_BRACKET = {\n    begin: /\\{\\{/,\n    relevance: 0\n  };\n\n  const STRING = {\n    className: 'string',\n    contains: [ hljs.BACKSLASH_ESCAPE ],\n    variants: [\n      {\n        begin: /([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?'''/,\n        end: /'''/,\n        contains: [\n          hljs.BACKSLASH_ESCAPE,\n          PROMPT\n        ],\n        relevance: 10\n      },\n      {\n        begin: /([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?\"\"\"/,\n        end: /\"\"\"/,\n        contains: [\n          hljs.BACKSLASH_ESCAPE,\n          PROMPT\n        ],\n        relevance: 10\n      },\n      {\n        begin: /([fF][rR]|[rR][fF]|[fF])'''/,\n        end: /'''/,\n        contains: [\n          hljs.BACKSLASH_ESCAPE,\n          PROMPT,\n          LITERAL_BRACKET,\n          SUBST\n        ]\n      },\n      {\n        begin: /([fF][rR]|[rR][fF]|[fF])\"\"\"/,\n        end: /\"\"\"/,\n        contains: [\n          hljs.BACKSLASH_ESCAPE,\n          PROMPT,\n          LITERAL_BRACKET,\n          SUBST\n        ]\n      },\n      {\n        begin: /([uU]|[rR])'/,\n        end: /'/,\n        relevance: 10\n      },\n      {\n        begin: /([uU]|[rR])\"/,\n        end: /\"/,\n        relevance: 10\n      },\n      {\n        begin: /([bB]|[bB][rR]|[rR][bB])'/,\n        end: /'/\n      },\n      {\n        begin: /([bB]|[bB][rR]|[rR][bB])\"/,\n        end: /\"/\n      },\n      {\n        begin: /([fF][rR]|[rR][fF]|[fF])'/,\n        end: /'/,\n        contains: [\n          hljs.BACKSLASH_ESCAPE,\n          LITERAL_BRACKET,\n          SUBST\n        ]\n      },\n      {\n        begin: /([fF][rR]|[rR][fF]|[fF])\"/,\n        end: /\"/,\n        contains: [\n          hljs.BACKSLASH_ESCAPE,\n          LITERAL_BRACKET,\n          SUBST\n        ]\n      },\n      hljs.APOS_STRING_MODE,\n      hljs.QUOTE_STRING_MODE\n    ]\n  };\n\n  // https://docs.python.org/3.9/reference/lexical_analysis.html#numeric-literals\n  const digitpart = '[0-9](_?[0-9])*';\n  const pointfloat = `(\\\\b(${digitpart}))?\\\\.(${digitpart})|\\\\b(${digitpart})\\\\.`;\n  // Whitespace after a number (or any lexical token) is needed only if its absence\n  // would change the tokenization\n  // https://docs.python.org/3.9/reference/lexical_analysis.html#whitespace-between-tokens\n  // We deviate slightly, requiring a word boundary or a keyword\n  // to avoid accidentally recognizing *prefixes* (e.g., `0` in `0x41` or `08` or `0__1`)\n  const lookahead = `\\\\b|${RESERVED_WORDS.join('|')}`;\n  const NUMBER = {\n    className: 'number',\n    relevance: 0,\n    variants: [\n      // exponentfloat, pointfloat\n      // https://docs.python.org/3.9/reference/lexical_analysis.html#floating-point-literals\n      // optionally imaginary\n      // https://docs.python.org/3.9/reference/lexical_analysis.html#imaginary-literals\n      // Note: no leading \\b because floats can start with a decimal point\n      // and we don't want to mishandle e.g. `fn(.5)`,\n      // no trailing \\b for pointfloat because it can end with a decimal point\n      // and we don't want to mishandle e.g. `0..hex()`; this should be safe\n      // because both MUST contain a decimal point and so cannot be confused with\n      // the interior part of an identifier\n      {\n        begin: `(\\\\b(${digitpart})|(${pointfloat}))[eE][+-]?(${digitpart})[jJ]?(?=${lookahead})`\n      },\n      {\n        begin: `(${pointfloat})[jJ]?`\n      },\n\n      // decinteger, bininteger, octinteger, hexinteger\n      // https://docs.python.org/3.9/reference/lexical_analysis.html#integer-literals\n      // optionally \"long\" in Python 2\n      // https://docs.python.org/2.7/reference/lexical_analysis.html#integer-and-long-integer-literals\n      // decinteger is optionally imaginary\n      // https://docs.python.org/3.9/reference/lexical_analysis.html#imaginary-literals\n      {\n        begin: `\\\\b([1-9](_?[0-9])*|0+(_?0)*)[lLjJ]?(?=${lookahead})`\n      },\n      {\n        begin: `\\\\b0[bB](_?[01])+[lL]?(?=${lookahead})`\n      },\n      {\n        begin: `\\\\b0[oO](_?[0-7])+[lL]?(?=${lookahead})`\n      },\n      {\n        begin: `\\\\b0[xX](_?[0-9a-fA-F])+[lL]?(?=${lookahead})`\n      },\n\n      // imagnumber (digitpart-based)\n      // https://docs.python.org/3.9/reference/lexical_analysis.html#imaginary-literals\n      {\n        begin: `\\\\b(${digitpart})[jJ](?=${lookahead})`\n      }\n    ]\n  };\n  const COMMENT_TYPE = {\n    className: \"comment\",\n    begin: regex.lookahead(/# type:/),\n    end: /$/,\n    keywords: KEYWORDS,\n    contains: [\n      { // prevent keywords from coloring `type`\n        begin: /# type:/\n      },\n      // comment within a datatype comment includes no keywords\n      {\n        begin: /#/,\n        end: /\\b\\B/,\n        endsWithParent: true\n      }\n    ]\n  };\n  const PARAMS = {\n    className: 'params',\n    variants: [\n      // Exclude params in functions without params\n      {\n        className: \"\",\n        begin: /\\(\\s*\\)/,\n        skip: true\n      },\n      {\n        begin: /\\(/,\n        end: /\\)/,\n        excludeBegin: true,\n        excludeEnd: true,\n        keywords: KEYWORDS,\n        contains: [\n          'self',\n          PROMPT,\n          NUMBER,\n          STRING,\n          hljs.HASH_COMMENT_MODE\n        ]\n      }\n    ]\n  };\n  SUBST.contains = [\n    STRING,\n    NUMBER,\n    PROMPT\n  ];\n\n  return {\n    name: 'Python',\n    aliases: [\n      'py',\n      'gyp',\n      'ipython'\n    ],\n    unicodeRegex: true,\n    keywords: KEYWORDS,\n    illegal: /(<\\/|\\?)|=>/,\n    contains: [\n      PROMPT,\n      NUMBER,\n      {\n        // very common convention\n        scope: 'variable.language',\n        match: /\\bself\\b/\n      },\n      {\n        // eat \"if\" prior to string so that it won't accidentally be\n        // labeled as an f-string\n        beginKeywords: \"if\",\n        relevance: 0\n      },\n      { match: /\\bor\\b/, scope: \"keyword\" },\n      STRING,\n      COMMENT_TYPE,\n      hljs.HASH_COMMENT_MODE,\n      {\n        match: [\n          /\\bdef/, /\\s+/,\n          IDENT_RE,\n        ],\n        scope: {\n          1: \"keyword\",\n          3: \"title.function\"\n        },\n        contains: [ PARAMS ]\n      },\n      {\n        variants: [\n          {\n            match: [\n              /\\bclass/, /\\s+/,\n              IDENT_RE, /\\s*/,\n              /\\(\\s*/, IDENT_RE,/\\s*\\)/\n            ],\n          },\n          {\n            match: [\n              /\\bclass/, /\\s+/,\n              IDENT_RE\n            ],\n          }\n        ],\n        scope: {\n          1: \"keyword\",\n          3: \"title.class\",\n          6: \"title.class.inherited\",\n        }\n      },\n      {\n        className: 'meta',\n        begin: /^[\\t ]*@/,\n        end: /(?=#)|$/,\n        contains: [\n          NUMBER,\n          PARAMS,\n          STRING\n        ]\n      }\n    ]\n  };\n}\n\nmodule.exports = python;\n","/*\nLanguage: Rust\nAuthor: Andrey Vlasovskikh \nContributors: Roman Shmatov , Kasper Andersen \nWebsite: https://www.rust-lang.org\nCategory: common, system\n*/\n\n/** @type LanguageFn */\n\nfunction rust(hljs) {\n  const regex = hljs.regex;\n  // ============================================\n  // Added to support the r# keyword, which is a raw identifier in Rust.\n  const RAW_IDENTIFIER = /(r#)?/;\n  const UNDERSCORE_IDENT_RE = regex.concat(RAW_IDENTIFIER, hljs.UNDERSCORE_IDENT_RE);\n  const IDENT_RE = regex.concat(RAW_IDENTIFIER, hljs.IDENT_RE);\n  // ============================================\n  const FUNCTION_INVOKE = {\n    className: \"title.function.invoke\",\n    relevance: 0,\n    begin: regex.concat(\n      /\\b/,\n      /(?!let|for|while|if|else|match\\b)/,\n      IDENT_RE,\n      regex.lookahead(/\\s*\\(/))\n  };\n  const NUMBER_SUFFIX = '([ui](8|16|32|64|128|size)|f(32|64))\\?';\n  const KEYWORDS = [\n    \"abstract\",\n    \"as\",\n    \"async\",\n    \"await\",\n    \"become\",\n    \"box\",\n    \"break\",\n    \"const\",\n    \"continue\",\n    \"crate\",\n    \"do\",\n    \"dyn\",\n    \"else\",\n    \"enum\",\n    \"extern\",\n    \"false\",\n    \"final\",\n    \"fn\",\n    \"for\",\n    \"if\",\n    \"impl\",\n    \"in\",\n    \"let\",\n    \"loop\",\n    \"macro\",\n    \"match\",\n    \"mod\",\n    \"move\",\n    \"mut\",\n    \"override\",\n    \"priv\",\n    \"pub\",\n    \"ref\",\n    \"return\",\n    \"self\",\n    \"Self\",\n    \"static\",\n    \"struct\",\n    \"super\",\n    \"trait\",\n    \"true\",\n    \"try\",\n    \"type\",\n    \"typeof\",\n    \"union\",\n    \"unsafe\",\n    \"unsized\",\n    \"use\",\n    \"virtual\",\n    \"where\",\n    \"while\",\n    \"yield\"\n  ];\n  const LITERALS = [\n    \"true\",\n    \"false\",\n    \"Some\",\n    \"None\",\n    \"Ok\",\n    \"Err\"\n  ];\n  const BUILTINS = [\n    // functions\n    'drop ',\n    // traits\n    \"Copy\",\n    \"Send\",\n    \"Sized\",\n    \"Sync\",\n    \"Drop\",\n    \"Fn\",\n    \"FnMut\",\n    \"FnOnce\",\n    \"ToOwned\",\n    \"Clone\",\n    \"Debug\",\n    \"PartialEq\",\n    \"PartialOrd\",\n    \"Eq\",\n    \"Ord\",\n    \"AsRef\",\n    \"AsMut\",\n    \"Into\",\n    \"From\",\n    \"Default\",\n    \"Iterator\",\n    \"Extend\",\n    \"IntoIterator\",\n    \"DoubleEndedIterator\",\n    \"ExactSizeIterator\",\n    \"SliceConcatExt\",\n    \"ToString\",\n    // macros\n    \"assert!\",\n    \"assert_eq!\",\n    \"bitflags!\",\n    \"bytes!\",\n    \"cfg!\",\n    \"col!\",\n    \"concat!\",\n    \"concat_idents!\",\n    \"debug_assert!\",\n    \"debug_assert_eq!\",\n    \"env!\",\n    \"eprintln!\",\n    \"panic!\",\n    \"file!\",\n    \"format!\",\n    \"format_args!\",\n    \"include_bytes!\",\n    \"include_str!\",\n    \"line!\",\n    \"local_data_key!\",\n    \"module_path!\",\n    \"option_env!\",\n    \"print!\",\n    \"println!\",\n    \"select!\",\n    \"stringify!\",\n    \"try!\",\n    \"unimplemented!\",\n    \"unreachable!\",\n    \"vec!\",\n    \"write!\",\n    \"writeln!\",\n    \"macro_rules!\",\n    \"assert_ne!\",\n    \"debug_assert_ne!\"\n  ];\n  const TYPES = [\n    \"i8\",\n    \"i16\",\n    \"i32\",\n    \"i64\",\n    \"i128\",\n    \"isize\",\n    \"u8\",\n    \"u16\",\n    \"u32\",\n    \"u64\",\n    \"u128\",\n    \"usize\",\n    \"f32\",\n    \"f64\",\n    \"str\",\n    \"char\",\n    \"bool\",\n    \"Box\",\n    \"Option\",\n    \"Result\",\n    \"String\",\n    \"Vec\"\n  ];\n  return {\n    name: 'Rust',\n    aliases: [ 'rs' ],\n    keywords: {\n      $pattern: hljs.IDENT_RE + '!?',\n      type: TYPES,\n      keyword: KEYWORDS,\n      literal: LITERALS,\n      built_in: BUILTINS\n    },\n    illegal: ''\n      },\n      FUNCTION_INVOKE\n    ]\n  };\n}\n\nmodule.exports = rust;\n","/*\nLanguage: Shell Session\nRequires: bash.js\nAuthor: TSUYUSATO Kitsune \nCategory: common\nAudit: 2020\n*/\n\n/** @type LanguageFn */\nfunction shell(hljs) {\n  return {\n    name: 'Shell Session',\n    aliases: [\n      'console',\n      'shellsession'\n    ],\n    contains: [\n      {\n        className: 'meta.prompt',\n        // We cannot add \\s (spaces) in the regular expression otherwise it will be too broad and produce unexpected result.\n        // For instance, in the following example, it would match \"echo /path/to/home >\" as a prompt:\n        // echo /path/to/home > t.exe\n        begin: /^\\s{0,3}[/~\\w\\d[\\]()@-]*[>%$#][ ]?/,\n        starts: {\n          end: /[^\\\\](?=\\s*$)/,\n          subLanguage: 'bash'\n        }\n      }\n    ]\n  };\n}\n\nmodule.exports = shell;\n","/*\nLanguage: HTML, XML\nWebsite: https://www.w3.org/XML/\nCategory: common, web\nAudit: 2020\n*/\n\n/** @type LanguageFn */\nfunction xml(hljs) {\n  const regex = hljs.regex;\n  // XML names can have the following additional letters: https://www.w3.org/TR/xml/#NT-NameChar\n  // OTHER_NAME_CHARS = /[:\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]/;\n  // Element names start with NAME_START_CHAR followed by optional other Unicode letters, ASCII digits, hyphens, underscores, and periods\n  // const TAG_NAME_RE = regex.concat(/[A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD]/, regex.optional(/[A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*:/), /[A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*/);;\n  // const XML_IDENT_RE = /[A-Z_a-z:\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]+/;\n  // const TAG_NAME_RE = regex.concat(/[A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD]/, regex.optional(/[A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*:/), /[A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*/);\n  // however, to cater for performance and more Unicode support rely simply on the Unicode letter class\n  const TAG_NAME_RE = regex.concat(/[\\p{L}_]/u, regex.optional(/[\\p{L}0-9_.-]*:/u), /[\\p{L}0-9_.-]*/u);\n  const XML_IDENT_RE = /[\\p{L}0-9._:-]+/u;\n  const XML_ENTITIES = {\n    className: 'symbol',\n    begin: /&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/\n  };\n  const XML_META_KEYWORDS = {\n    begin: /\\s/,\n    contains: [\n      {\n        className: 'keyword',\n        begin: /#?[a-z_][a-z1-9_-]+/,\n        illegal: /\\n/\n      }\n    ]\n  };\n  const XML_META_PAR_KEYWORDS = hljs.inherit(XML_META_KEYWORDS, {\n    begin: /\\(/,\n    end: /\\)/\n  });\n  const APOS_META_STRING_MODE = hljs.inherit(hljs.APOS_STRING_MODE, { className: 'string' });\n  const QUOTE_META_STRING_MODE = hljs.inherit(hljs.QUOTE_STRING_MODE, { className: 'string' });\n  const TAG_INTERNALS = {\n    endsWithParent: true,\n    illegal: /`]+/ }\n            ]\n          }\n        ]\n      }\n    ]\n  };\n  return {\n    name: 'HTML, XML',\n    aliases: [\n      'html',\n      'xhtml',\n      'rss',\n      'atom',\n      'xjb',\n      'xsd',\n      'xsl',\n      'plist',\n      'wsf',\n      'svg'\n    ],\n    case_insensitive: true,\n    unicodeRegex: true,\n    contains: [\n      {\n        className: 'meta',\n        begin: //,\n        relevance: 10,\n        contains: [\n          XML_META_KEYWORDS,\n          QUOTE_META_STRING_MODE,\n          APOS_META_STRING_MODE,\n          XML_META_PAR_KEYWORDS,\n          {\n            begin: /\\[/,\n            end: /\\]/,\n            contains: [\n              {\n                className: 'meta',\n                begin: //,\n                contains: [\n                  XML_META_KEYWORDS,\n                  XML_META_PAR_KEYWORDS,\n                  QUOTE_META_STRING_MODE,\n                  APOS_META_STRING_MODE\n                ]\n              }\n            ]\n          }\n        ]\n      },\n      hljs.COMMENT(\n        //,\n        { relevance: 10 }\n      ),\n      {\n        begin: //,\n        relevance: 10\n      },\n      XML_ENTITIES,\n      // xml processing instructions\n      {\n        className: 'meta',\n        end: /\\?>/,\n        variants: [\n          {\n            begin: /<\\?xml/,\n            relevance: 10,\n            contains: [\n              QUOTE_META_STRING_MODE\n            ]\n          },\n          {\n            begin: /<\\?[a-z][a-z0-9]+/,\n          }\n        ]\n\n      },\n      {\n        className: 'tag',\n        /*\n        The lookahead pattern (?=...) ensures that 'begin' only matches\n        ')/,\n        end: />/,\n        keywords: { name: 'style' },\n        contains: [ TAG_INTERNALS ],\n        starts: {\n          end: /<\\/style>/,\n          returnEnd: true,\n          subLanguage: [\n            'css',\n            'xml'\n          ]\n        }\n      },\n      {\n        className: 'tag',\n        // See the comment in the