From 30aa3585e4e47540a2125e90ccc662bab45146bf Mon Sep 17 00:00:00 2001 From: Evan Aronson Date: Mon, 25 Nov 2024 17:01:45 +0100 Subject: [PATCH] additional polish --- ui/src/css/globals/_typography.scss | 3 ++- ui/src/css/layout.scss | 1 + ui/src/css/specific/navigation.scss | 2 +- ui/src/css/toc.scss | 6 ++++-- ui/theme/dist/index.css | 4 ++-- ui/theme/dist/index.css.map | 2 +- 6 files changed, 11 insertions(+), 7 deletions(-) diff --git a/ui/src/css/globals/_typography.scss b/ui/src/css/globals/_typography.scss index 73745ac1..2c497a65 100644 --- a/ui/src/css/globals/_typography.scss +++ b/ui/src/css/globals/_typography.scss @@ -87,9 +87,10 @@ h6 { code { background-color: var(--guk-color-neutral-100); /* #f5f7fa */ border-radius: var(--guk-border-rounded); /* 4px */ - padding: var(--guk-space-1) var(--guk-space-2); + border: 1px solid var(--guk-color-neutral-200); font-family: var(--guk-font-family-monospace, monospace); font-size: 0.95em; + padding: 2px 4px; } /* Paragraphs and Lists */ diff --git a/ui/src/css/layout.scss b/ui/src/css/layout.scss index bb2594ca..7cabce1d 100644 --- a/ui/src/css/layout.scss +++ b/ui/src/css/layout.scss @@ -16,6 +16,7 @@ .nav-heading { margin: .75rem 1.3rem; align-items: center; + text-transform: uppercase; } .nav-component-active { diff --git a/ui/src/css/specific/navigation.scss b/ui/src/css/specific/navigation.scss index 00a9aa7b..ae8e5d7a 100644 --- a/ui/src/css/specific/navigation.scss +++ b/ui/src/css/specific/navigation.scss @@ -63,7 +63,7 @@ } .nav-heading { - font-size: 1.2rem; + font-size: 1rem; font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-medium) */ font-family: var(--guk-font-family); /* Replaces var(--heading) */ /* padding: 0 1rem; */ diff --git a/ui/src/css/toc.scss b/ui/src/css/toc.scss index 7ee5b5c4..2936bedc 100644 --- a/ui/src/css/toc.scss +++ b/ui/src/css/toc.scss @@ -23,7 +23,7 @@ .toc-title { font-size: var(--guk-font-size-sm); - margin: 0; + margin-bottom: 16px; padding: 0; font-family: var(--guk-font-family); /* Replaces var(--heading) */ color: var(--guk-color-neutral-900); /* Replaces var(--aluminum-5) */ @@ -36,7 +36,7 @@ margin: 0.5rem 0 0; padding-top: var(--guk-space-1); /* 4px */ padding-bottom: var(--guk-space-1); - padding-right: var(--guk-space-2); /* 8px */ + padding-right: var(--guk-space-3); /* 8px */ overflow: hidden; text-overflow: ellipsis; font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */ @@ -54,6 +54,7 @@ .toc a { color: inherit; text-decoration: none; + padding-right: 8px; &:hover { color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-2) */ @@ -62,4 +63,5 @@ .toc .toc-menu li a.toc-active { color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-4) */ + font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */ } diff --git a/ui/theme/dist/index.css b/ui/theme/dist/index.css index 410c737e..a3c79bad 100644 --- a/ui/theme/dist/index.css +++ b/ui/theme/dist/index.css @@ -1,7 +1,7 @@ -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-radius:var(--guk-border-rounded);font-family:var(--guk-font-family-monospace,monospace);font-size:.95em;padding:var(--guk-space-1) var(--guk-space-2)}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:var(--guk-space-6) var(--guk-space-5);width:100%}.card a .card-body{flex-grow:1}.card-title{align-items:center;display:flex}.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:var(--guk-space-2);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,var(--guk-color-primary-500) 0,#a134d1 100%)}.card-defender a{--card-icon:url(../images/defender_white.svg);background-image:linear-gradient(-135deg,var(--guk-color-info-500) 0,#00c7f2 100%)}.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:1.2rem;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}.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-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:var(--guk-space-6) var(--guk-space-5);width:100%}.card a .card-body{flex-grow:1}.card-title{align-items:center;display:flex}.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:var(--guk-space-2);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,var(--guk-color-primary-500) 0,#a134d1 100%)}.card-defender a{--card-icon:url(../images/defender_white.svg);background-image:linear-gradient(-135deg,var(--guk-color-info-500) 0,#00c7f2 100%)}.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-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 -*/.hljs{background:var(--guk-color-neutral-900);color:var(--guk-color-neutral-300)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--guk-color-critical-500)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--guk-color-primary-300)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:var(--guk-color-info-300)}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:var(--guk-color-info-500)}.hljs-built_in,.hljs-symbol{color:var(--guk-color-warning-500)}.hljs-code,.hljs-comment,.hljs-formula{color:var(--guk-color-neutral-500)}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--guk-color-success-500)}.hljs-subst{color:var(--guk-color-neutral-300)}.hljs-section{color:var(--guk-color-primary-500);font-weight:700}.hljs-bullet{color:var(--guk-color-warning-300)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--guk-color-neutral-300)}.hljs-strong{font-weight:700}.hljs-addition{background-color:var(--guk-color-success-100);color:var(--guk-color-success-300)}.hljs-deletion{background-color:var(--guk-color-critical-100);color:var(--guk-color-critical-300)}.hljs-char.escape_,.hljs-link,.hljs-params,.hljs-property,.hljs-punctuation,.hljs-tag{background-color:transparent;color:inherit}.hljs-theme-light .hljs{background:var(--guk-color-neutral-0);color:var(--guk-color-neutral-900)}.hljs-theme-light .hljs-doctag,.hljs-theme-light .hljs-keyword,.hljs-theme-light .hljs-meta .hljs-keyword,.hljs-theme-light .hljs-template-tag,.hljs-theme-light .hljs-template-variable,.hljs-theme-light .hljs-type,.hljs-theme-light .hljs-variable.language_{color:var(--guk-color-critical-500)}.hljs-theme-light .hljs-attr,.hljs-theme-light .hljs-attribute,.hljs-theme-light .hljs-literal,.hljs-theme-light .hljs-meta,.hljs-theme-light .hljs-number,.hljs-theme-light .hljs-operator,.hljs-theme-light .hljs-selector-attr,.hljs-theme-light .hljs-selector-class,.hljs-theme-light .hljs-selector-id,.hljs-theme-light .hljs-title,.hljs-theme-light .hljs-title.class_,.hljs-theme-light .hljs-title.class_.inherited__,.hljs-theme-light .hljs-title.function_,.hljs-theme-light .hljs-variable{color:var(--guk-color-primary-500)}.hljs-theme-light .hljs-meta .hljs-string,.hljs-theme-light .hljs-regexp,.hljs-theme-light .hljs-string{color:var(--guk-color-primary-700)}.hljs-theme-light .hljs-built_in,.hljs-theme-light .hljs-symbol{color:var(--guk-color-warning-500)}.hljs-theme-light .hljs-code,.hljs-theme-light .hljs-comment,.hljs-theme-light .hljs-formula{color:var(--guk-color-neutral-500)}.hljs-theme-light .hljs-name,.hljs-theme-light .hljs-quote,.hljs-theme-light .hljs-selector-pseudo,.hljs-theme-light .hljs-selector-tag{color:var(--guk-color-success-500)}.hljs-theme-light .hljs-subst{color:var(--guk-color-neutral-900)}.hljs-theme-light .hljs-section{color:var(--guk-color-primary-500);font-weight:700}.hljs-theme-light .hljs-bullet{color:var(--guk-color-warning-300)}.hljs-theme-light .hljs-emphasis{color:var(--guk-color-neutral-900);font-style:italic}.hljs-theme-light .hljs-strong{color:var(--guk-color-neutral-900);font-weight:700}.hljs-theme-light .hljs-addition{background-color:var(--guk-color-success-100);color:var(--guk-color-success-700)}.hljs-theme-light .hljs-deletion{background-color:var(--guk-color-critical-100);color:var(--guk-color-critical-700)}.hljs-theme-light .hljs-char.escape_,.hljs-theme-light .hljs-link,.hljs-theme-light .hljs-params,.hljs-theme-light .hljs-property,.hljs-theme-light .hljs-punctuation,.hljs-theme-light .hljs-tag{background-color:transparent;color:inherit}.article{padding-bottom:var(--guk-space-5)}.article .listingblock{position:relative}.article .listingblock .btn-copy{border-radius:var(--guk-border-rounded);position:absolute;right:0;top:0;visibility:hidden}.article .listingblock:hover .btn-copy{visibility:visible}.article .listingblock.nopadding .btn-copy,.article .listingblock.nopadding pre code{padding:0}.article pre code{border-radius:var(--guk-border-rounded);display:block;max-width:90vw;overflow-x:auto;padding:var(--guk-space-4)}.article img{max-width:100%}.article aside{background:var(--guk-color-neutral-50);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);color:var(--guk-color-neutral-700);font-size:var(--guk-font-size-sm);padding:var(--guk-space-3) var(--guk-space-5) var(--guk-space-2)}.article aside:before{background-image:url(../images/icons/note.svg);background-position:left 40%;background-repeat:no-repeat;background-size:18px;color:var(--guk-color-neutral-900);content:"Note";display:block;font-size:var(--guk-font-size-base);font-weight:var(--guk-font-weight-semibold);opacity:.7;padding-left:var(--guk-space-5)}.article code.primary{color:var(--guk-color-neutral-800)}.article code.secondary{color:var(--guk-color-primary-400)}.article code.light{color:var(--guk-color-neutral-700)}.anchor,.heading-link{color:inherit;float:right;font-size:.8em;margin-left:calc(var(--guk-space-base)*.25);margin-top:calc(var(--guk-space-base)*.25);visibility:hidden}.anchor:focus,.contract .anchor,.contract .heading-link,.heading-link:focus,h1:hover .anchor,h1:hover .heading-link,h2:hover .anchor,h2:hover .heading-link,h3:hover .anchor,h3:hover .heading-link,h4:hover .anchor,h4:hover .heading-link,h5:hover .anchor,h5:hover .heading-link,h6:hover .anchor,h6:hover .heading-link{visibility:visible}.anchor{padding:0 calc(var(--guk-space-base)*.75);text-decoration:none}.anchor:before{content:"#"}.contract h3 code{background-color:transparent;color:inherit;padding:0}.contract-index{word-wrap:break-word;background-color:var(--guk-color-neutral-50);border-radius:var(--guk-border-rounded);margin-bottom:var(--guk-space-4);margin-top:var(--guk-space-4);max-width:90vw;padding:var(--guk-space-6)}.contract-index ul{list-style:none;margin:0;padding:0}.contract-index ul a{color:inherit;text-decoration:none}.contract-index ul a:hover{text-decoration:underline}.contract-index ul a code,.contract-index ul a pre{background-color:transparent;color:inherit;line-height:1rem;padding:0}.contract-index .title{color:var(--guk-color-primary-400);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}.contract-index .ulist{border-top:1px solid var(--guk-color-neutral-300);margin-top:var(--guk-space-4);padding-top:calc(var(--guk-space-base)*.25)}.contract-index .ulist>.title{color:var(--guk-color-neutral-900);float:right;font-size:var(--guk-font-size-xs);margin-top:calc(var(--guk-space-base)*2)}.contract-subindex-inherited{opacity:.7}.contract-item{word-wrap:break-word;border:1px solid var(--guk-color-neutral-300);border-radius:var(--guk-border-rounded);margin-bottom:var(--guk-space-4);margin-top:var(--guk-space-4);max-width:90vw;padding:0}.contract-item>*{margin-left:var(--guk-space-4);margin-right:var(--guk-space-4)}.contract-item h4{align-content:flex-start;display:flex;flex-direction:row;font-size:inherit;justify-content:space-between;margin:var(--guk-space-4);margin-bottom:var(--guk-space-8);padding:0;position:relative}.contract-item h4 code{background-color:transparent;color:inherit;flex-grow:1;font-weight:var(--guk-font-weight-normal);padding:0}.contract-item h4 code .contract-item-name{font-weight:var(--guk-font-weight-semibold)}.contract-item h4 .anchor{font-size:var(--guk-font-size-base);font-weight:400;margin-top:0;order:10}.contract-item h4 .item-kind{font-family:var(--guk-font-family);font-size:var(--guk-font-size-base);font-weight:300;opacity:.8}.contract-item h4:before{background-color:var(--guk-color-neutral-50);border-bottom:1px solid var(--guk-color-neutral-300);border-top-left-radius:var(--guk-border-rounded);border-top-right-radius:var(--guk-border-rounded);box-sizing:content-box;content:"";display:block;height:100%;margin:calc(var(--guk-space-4)*-1);padding:var(--guk-space-4);position:absolute;width:100%;z-index:-10}.contract-item .admonitionblock{font-family:var(--guk-font-family);margin-left:var(--guk-space-4);margin-right:var(--guk-space-4)}.article-navigation{display:flex}.article-navigation div{display:block;flex-grow:1;font-weight:var(--guk-font-weight-normal);margin-bottom:var(--guk-space-2);margin-top:var(--guk-space-6)}.article-navigation div a{color:var(--guk-color-neutral-500);font-size:var(--guk-font-size-base);text-decoration:none}.article-navigation div a:hover{color:var(--guk-color-neutral-800)}.article-navigation div.btn-next{text-align:right}.article-banner{background-color:var(--guk-color-neutral-100);border:1px solid var(--guk-color-neutral-300);border-radius:var(--guk-border-rounded);margin:0 calc(var(--guk-space-2-5)*-1);padding:var(--guk-space-2-5)}.alert p{color:inherit;font-size:var(--guk-font-size-base)}.admonitionblock,.alert,.alert p{font-family:var(--guk-font-family)}.admonitionblock,.alert{background-color:var(--guk-color-neutral-0);border:solid var(--guk-color-neutral-300);border-radius:var(--guk-border-rounded);border-width:1px 1px 1px 6px;color:var(--guk-color-neutral-600);font-size:var(--guk-font-size-sm);font-weight:var(--guk-font-weight-normal);line-height:var(--guk-line-height-normal);margin-bottom:var(--guk-space-7);max-width:90vw;overflow-wrap:break-word;padding:var(--guk-space-5) var(--guk-space-4);text-align:center}.admonitionblock table,.alert table{margin:0;padding:0}.admonitionblock table td,.admonitionblock table th,.alert table td,.alert table th{word-wrap:break-word;margin:0;padding:0}.admonitionblock .content,.alert .content{word-wrap:break-word;font-size:var(--guk-font-size-base);max-width:82vw;padding-left:var(--guk-space-1);text-align:left}.admonitionblock:before,.alert:before{display:block;font-size:.9em;font-weight:var(--guk-font-weight-semibold);margin-bottom:var(--guk-space-2);padding-left:var(--guk-space-1);text-align:left;text-transform:uppercase}.admonitionblock.note,.alert.note{border-left-color:var(--guk-color-primary-400)}.admonitionblock.note:before,.alert.note:before{color:var(--guk-color-primary-400);content:"Note"}.admonitionblock.tip,.alert.tip{border-left-color:var(--guk-color-info-500)}.admonitionblock.tip:before,.alert.tip:before{color:var(--guk-color-info-500);content:"Tip"}.admonitionblock.caution,.admonitionblock.important,.admonitionblock.warning,.alert.caution,.alert.important,.alert.warning{border-left-color:var(--guk-color-warning-500)}.admonitionblock.caution:before,.admonitionblock.important:before,.admonitionblock.warning:before,.alert.caution:before,.alert.important:before,.alert.warning:before{background-image:url(../images/icons/warning.svg);background-origin:border-box;background-position:0;background-repeat:no-repeat;color:var(--guk-color-warning-500);margin-left:var(--guk-space-2);padding-left:var(--guk-space-6)}.admonitionblock.warning:before,.alert.warning:before{content:"Warning"}.admonitionblock.caution:before,.alert.caution:before{content:"Caution"}.admonitionblock.important:before,.alert.important:before{content:"Important"}.toc-sidebar{font-size:.8em;opacity:.8}.toc-menu{border-width:0 0 0 .25rem}.toc-menu ul{line-height:1.2;list-style:none;margin:0;padding:0}.toc-menu .subheading-list{border-left:1px solid var(--guk-color-neutral-200);margin-left:var(--guk-space-2)}.toc-title{color:var(--guk-color-neutral-900);font-size:var(--guk-font-size-sm);font-weight:var(--guk-font-weight-semibold);letter-spacing:.05em;margin:0;padding:0;text-transform:uppercase}.toc .toc-menu li,.toc-title{font-family:var(--guk-font-family)}.toc .toc-menu li{color:var(--guk-color-neutral-400);font-size:var(--guk-font-size-base);margin:.5rem 0 0;overflow:hidden;padding-bottom:var(--guk-space-1);padding-right:var(--guk-space-2);padding-top:var(--guk-space-1);text-overflow:ellipsis}.toc .toc-menu li.subheading-item{font-weight:var(--guk-font-weight-normal);margin-left:.7rem}.toc a{color:inherit;text-decoration:none}.toc .toc-menu li a.toc-active,.toc a:hover{color:var(--guk-color-neutral-900)}.hardhat-truffle-toggle{background:url(../images/toggle-active.svg) 50%/contain no-repeat;border:0;height:30px;margin:0;outline:0;overflow:hidden;padding:0;white-space:nowrap;width:120px}.hardhat-truffle-toggle:active{background-image:url(../images/toggle-active.svg)!important}.hardhat-truffle-toggle span{opacity:0;pointer-events:none}.preference-truffle .hardhat{display:none}.preference-truffle .hardhat-truffle-toggle{background-image:url(../images/toggle-preference-truffle.svg)}.preference-hardhat .truffle{display:none}.preference-hardhat .hardhat-truffle-toggle{background-image:url(../images/toggle-preference-hardhat.svg)} +*/.hljs{background:var(--guk-color-neutral-900);color:var(--guk-color-neutral-300)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--guk-color-critical-500)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--guk-color-primary-300)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:var(--guk-color-info-300)}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:var(--guk-color-info-500)}.hljs-built_in,.hljs-symbol{color:var(--guk-color-warning-500)}.hljs-code,.hljs-comment,.hljs-formula{color:var(--guk-color-neutral-500)}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--guk-color-success-500)}.hljs-subst{color:var(--guk-color-neutral-300)}.hljs-section{color:var(--guk-color-primary-500);font-weight:700}.hljs-bullet{color:var(--guk-color-warning-300)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--guk-color-neutral-300)}.hljs-strong{font-weight:700}.hljs-addition{background-color:var(--guk-color-success-100);color:var(--guk-color-success-300)}.hljs-deletion{background-color:var(--guk-color-critical-100);color:var(--guk-color-critical-300)}.hljs-char.escape_,.hljs-link,.hljs-params,.hljs-property,.hljs-punctuation,.hljs-tag{background-color:transparent;color:inherit}.hljs-theme-light .hljs{background:var(--guk-color-neutral-0);color:var(--guk-color-neutral-900)}.hljs-theme-light .hljs-doctag,.hljs-theme-light .hljs-keyword,.hljs-theme-light .hljs-meta .hljs-keyword,.hljs-theme-light .hljs-template-tag,.hljs-theme-light .hljs-template-variable,.hljs-theme-light .hljs-type,.hljs-theme-light .hljs-variable.language_{color:var(--guk-color-critical-500)}.hljs-theme-light .hljs-attr,.hljs-theme-light .hljs-attribute,.hljs-theme-light .hljs-literal,.hljs-theme-light .hljs-meta,.hljs-theme-light .hljs-number,.hljs-theme-light .hljs-operator,.hljs-theme-light .hljs-selector-attr,.hljs-theme-light .hljs-selector-class,.hljs-theme-light .hljs-selector-id,.hljs-theme-light .hljs-title,.hljs-theme-light .hljs-title.class_,.hljs-theme-light .hljs-title.class_.inherited__,.hljs-theme-light .hljs-title.function_,.hljs-theme-light .hljs-variable{color:var(--guk-color-primary-500)}.hljs-theme-light .hljs-meta .hljs-string,.hljs-theme-light .hljs-regexp,.hljs-theme-light .hljs-string{color:var(--guk-color-primary-700)}.hljs-theme-light .hljs-built_in,.hljs-theme-light .hljs-symbol{color:var(--guk-color-warning-500)}.hljs-theme-light .hljs-code,.hljs-theme-light .hljs-comment,.hljs-theme-light .hljs-formula{color:var(--guk-color-neutral-500)}.hljs-theme-light .hljs-name,.hljs-theme-light .hljs-quote,.hljs-theme-light .hljs-selector-pseudo,.hljs-theme-light .hljs-selector-tag{color:var(--guk-color-success-500)}.hljs-theme-light .hljs-subst{color:var(--guk-color-neutral-900)}.hljs-theme-light .hljs-section{color:var(--guk-color-primary-500);font-weight:700}.hljs-theme-light .hljs-bullet{color:var(--guk-color-warning-300)}.hljs-theme-light .hljs-emphasis{color:var(--guk-color-neutral-900);font-style:italic}.hljs-theme-light .hljs-strong{color:var(--guk-color-neutral-900);font-weight:700}.hljs-theme-light .hljs-addition{background-color:var(--guk-color-success-100);color:var(--guk-color-success-700)}.hljs-theme-light .hljs-deletion{background-color:var(--guk-color-critical-100);color:var(--guk-color-critical-700)}.hljs-theme-light .hljs-char.escape_,.hljs-theme-light .hljs-link,.hljs-theme-light .hljs-params,.hljs-theme-light .hljs-property,.hljs-theme-light .hljs-punctuation,.hljs-theme-light .hljs-tag{background-color:transparent;color:inherit}.article{padding-bottom:var(--guk-space-5)}.article .listingblock{position:relative}.article .listingblock .btn-copy{border-radius:var(--guk-border-rounded);position:absolute;right:0;top:0;visibility:hidden}.article .listingblock:hover .btn-copy{visibility:visible}.article .listingblock.nopadding .btn-copy,.article .listingblock.nopadding pre code{padding:0}.article pre code{border-radius:var(--guk-border-rounded);display:block;max-width:90vw;overflow-x:auto;padding:var(--guk-space-4)}.article img{max-width:100%}.article aside{background:var(--guk-color-neutral-50);border:1px solid var(--guk-color-neutral-200);border-radius:var(--guk-border-rounded);color:var(--guk-color-neutral-700);font-size:var(--guk-font-size-sm);padding:var(--guk-space-3) var(--guk-space-5) var(--guk-space-2)}.article aside:before{background-image:url(../images/icons/note.svg);background-position:left 40%;background-repeat:no-repeat;background-size:18px;color:var(--guk-color-neutral-900);content:"Note";display:block;font-size:var(--guk-font-size-base);font-weight:var(--guk-font-weight-semibold);opacity:.7;padding-left:var(--guk-space-5)}.article code.primary{color:var(--guk-color-neutral-800)}.article code.secondary{color:var(--guk-color-primary-400)}.article code.light{color:var(--guk-color-neutral-700)}.anchor,.heading-link{color:inherit;float:right;font-size:.8em;margin-left:calc(var(--guk-space-base)*.25);margin-top:calc(var(--guk-space-base)*.25);visibility:hidden}.anchor:focus,.contract .anchor,.contract .heading-link,.heading-link:focus,h1:hover .anchor,h1:hover .heading-link,h2:hover .anchor,h2:hover .heading-link,h3:hover .anchor,h3:hover .heading-link,h4:hover .anchor,h4:hover .heading-link,h5:hover .anchor,h5:hover .heading-link,h6:hover .anchor,h6:hover .heading-link{visibility:visible}.anchor{padding:0 calc(var(--guk-space-base)*.75);text-decoration:none}.anchor:before{content:"#"}.contract h3 code{background-color:transparent;color:inherit;padding:0}.contract-index{word-wrap:break-word;background-color:var(--guk-color-neutral-50);border-radius:var(--guk-border-rounded);margin-bottom:var(--guk-space-4);margin-top:var(--guk-space-4);max-width:90vw;padding:var(--guk-space-6)}.contract-index ul{list-style:none;margin:0;padding:0}.contract-index ul a{color:inherit;text-decoration:none}.contract-index ul a:hover{text-decoration:underline}.contract-index ul a code,.contract-index ul a pre{background-color:transparent;color:inherit;line-height:1rem;padding:0}.contract-index .title{color:var(--guk-color-primary-400);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}.contract-index .ulist{border-top:1px solid var(--guk-color-neutral-300);margin-top:var(--guk-space-4);padding-top:calc(var(--guk-space-base)*.25)}.contract-index .ulist>.title{color:var(--guk-color-neutral-900);float:right;font-size:var(--guk-font-size-xs);margin-top:calc(var(--guk-space-base)*2)}.contract-subindex-inherited{opacity:.7}.contract-item{word-wrap:break-word;border:1px solid var(--guk-color-neutral-300);border-radius:var(--guk-border-rounded);margin-bottom:var(--guk-space-4);margin-top:var(--guk-space-4);max-width:90vw;padding:0}.contract-item>*{margin-left:var(--guk-space-4);margin-right:var(--guk-space-4)}.contract-item h4{align-content:flex-start;display:flex;flex-direction:row;font-size:inherit;justify-content:space-between;margin:var(--guk-space-4);margin-bottom:var(--guk-space-8);padding:0;position:relative}.contract-item h4 code{background-color:transparent;color:inherit;flex-grow:1;font-weight:var(--guk-font-weight-normal);padding:0}.contract-item h4 code .contract-item-name{font-weight:var(--guk-font-weight-semibold)}.contract-item h4 .anchor{font-size:var(--guk-font-size-base);font-weight:400;margin-top:0;order:10}.contract-item h4 .item-kind{font-family:var(--guk-font-family);font-size:var(--guk-font-size-base);font-weight:300;opacity:.8}.contract-item h4:before{background-color:var(--guk-color-neutral-50);border-bottom:1px solid var(--guk-color-neutral-300);border-top-left-radius:var(--guk-border-rounded);border-top-right-radius:var(--guk-border-rounded);box-sizing:content-box;content:"";display:block;height:100%;margin:calc(var(--guk-space-4)*-1);padding:var(--guk-space-4);position:absolute;width:100%;z-index:-10}.contract-item .admonitionblock{font-family:var(--guk-font-family);margin-left:var(--guk-space-4);margin-right:var(--guk-space-4)}.article-navigation{display:flex}.article-navigation div{display:block;flex-grow:1;font-weight:var(--guk-font-weight-normal);margin-bottom:var(--guk-space-2);margin-top:var(--guk-space-6)}.article-navigation div a{color:var(--guk-color-neutral-500);font-size:var(--guk-font-size-base);text-decoration:none}.article-navigation div a:hover{color:var(--guk-color-neutral-800)}.article-navigation div.btn-next{text-align:right}.article-banner{background-color:var(--guk-color-neutral-100);border:1px solid var(--guk-color-neutral-300);border-radius:var(--guk-border-rounded);margin:0 calc(var(--guk-space-2-5)*-1);padding:var(--guk-space-2-5)}.alert p{color:inherit;font-size:var(--guk-font-size-base)}.admonitionblock,.alert,.alert p{font-family:var(--guk-font-family)}.admonitionblock,.alert{background-color:var(--guk-color-neutral-0);border:solid var(--guk-color-neutral-300);border-radius:var(--guk-border-rounded);border-width:1px 1px 1px 6px;color:var(--guk-color-neutral-600);font-size:var(--guk-font-size-sm);font-weight:var(--guk-font-weight-normal);line-height:var(--guk-line-height-normal);margin-bottom:var(--guk-space-7);max-width:90vw;overflow-wrap:break-word;padding:var(--guk-space-5) var(--guk-space-4);text-align:center}.admonitionblock table,.alert table{margin:0;padding:0}.admonitionblock table td,.admonitionblock table th,.alert table td,.alert table th{word-wrap:break-word;margin:0;padding:0}.admonitionblock .content,.alert .content{word-wrap:break-word;font-size:var(--guk-font-size-base);max-width:82vw;padding-left:var(--guk-space-1);text-align:left}.admonitionblock:before,.alert:before{display:block;font-size:.9em;font-weight:var(--guk-font-weight-semibold);margin-bottom:var(--guk-space-2);padding-left:var(--guk-space-1);text-align:left;text-transform:uppercase}.admonitionblock.note,.alert.note{border-left-color:var(--guk-color-primary-400)}.admonitionblock.note:before,.alert.note:before{color:var(--guk-color-primary-400);content:"Note"}.admonitionblock.tip,.alert.tip{border-left-color:var(--guk-color-info-500)}.admonitionblock.tip:before,.alert.tip:before{color:var(--guk-color-info-500);content:"Tip"}.admonitionblock.caution,.admonitionblock.important,.admonitionblock.warning,.alert.caution,.alert.important,.alert.warning{border-left-color:var(--guk-color-warning-500)}.admonitionblock.caution:before,.admonitionblock.important:before,.admonitionblock.warning:before,.alert.caution:before,.alert.important:before,.alert.warning:before{background-image:url(../images/icons/warning.svg);background-origin:border-box;background-position:0;background-repeat:no-repeat;color:var(--guk-color-warning-500);margin-left:var(--guk-space-2);padding-left:var(--guk-space-6)}.admonitionblock.warning:before,.alert.warning:before{content:"Warning"}.admonitionblock.caution:before,.alert.caution:before{content:"Caution"}.admonitionblock.important:before,.alert.important:before{content:"Important"}.toc-sidebar{font-size:.8em;opacity:.8}.toc-menu{border-width:0 0 0 .25rem}.toc-menu ul{line-height:1.2;list-style:none;margin:0;padding:0}.toc-menu .subheading-list{border-left:1px solid var(--guk-color-neutral-200);margin-left:var(--guk-space-2)}.toc-title{color:var(--guk-color-neutral-900);font-size:var(--guk-font-size-sm);font-weight:var(--guk-font-weight-semibold);letter-spacing:.05em;margin-bottom:16px;padding:0;text-transform:uppercase}.toc .toc-menu li,.toc-title{font-family:var(--guk-font-family)}.toc .toc-menu li{color:var(--guk-color-neutral-400);font-size:var(--guk-font-size-base);margin:.5rem 0 0;overflow:hidden;padding-bottom:var(--guk-space-1);padding-right:var(--guk-space-3);padding-top:var(--guk-space-1);text-overflow:ellipsis}.toc .toc-menu li.subheading-item{font-weight:var(--guk-font-weight-normal);margin-left:.7rem}.toc a{color:inherit;padding-right:8px;text-decoration:none}.toc .toc-menu li a.toc-active,.toc a:hover{color:var(--guk-color-neutral-900)}.toc .toc-menu li a.toc-active{font-weight:var(--guk-font-weight-semibold)}.hardhat-truffle-toggle{background:url(../images/toggle-active.svg) 50%/contain no-repeat;border:0;height:30px;margin:0;outline:0;overflow:hidden;padding:0;white-space:nowrap;width:120px}.hardhat-truffle-toggle:active{background-image:url(../images/toggle-active.svg)!important}.hardhat-truffle-toggle span{opacity:0;pointer-events:none}.preference-truffle .hardhat{display:none}.preference-truffle .hardhat-truffle-toggle{background-image:url(../images/toggle-preference-truffle.svg)}.preference-hardhat .truffle{display:none}.preference-hardhat .hardhat-truffle-toggle{background-image:url(../images/toggle-preference-hardhat.svg)} /* !important is essential in this context to take precedent over default styles */div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner{padding:var(--u2)!important}div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording{margin-bottom:var(--u)!important;margin-right:0!important}div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording p,div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer{line-height:16px!important;margin:0!important;max-width:100%!important}div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-buttons-area{margin-right:0!important;margin-top:var(--u)!important}div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button,div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-decline-button{height:30px!important}@media (min-width:751px){div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer{margin-right:0!important}} /*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/ui/theme/dist/index.css.map b/ui/theme/dist/index.css.map index bbb51070..8b296820 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 padding: var(--guk-space-1) var(--guk-space-2);\n font-family: var(--guk-font-family-monospace, monospace);\n font-size: 0.95em;\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.sectionbody {\n /* background-color: var(--guk-color-neutral-0); \n border: 1px solid var(--guk-color-neutral-100);\n border-radius: var(--guk-border-rounded-xl);\n padding: var(--guk-space-6); */\n}\n\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: var(--guk-space-6) var(--guk-space-5); /* 1.5rem 1.2rem */\n}\n.card a .card-body {\n flex-grow: 1;\n}\n\n.card-title {\n display: flex;\n align-items: 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: var(--guk-space-2); /* 0.5rem */\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/* Product-specific card styles */\n.card-contracts a {\n --card-icon: url(../images/contracts_white.svg);\n background-image: linear-gradient(45deg, var(--guk-color-primary-500) 0%, #a134d1 100%);\n}\n\n.card-defender a {\n --card-icon: url(../images/defender_white.svg);\n background-image: linear-gradient(-135deg, var(--guk-color-info-500) 0%, #00c7f2 100%);\n}\n\n/* Icons for other cards */\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: 1.2rem;\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}\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\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: 0;\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-2); /* 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}\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}\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  padding: var(--guk-space-1) var(--guk-space-2);\r\n  font-family: var(--guk-font-family-monospace, monospace);\r\n  font-size: 0.95em;\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.sectionbody{\r\n /* background-color: var(--guk-color-neutral-0); \r\n  border: 1px solid var(--guk-color-neutral-100);\r\n  border-radius: var(--guk-border-rounded-xl);\r\n  padding: var(--guk-space-6); */\r\n}\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  .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: var(--guk-space-6) var(--guk-space-5); /* 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  align-items: 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(--guk-border-rounded);\r\n  color: inherit;\r\n  text-decoration: none;\r\n  font-size: var(--guk-font-size-sm); /* 0.9rem */\r\n\r\n  .card-title {\r\n    font-family: var(--guk-font-family);\r\n    font-weight: var(--guk-font-weight-semibold);\r\n    font-size: var(--guk-font-size-base); /* 1rem */\r\n    line-height: 1.4;\r\n    margin-bottom: var(--guk-space-5); /* 1.2rem */\r\n  }\r\n}\r\n\r\n/* styling learn */\r\n\r\n.card-learn a {\r\n  border: solid 1px var(--guk-color-neutral-300); /* #cacbcc */\r\n  border-left: solid 3px var(--guk-color-neutral-700); /* #53536B */\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\r\n\r\n  .card-title {\r\n    margin-bottom: var(--guk-space-4); /* 0.8rem */\r\n  }\r\n\r\n  &:hover {\r\n    border-color: var(--guk-color-primary-200); /* #B8BFF4 */\r\n    border-left-color: var(--guk-color-primary-400); /* #3164fa */\r\n    box-shadow: 0 6px 12px 0 rgba(60, 60, 60, 0.09);\r\n\r\n    .card-title {\r\n      color: var(--guk-color-primary-400); /* #3164fa */\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: var(--guk-space-2); /* 0.5rem */\r\n  }\r\n}\r\n\r\n.card-primary a {\r\n  min-height: 14rem;\r\n  color: var(--guk-color-neutral-0); /* White text */\r\n  position: relative;\r\n  padding-top: var(--guk-space-12); /* 3rem */\r\n  padding-bottom: var(--guk-space-8); /* 2rem */\r\n  overflow: hidden;\r\n\r\n  .card-title {\r\n    font-size: var(--guk-font-size-lg); /* 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(--guk-font-family);\r\n    font-weight: var(--guk-font-weight-semibold);\r\n    font-size: var(--guk-font-size-sm); /* 0.8em */\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n  }\r\n}\r\n\r\n.card-secondary a {\r\n  border: solid 1px var(--guk-color-neutral-100); /* #e9e9ed */\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\r\n\r\n  &:hover {\r\n    border-color: var(--guk-color-neutral-200); /* #dfdfe0 */\r\n  }\r\n}\r\n\r\n/* Product-specific card styles */\r\n\r\n.card-contracts a {\r\n  --card-icon: url(../images/contracts_white.svg);\r\n  background-image: linear-gradient(45deg, var(--guk-color-primary-500) 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, var(--guk-color-info-500) 0%, #00c7f2 100%);\r\n}\r\n\r\n/* Icons for other cards */\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}\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: 1.2rem;\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}\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}\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: 0;\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-2); /* 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\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}\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 {\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.sectionbody {\n  /* background-color: var(--guk-color-neutral-0); \n   border: 1px solid var(--guk-color-neutral-100);\n   border-radius: var(--guk-border-rounded-xl);\n   padding: var(--guk-space-6); */\n}\n\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: var(--guk-space-6) var(--guk-space-5); /* 1.5rem 1.2rem */\n}\n.card a .card-body {\n  flex-grow: 1;\n}\n\n.card-title {\n  display: flex;\n  align-items: 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: var(--guk-space-2); /* 0.5rem */\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/* Product-specific card styles */\n.card-contracts a {\n  --card-icon: url(../images/contracts_white.svg);\n  background-image: linear-gradient(45deg, var(--guk-color-primary-500) 0%, #a134d1 100%);\n}\n\n.card-defender a {\n  --card-icon: url(../images/defender_white.svg);\n  background-image: linear-gradient(-135deg, var(--guk-color-info-500) 0%, #00c7f2 100%);\n}\n\n/* Icons for other cards */\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\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.sectionbody{\r\n /* background-color: var(--guk-color-neutral-0); \r\n  border: 1px solid var(--guk-color-neutral-100);\r\n  border-radius: var(--guk-border-rounded-xl);\r\n  padding: var(--guk-space-6); */\r\n}\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  .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: var(--guk-space-6) var(--guk-space-5); /* 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  align-items: 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(--guk-border-rounded);\r\n  color: inherit;\r\n  text-decoration: none;\r\n  font-size: var(--guk-font-size-sm); /* 0.9rem */\r\n\r\n  .card-title {\r\n    font-family: var(--guk-font-family);\r\n    font-weight: var(--guk-font-weight-semibold);\r\n    font-size: var(--guk-font-size-base); /* 1rem */\r\n    line-height: 1.4;\r\n    margin-bottom: var(--guk-space-5); /* 1.2rem */\r\n  }\r\n}\r\n\r\n/* styling learn */\r\n\r\n.card-learn a {\r\n  border: solid 1px var(--guk-color-neutral-300); /* #cacbcc */\r\n  border-left: solid 3px var(--guk-color-neutral-700); /* #53536B */\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\r\n\r\n  .card-title {\r\n    margin-bottom: var(--guk-space-4); /* 0.8rem */\r\n  }\r\n\r\n  &:hover {\r\n    border-color: var(--guk-color-primary-200); /* #B8BFF4 */\r\n    border-left-color: var(--guk-color-primary-400); /* #3164fa */\r\n    box-shadow: 0 6px 12px 0 rgba(60, 60, 60, 0.09);\r\n\r\n    .card-title {\r\n      color: var(--guk-color-primary-400); /* #3164fa */\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: var(--guk-space-2); /* 0.5rem */\r\n  }\r\n}\r\n\r\n.card-primary a {\r\n  min-height: 14rem;\r\n  color: var(--guk-color-neutral-0); /* White text */\r\n  position: relative;\r\n  padding-top: var(--guk-space-12); /* 3rem */\r\n  padding-bottom: var(--guk-space-8); /* 2rem */\r\n  overflow: hidden;\r\n\r\n  .card-title {\r\n    font-size: var(--guk-font-size-lg); /* 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(--guk-font-family);\r\n    font-weight: var(--guk-font-weight-semibold);\r\n    font-size: var(--guk-font-size-sm); /* 0.8em */\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n  }\r\n}\r\n\r\n.card-secondary a {\r\n  border: solid 1px var(--guk-color-neutral-100); /* #e9e9ed */\r\n  color: var(--guk-color-neutral-600); /* Replaces var(--color-text-light) */\r\n\r\n  &:hover {\r\n    border-color: var(--guk-color-neutral-200); /* #dfdfe0 */\r\n  }\r\n}\r\n\r\n/* Product-specific card styles */\r\n\r\n.card-contracts a {\r\n  --card-icon: url(../images/contracts_white.svg);\r\n  background-image: linear-gradient(45deg, var(--guk-color-primary-500) 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, var(--guk-color-info-500) 0%, #00c7f2 100%);\r\n}\r\n\r\n/* Icons for other cards */\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}\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}\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