.bd-copy-button {
--bde-design-library-outline-color: rgb(177, 202, 255);
--bde-design-library-button-color: #FFC514;
--bde-design-library-button-text-color: black;
--bde-design-library-button-success-color: #22c55e;
--bde-design-library-button-success-text-color: white;
appearance: none;
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 500;
white-space: nowrap;
text-indent: -9999px;
color: var(--bde-design-library-button-text-color);
background-color: var(--bde-design-library-button-color);
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0,
rgba(0, 0, 0, 0.1) 0 1px 2px -1px;
border: none;
cursor: pointer;
padding: 15px;
line-height: 1;
border-radius: 9999px;
opacity: 0;
pointer-events: none;
transition: .3s opacity ease, .3s transform ease;
text-transform: lowercase;
}
.bd-copy-button:before {
content: '';
display: inline-block;
width: 20px;
height: 18px;
background-color: black;
mask-image: url("data:image/svg+xml,%3Csvg stroke='%23475569' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M4 2.75H2.75c-1.1 0-2 .9-2 2v8.5c0 1.1.9 2 2 2h8.5c1.1 0 2-.9 2-2v-8.5c0-1.1-.9-2-2-2H10' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M9 4.25H5c-.55 0-1-.45-1-1v-1.5c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v1.5c0 .55-.45 1-1 1ZM4.75 8.25h4.5M4.75 11.25h4.5' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg stroke='%23475569' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M4 2.75H2.75c-1.1 0-2 .9-2 2v8.5c0 1.1.9 2 2 2h8.5c1.1 0 2-.9 2-2v-8.5c0-1.1-.9-2-2-2H10' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M9 4.25H5c-.55 0-1-.45-1-1v-1.5c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v1.5c0 .55-.45 1-1 1ZM4.75 8.25h4.5M4.75 11.25h4.5' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
} .bd-copy-button--import {
border-radius: 3px;
width: auto;
text-indent: 0;
gap: 5px;
padding: 15px 30px;
line-height: 1.5;
}
.bd-copy-button--import:before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class=''%3E%3Cpath fill='%23475569' d='M24 80.03h336c13.25 0 24-10.76 24-24.02S373.3 32 360 32H24C10.75 32 0 42.76 0 56.02s10.75 24.01 24 24.01zM81.47 304.2L168 212.1v243.8c0 13.3 10.8 24.1 24 24.1s24-10.77 24-24.04V212.1l86.53 92.05c4.77 5.05 11.07 7.55 17.47 7.55 5.906 0 11.81-2.16 16.44-6.541 9.656-9.076 10.12-24.29 1.031-33.96l-128-136.2c-9.062-9.702-25.88-9.702-34.94 0L46.53 271.2c-9.09 9.7-8.62 24.9 1.03 34 9.63 9.1 24.82 8.7 33.91-1z'%3E%3C/path%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class=''%3E%3Cpath fill='%23475569' d='M24 80.03h336c13.25 0 24-10.76 24-24.02S373.3 32 360 32H24C10.75 32 0 42.76 0 56.02s10.75 24.01 24 24.01zM81.47 304.2L168 212.1v243.8c0 13.3 10.8 24.1 24 24.1s24-10.77 24-24.04V212.1l86.53 92.05c4.77 5.05 11.07 7.55 17.47 7.55 5.906 0 11.81-2.16 16.44-6.541 9.656-9.076 10.12-24.29 1.031-33.96l-128-136.2c-9.062-9.702-25.88-9.702-34.94 0L46.53 271.2c-9.09 9.7-8.62 24.9 1.03 34 9.63 9.1 24.82 8.7 33.91-1z'%3E%3C/path%3E%3C/svg%3E");
background-color: black;
} .bd-copy-button--success {
color: var(--bde-design-library-button-success-text-color);
background-color: var(--bde-design-library-button-success-color);
}
.bd-copy-button--success:before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath fill='%23fff' d='M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15Z'/%3E%3C/svg%3E");
mask-size: 25px 25px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath fill='%23fff' d='M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15Z'/%3E%3C/svg%3E");
-webkit-mask-size: 25px 25px;
background-color: white;
} [data-element]:hover {
outline-offset: -1px;
outline: 1px solid var(--bde-design-library-outline-color);
}
[data-element]:hover .bd-copy-button {
opacity: 1;
pointer-events: auto;
}
.is-external-link {
cursor: not-allowed!important;
}html:root,
[data-hsx*="dark"],
html:root[data-hsx*="light"] [data-hsx*="inverted"] {
--hcl-on-brand: #000000;
--hcl-brand-1: #11201d;
--hcl-brand-2: #142623;
--hcl-brand-3: #184a41;
--hcl-brand-4: #1d6357;
--hcl-brand-5: #257266;
--hcl-brand-6: #2e8072;
--hcl-brand-7: #3a9787;
--hcl-brand-8: #4abba8;
--hcl-brand-9: #85c2b8;
--hcl-brand-10: #96d4c9;
--hcl-brand-11: #a7fff1;
--hcl-brand-12: #dcfff9;
--hcl-brand-1a: hsla(0, 0%, 0%, 0);
--hcl-brand-2a: hsla(177.23, 97.99%, 60.98%, 0.054);
--hcl-brand-3a: hsla(171.28, 98.85%, 65.88%, 0.148);
--hcl-brand-4a: hsla(172.02, 100%, 66.08%, 0.219);
--hcl-brand-5a: hsla(170.98, 100%, 66.08%, 0.286);
--hcl-brand-6a: hsla(170.29, 100%, 66.08%, 0.371);
--hcl-brand-7a: hsla(169.25, 100%, 66.08%, 0.514);
--hcl-brand-8a: hsla(169.25, 100%, 66.08%, 0.733);
--hcl-brand-9a: hsla(170.98, 100%, 70%, 0.786);
--hcl-brand-10a: hsla(170, 100%, 72.94%, 0.844);
--hcl-brand-11a: hsla(169.29, 100%, 78.04%, 0.98);
--hcl-brand-12a: hsla(172, 100%, 97.06%, 0.98);
--hcl-on-neutral: #000000;
--hcl-neutral-1: #101211;
--hcl-neutral-2: #171918;
--hcl-neutral-3: #202221;
--hcl-neutral-4: #272a29;
--hcl-neutral-5: #2e3130;
--hcl-neutral-6: #373b39;
--hcl-neutral-7: #444947;
--hcl-neutral-8: #5b625f;
--hcl-neutral-9: #63706b;
--hcl-neutral-10: #717d79;
--hcl-neutral-11: #adb5b2;
--hcl-neutral-12: #eceeed;
--hcl-neutral-1a: hsla(0, 0%, 0%, 0);
--hcl-neutral-2a: hsla(123, 94.4%, 91.4%, 0.026);
--hcl-neutral-3a: hsla(123, 82.9%, 91.0%, 0.057);
--hcl-neutral-4a: hsla(124, 97.9%, 94.5%, 0.082);
--hcl-neutral-5a: hsla(125, 90.0%, 95.2%, 0.104);
--hcl-neutral-6a: hsla(142, 95.1%, 94.8%, 0.134);
--hcl-neutral-7a: hsla(143, 92.8%, 95.7%, 0.173);
--hcl-neutral-8a: hsla(146, 94.7%, 95.3%, 0.255);
--hcl-neutral-9a: hsla(151, 98.2%, 94.4%, 0.397);
--hcl-neutral-10a: hsla(148, 99.5%, 95.5%, 0.457);
--hcl-neutral-11a: hsla(152, 95.1%, 97.3%, 0.600);
--hcl-neutral-12a: hsla(149, 93.3%, 99.6%, 0.927);
}
:root:root[data-hsx*="light"],
[data-hsx*="light"],
[data-hsx*="invert"] {
--hcl-brand-1: #fcfefd;
--hcl-brand-2: #f8fffd;
--hcl-brand-3: #f0fefb;
--hcl-brand-4: #e4fff8;
--hcl-brand-5: #d9fff6;
--hcl-brand-6: #c9fff2;
--hcl-brand-7: #b1f9ea;
--hcl-brand-8: #95f0e0;
--hcl-brand-9: #85c2b8;
--hcl-brand-10: #74b1a7;
--hcl-brand-11: #40c9b0;
--hcl-brand-12: #22635a;
--hcl-brand-1a: hsla(165, 95.2%, 41.2%, 0.020);
--hcl-brand-2a: hsla(169, 99.5%, 39.4%, 0.055);
--hcl-brand-3a: hsla(167, 97.6%, 38.1%, 0.095);
--hcl-brand-4a: hsla(168, 98.1%, 34.6%, 0.150);
--hcl-brand-5a: hsla(170, 99.4%, 32.3%, 0.220);
--hcl-brand-6a: hsla(170, 99.7%, 30.1%, 0.314);
--hcl-brand-7a: hsla(170, 99.3%, 28.7%, 0.448);
--hcl-brand-8a: hsla(172, 99.8%, 29.7%, 0.675);
--hcl-brand-9a: hsla(173, 99.8%, 31.1%, 0.930);
--hcl-brand-10a: hsla(173, 99.7%, 28.7%, 0.946);
--hcl-brand-11a: hsla(174, 99.8%, 23.3%, 0.977);
--hcl-brand-12a: hsla(171, 98.8%, 6.8%, 0.938);
--hcl-neutral-1: #fbfdfc;
--hcl-neutral-2: #f7f9f8;
--hcl-neutral-3: #eef1f0;
--hcl-neutral-4: #e6e9e8;
--hcl-neutral-5: #dfe2e0;
--hcl-neutral-6: #d7dad9;
--hcl-neutral-7: #cbcfcd;
--hcl-neutral-8: #b8bcba;
--hcl-neutral-9: #868e8b;
--hcl-neutral-10: #7c8481;
--hcl-neutral-11: #5f6563;
--hcl-neutral-12: #1a211e;
--hcl-neutral-1a: hsla(150, 92.6%, 26.5%, 0.016);
--hcl-neutral-2a: hsla(150, 87.7%, 16.0%, 0.028);
--hcl-neutral-3a: hsla(160, 98.4%, 10.9%, 0.055);
--hcl-neutral-4a: hsla(140, 92.3%, 8.5%, 0.075);
--hcl-neutral-5a: hsla(160, 86.0%, 6.9%, 0.099);
--hcl-neutral-6a: hsla(156, 95.1%, 8.2%, 0.126);
--hcl-neutral-7a: hsla(156, 98.6%, 6.3%, 0.157);
--hcl-neutral-8a: hsla(154, 94.6%, 6.0%, 0.240);
--hcl-neutral-9a: hsla(154, 98.7%, 3.0%, 0.459);
--hcl-neutral-10a: hsla(154, 93.5%, 2.9%, 0.499);
--hcl-neutral-11a: hsla(154, 95.2%, 2.5%, 0.585);
--hcl-neutral-12a: hsla(158, 97.0%, 2.4%, 0.934);
}
:root { --hsx-page-width: 1400px;
--hsx-min-offset: 0px;
--hsx-page-gap: 20px; --bde-section-width: 1400px !important;
--bde-section-horizontal-padding: 0px !important;
--bde-column-gap: 20px !important;
--hsx-bleed-offset: max(calc(((100vw - (var(--bde-section-width))) / 2) + var(--bde-section-horizontal-padding)), calc(var(--bde-section-horizontal-padding) + 5px));
}
:root {
--headspin-theme-API: eyJ0aGVtZSI6ImRhcmsifQ==;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
line-height: calc(8px + 2.15ex)
}
html:root { --hrd-s: 6px;
--hrd-m: 8px;
--hrd-l: 12px;
--hrd-pill: 500px;
--hrd-atom: 6px;
}
html:root { --hfs-h0: clamp(3.0625rem, 2.185rem + 2.932vw, 4.75rem);
--hfs-h1: clamp(2.4375rem, 1.852rem + 1.954vw, 3.5625rem);
--hfs-h2: clamp(1.9375rem, 1.547rem + 1.303vw, 2.6875rem);
--hfs-h3: clamp(1.5625rem, 1.335rem + 0.760vw, 2rem);
--hfs-h4: clamp(1.25rem, 1.120rem + 0.434vw, 1.5rem);
--hfs-h5: clamp(1rem, 0.935rem + 0.217vw, 1.125rem);
--hfs-h6: clamp(1rem, 0.935rem + 0.217vw, 1.125rem);
--hfs-text-l: clamp(1.25rem, 1.120rem + 0.434vw, 1.5rem);
--hfs-text-m: clamp(1rem, 0.935rem + 0.217vw, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000vw, 0.875rem);
--hsp-xxl: clamp(4.125rem, 3.507rem + 2.063vw, 5.3125rem);
--hsp-xl: clamp(3.125rem, 2.670rem + 1.520vw, 4rem);
--hsp-l: clamp(2.3125rem, 1.955rem + 1.194vw, 3rem);
--hsp-m: clamp(1.75rem, 1.490rem + 0.869vw, 2.25rem);
--hsp-s: clamp(1.3125rem, 1.117rem + 0.651vw, 1.6875rem);
--hsp-xs: clamp(1rem, 0.870rem + 0.434vw, 1.25rem);
--hsp-xxs: clamp(0.75rem, 0.652rem + 0.326vw, 0.9375rem);
--hss-xxl: clamp(12.4375rem, 10.585rem + 6.189vw, 16rem);
--hss-xl: clamp(9.3125rem, 7.915rem + 4.669vw, 12rem);
--hss-l: clamp(7rem, 5.960rem + 3.474vw, 9rem);
--hss-m: clamp(5.25rem, 4.470rem + 2.606vw, 6.75rem);
--hss-s: clamp(3.9375rem, 3.352rem + 1.954vw, 5.0625rem);
--hss-xs: clamp(2.9375rem, 2.482rem + 1.520vw, 3.8125rem);
--hss-xxs: clamp(2.25rem, 1.925rem + 1.086vw, 2.875rem);
}
@supports (font-size: 1cqi) {
html:root {
--hfs-h0: clamp(3.0625rem, 2.185rem + 2.932cqi, 4.75rem);
--hfs-h1: clamp(2.4375rem, 1.852rem + 1.954cqi, 3.5625rem);
--hfs-h2: clamp(1.9375rem, 1.547rem + 1.303cqi, 2.6875rem);
--hfs-h3: clamp(1.5625rem, 1.335rem + 0.760cqi, 2rem);
--hfs-h4: clamp(1.25rem, 1.120rem + 0.434cqi, 1.5rem);
--hfs-h5: clamp(1rem, 0.935rem + 0.217cqi, 1.125rem);
--hfs-h6: clamp(1rem, 0.935rem + 0.217cqi, 1.125rem);
--hfs-text-l: clamp(1.25rem, 1.120rem + 0.434cqi, 1.5rem);
--hfs-text-m: clamp(1rem, 0.935rem + 0.217cqi, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000cqi, 0.875rem);
--hsp-xxl: clamp(4.125rem, 3.507rem + 2.063cqi, 5.3125rem);
--hsp-xl: clamp(3.125rem, 2.670rem + 1.520cqi, 4rem);
--hsp-l: clamp(2.3125rem, 1.955rem + 1.194cqi, 3rem);
--hsp-m: clamp(1.75rem, 1.490rem + 0.869cqi, 2.25rem);
--hsp-s: clamp(1.3125rem, 1.117rem + 0.651cqi, 1.6875rem);
--hsp-xs: clamp(1rem, 0.870rem + 0.434cqi, 1.25rem);
--hsp-xxs: clamp(0.75rem, 0.652rem + 0.326cqi, 0.9375rem);
--hss-xxl: clamp(12.4375rem, 10.585rem + 6.189cqi, 16rem);
--hss-xl: clamp(9.3125rem, 7.915rem + 4.669cqi, 12rem);
--hss-l: clamp(7rem, 5.960rem + 3.474cqi, 9rem);
--hss-m: clamp(5.25rem, 4.470rem + 2.606cqi, 6.75rem);
--hss-s: clamp(3.9375rem, 3.352rem + 1.954cqi, 5.0625rem);
--hss-xs: clamp(2.9375rem, 2.482rem + 1.520cqi, 3.8125rem);
--hss-xxs: clamp(2.25rem, 1.925rem + 1.086cqi, 2.875rem);
}
}
html:root,
[data-hsx*="dark"],
html:root[data-hsx*="light"] [data-hsx*="inverted"] {
--bde-headings-color: var(--hcl-neutral-12);
--bde-body-text-color: var(--hcl-neutral-12);
--bde-background-color: var(--hcl-neutral-1);
--bde-brand-primary-color: var(--hcl-brand-9);
--bde-brand-primary-color-hover: var(--hcl-brand-10);
--bde-links-color: var(--hcl-neutral-12);
--bde-links-color-hover: var(--hcl-brand-10);
}
:root:root[data-hsx*="light"],
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="invert"] {
--bde-headings-color: var(--hcl-neutral-12);
--bde-body-text-color: var(--hcl-neutral-11);
--bde-background-color: var(--hcl-neutral-1);
--bde-brand-primary-color: var(--hcl-brand-4);
--bde-brand-primary-color-hover: var(--hcl-brand-10);
--bde-links-color: var(--hcl-brand-9);
--bde-links-color-hover: var(--hcl-brand-10);
}
html:root {
--bde-h1-font-size: var(--hfs-h1);
--bde-h2-font-size: var(--hfs-h2);
--bde-h3-font-size: var(--hfs-h3);
--bde-h4-font-size: var(--hfs-h4);
--bde-h5-font-size: var(--hfs-h5);
--bde-h6-font-size: var(--hfs-h6);
--bde-body-font-size: var(--hfs-text-m);
}