@xyd-js/components 0.1.0-build.168

package/dist/index.css

@@ -0,0 +1,282 @@
+.shoi6ow [data-desktop]:has(xyd-nav-item xyd-search-button){width:100%;}.shoi6ow xyd-nav-item:has(xyd-search-button){flex:1;}
+
+@layer components{.ca1c472{--space-small:8px;--space-medium:16px;--space-large:20px;--space-xlarge:24px;--space-xxlarge:32px;--space-2xlarge:50px;font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.ca1c472 p:not(li p):not(ul p):not(xyd-callout p):not(xyd-codetabs p):not(xyd-guidecard p):not([data-button="true"] p){margin-top:var(--space-medium);}.ca1c472 button p{color:var(--xyd-button-primary-color);}.ca1c472>img{margin-top:var(--space-medium);}.ca1c472 figure{margin:0;padding:12px;background:var(--dark16);border-radius:15px;border:1px solid var(--dark32);text-align:center;padding-bottom:0;}.ca1c472 figure figcaption{padding:4px;}.ca1c472 blockquote{margin-top:var(--space-medium);}.ca1c472 img{margin-top:var(--space-medium);}.ca1c472 xyd-steps{margin-top:var(--space-medium);}.ca1c472 table{margin-top:var(--space-xlarge);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.ca1c472 details{margin-top:var(--space-medium);}.ca1c472 details:not([data-kind="tertiary"]){--xyd-callout-bgcolor:var(--white);}.ca1c472 details summary [part="summary-deep"],.ca1c472 details summary [part="summary-deep-label"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.ca1c472 details summary [part="summary-deep-label"]{font-weight:bold;}.ca1c472 details[data-kind="secondary"] code{background:var(--xyd-details-bgcolor--secondary);}.ca1c472 hr{margin:var(--space-xxlarge) 0;}.ca1c472 p{display:block;}.ca1c472 p code{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);margin:0;}.ca1c472 h2,.ca1c472 h3,.ca1c472 h4,.ca1c472 h5,.ca1c472 h6{margin-top:var(--space-xxlarge);}.ca1c472 h2[data-kind="muted"],.ca1c472 h3[data-kind="muted"],.ca1c472 h4[data-kind="muted"],.ca1c472 h5[data-kind="muted"],.ca1c472 h6[data-kind="muted"]{display:block;}.ca1c472 h2{margin-top:var(--space-2xlarge);}.ca1c472 h2:first-of-type{margin-top:var(--space-xxlarge);}.ca1c472 h4[data-kind="muted"]{margin:4px 0 16px;}.ca1c472 ul:not(xyd-tabs ul),.ca1c472 ol:not(xyd-tabs ol){margin-top:var(--space-medium);}.ca1c472 xyd-codetabs,.ca1c472 xyd-callout,.ca1c472 xyd-guidecard,.ca1c472 xyd-tabs{margin:var(--space-large) 0;}.ca1c472 xyd-guidecard [part="body"]{color:var(--dark48);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-medium);}.ca1c472 xyd-guidecard [part="body"] p{color:var(--dark48);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-medium);}.ca1c472 xyd-guidecard-list xyd-guidecard{margin-bottom:0;}.ca1c472 xyd-tabs [part="buttons"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.ca1c472 xyd-callout{--xyd-font-size-medium:var(--xyd-font-size-small);}.ca1c472 xyd-codetabs xyd-code-pre{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.ca1c472 xyd-breadcrumbs{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}@media (min-width: 1025px) and (max-width: 1400px){.ca1c472 xyd-grid-decorator ul ul{grid-template-columns:repeat(2, 1fr);}.ca1c472 xyd-grid-decorator[data-cols]{--data-cols:2;}}.ca1c472 [data-content-element]:not([data-content-element="false"]){margin-top:var(--space-medium);}}
+
+@layer components{.g1wc20vm{display:grid;gap:1rem;width:100%;}.g1wc20vm >ul{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;}.g1wc20vm ul ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;width:100%;}.g1wc20vm[data-cols="2"]{--data-cols:2;}.g1wc20vm[data-cols="3"]{--data-cols:3;}.g1wc20vm[data-cols="4"]{--data-cols:4;}.g1wc20vm[data-cols="5"]{--data-cols:5;}.g1wc20vm[data-cols="6"]{--data-cols:6;}.g1wc20vm[data-cols]{--cols:var(--data-cols, 2);}.g1wc20vm[data-cols] ul ul{grid-template-columns:repeat(var(--cols), 1fr);}@media (max-width: 768px){.g1wc20vm >ul{gap:0;}.g1wc20vm ul ul{grid-template-columns:1fr;}.g1wc20vm[data-cols]{--data-cols:1;}}@media (min-width: 769px) and (max-width: 1024px){.g1wc20vm ul ul{grid-template-columns:repeat(2, 1fr);}.g1wc20vm[data-cols]{--data-cols:2;}}.g1wc20vm ul::before,.g1wc20vm ol::before,.g1wc20vm li::before{content:none;}.g1wc20vm ul,.g1wc20vm ol{display:grid;margin:0;padding:0!important;list-style:none;}.g1wc20vm li{margin-left:0!important;padding-left:0!important;}}
+
+.ht0uhof{display:flex;flex-direction:column;min-height:100vh;}
+.hv4nn8x{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
+.hjhxqbp{background:repeating-linear-gradient(to right, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px),repeating-linear-gradient(to bottom, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px);}
+.h16x7upz{width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px;}
+@media (max-width: 1200px){.h16x7upz{width:100%;padding:0 20px;}}
+@media (max-width: 768px){.h16x7upz{width:100%;padding:0 10px;}}
+
+.f30yyk8{border-top:1px solid var(--dark32);display:flex;align-items:center;flex-direction:column;}.f30yyk8 p{color:var(--text-primary);font-weight:bold;}.f30yyk8 hr{background:var(--dark32);width:100%;height:1px;}.f30yyk8 a{color:var(--dark48);font-weight:var(--xyd-font-weight-medium);}.f30yyk8 a:hover{color:var(--dark80);}.f30yyk8 [part="container"]{display:flex;align-items:center;flex-direction:column;gap:24px;justify-content:space-between;max-width:1050px;width:100%;padding:100px 25px;}.f30yyk8[data-kind="minimal"] [part="container"]{max-width:100%;padding:20px;}.f30yyk8 [part="content"]{display:flex;flex-direction:row;gap:32px;justify-content:space-between;width:100%;}@media (max-width: 768px){.f30yyk8 [part="content"]{flex-direction:column;gap:24px;}}.f30yyk8 [part="first-column"]{display:flex;height:24px;}.f30yyk8 [part="first-column"] img,.f30yyk8 [part="first-column"] svg{height:28px;width:auto;}@media (min-width: 1024px){.f30yyk8 [part="first-column"]{min-width:140px;}}@media (max-width: 768px){.f30yyk8 [part="first-column"]{align-self:flex-start;}}.f30yyk8 [part="columns"]{display:grid;gap:32px;grid-template-columns:repeat(auto-fill, minmax(0, 1fr));flex:1 1 0%;}@media (max-width: 768px){.f30yyk8 [part="columns"]{grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px;width:100%;}}@media (max-width: 680px){.f30yyk8 [part="columns"]{grid-template-columns:repeat(1, minmax(0, 1fr));gap:20px;}}.f30yyk8 [part="columns"][data-cols="1"]{grid-template-columns:repeat(1, minmax(0, 1fr));}.f30yyk8 [part="columns"][data-cols="2"]{grid-template-columns:repeat(2, minmax(0, 1fr));}@media (max-width: 680px){.f30yyk8 [part="columns"][data-cols="2"]{grid-template-columns:repeat(1, minmax(0, 1fr));}}.f30yyk8 [part="columns"][data-cols="3"]{grid-template-columns:repeat(3, minmax(0, 1fr));}@media (max-width: 768px){.f30yyk8 [part="columns"][data-cols="3"]{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (max-width: 680px){.f30yyk8 [part="columns"][data-cols="3"]{grid-template-columns:repeat(1, minmax(0, 1fr));}}.f30yyk8 [part="columns"][data-cols="4"]{grid-template-columns:repeat(4, minmax(0, 1fr));}@media (max-width: 768px){.f30yyk8 [part="columns"][data-cols="4"]{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (max-width: 680px){.f30yyk8 [part="columns"][data-cols="4"]{grid-template-columns:repeat(1, minmax(0, 1fr));}}.f30yyk8 [part="columns"][data-cols="5"]{grid-template-columns:repeat(5, minmax(0, 1fr));}@media (max-width: 768px){.f30yyk8 [part="columns"][data-cols="5"]{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (max-width: 680px){.f30yyk8 [part="columns"][data-cols="5"]{grid-template-columns:repeat(1, minmax(0, 1fr));}}.f30yyk8[data-kind="minimal"] [part="columns"]{display:flex;}.f30yyk8 [part="col"]{display:flex;flex-direction:column;align-items:center;white-space:nowrap;gap:16px;}@media (max-width: 768px){.f30yyk8 [part="col"]{align-items:flex-start;white-space:normal;}}.f30yyk8 [part="col-items"]{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}@media (max-width: 768px){.f30yyk8 [part="col-items"]{align-items:flex-start;}}.f30yyk8[data-kind="minimal"] [part="col-items"]{flex-direction:row;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;}.f30yyk8 [part="social-links"]{display:flex;gap:16px;justify-content:flex-end;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;max-width:492px;min-width:140px;}@media (max-width: 768px){.f30yyk8 [part="social-links"]{justify-content:flex-start;max-width:100%;min-width:auto;}}.f30yyk8 [part="social-links"] svg{width:24px;height:24px;color:var(--dark48);fill:var(--dark48);}.f30yyk8 [part="social-links"] svg:hover{color:var(--dak80);fill:var(--dak80);}.f30yyk8 [part="footnote"]{display:flex;align-items:center;justify-content:space-between;}@media (max-width: 768px){.f30yyk8 [part="footnote"]{flex-direction:column;gap:16px;align-items:flex-start;}}
+
+@layer defaults{.s1f8k5y3{background-color:transparent;border-radius:var(--xyd-border-radius-large);border:1px solid var(--dark32);color:var(--text-primary);background:var(--dark16);font-size:var(--xyd-font-size-small);font-weight:var(--xyd-font-weight-semibold);height:36px;justify-content:space-between;display:flex;align-items:center;flex:1;padding:0 8px;margin:12px 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;transition:border-color .15s ease;max-width:var(--xyd-search-width, 300px);margin:0;cursor:pointer;}.s1f8k5y3[data-fullWidth]{max-width:100%;}.s1f8k5y3:hover{background:var(--dark16);box-shadow:none;color:var(--dark48);outline:none;box-shadow:none;border-color:var(--dark48);}.s1f8k5y3 [part="container"]{align-items:center;display:flex;}.s1f8k5y3 [part="placeholder"]{display:block!important;font-size:var(--xyd-font-size-small);color:var(--dark48);font-weight:var(--xyd-font-weight-normal);}.s1f8k5y3 [part="icon"]{stroke-width:1.4;color:var(--dark48)!important;height:15px;transition:color .15s var(--cubic-enter);}.s1f8k5y3 [part="keys"]{display:flex;gap:4px;min-width:auto;}.s1f8k5y3 [part="key"]{align-items:center;background:var(--dark16);border-radius:var(--xyd-border-radius-small);box-shadow:none;color:var(--dark48);display:flex;height:18px;line-height:18px;justify-content:center;font-size:12px;letter-spacing:1px;position:relative;padding:0;margin:0;border:0px;top:0;width:20px;}}
+
+.p1evzq73{--page-blog-home-padding:calc(var(--xyd-nav-item-padding) + var(--xyd-nav-padding));max-width:var(--page-bloghome-max-width, 800px);margin:0 auto;padding:48px var(--page-blog-home-padding) 0 var(--page-blog-home-padding);display:flex;flex-direction:column;}.p1evzq73 [part="posts"]{--spacing:.25rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(var(--spacing) * 80), 1fr));grid-gap:calc(var(--spacing) * 12) calc(var(--spacing) * 8);min-height:430px;margin-top:24px;margin-bottom:24px;}.p1evzq73 [part="pagination"]{margin-top:32px;}.p1evzq73 [part="card-content"]{display:flex;flex-direction:column;gap:12px;}.p1evzq73 [part="card-image"]{width:100%;height:180px;overflow:hidden;border-radius:8px;margin-bottom:16px;}.p1evzq73 [part="card-image"] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;}.p1evzq73 [part="card-author-row"]{display:flex;align-items:end;flex:1;gap:8px;margin-top:8px;}.p1evzq73 [part="card-author-avatar"]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;}.p1evzq73 xyd-guidecard [part="right"],.p1evzq73 xyd-guidecard [part="body"],.p1evzq73 xyd-guidecard [part="card-content"]{height:100%;}
+
+:root {--page-home-hero-font-size:50px;}
+.p1liujz1 [part="hero"]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 50px;background:var(--page-home-hero-background);}
+.p1liujz1 [part="hero"] h1{font-size:var(--page-home-hero-font-size, 50px);text-align:center;}
+.p1liujz1 [part="hero"] h1,.p1liujz1 [part="hero"] h2,.p1liujz1 [part="hero"] h3,.p1liujz1 [part="hero"] h4,.p1liujz1 [part="hero"] h5,.p1liujz1 [part="hero"] h6{font-weight:400;}
+.p1liujz1 [part="hero"] img{width:auto;max-height:60px;padding-bottom:18px;}
+.p1liujz1 [part="hero"] [data-button="true"]{margin-top:var(--xyd-padding-xlarge);}
+.p1liujz1 [part="sections"]{max-width:var(--page-home-container-width, 1300px);margin:0 auto;padding:30px 100px;}
+@media (max-width: 1024px){.p1liujz1 [part="sections"]{padding:25px;padding-inline:var(--theme-sidebar-padding-total, 25px);}}
+
+@layer themedecorator{xyd-layout-primary[data-layout="page"] [part="page-article-content"] {height:100%;}@media (min-width: 1024px){xyd-layout-primary[data-layout="page"] {grid-template-rows:auto 1fr auto;grid-template-columns:1fr;width:100%;height:-moz-max-content;height:max-content;min-height:100%;display:grid;}}body:has(xyd-layout-primary[data-layout="page"]) {height:100%;}html:has(body xyd-layout-primary[data-layout="page"]) {height:100%;}[data-color-scheme="dark"] {--page-first-slide-special-text-color:var(--xyd-heading-color, #fff);}@media (prefers-color-scheme: dark){ {--page-first-slide-special-text-color:var(--xyd-heading-color, #fff);}}@media (prefers-color-scheme: dark){:root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) {--page-first-slide-special-text-color:var(--xyd-heading-color, #fff);}}}
+.p1s96yum{display:grid;grid-template-columns:2fr 3fr;gap:60px;align-items:center;max-width:var(--page-first-slide-container-width, var(--page-home-container-width, 1200px));margin:0 auto;padding:50px;height:100%;}
+.p1s96yum [part="left"]{display:flex;flex-direction:column;gap:24px;}
+.p1s96yum [part="left"] h1{--special-text-color:var(--page-first-slide-special-text-color, #353535);background-image:linear-gradient(180deg, var(--special-text-color) 0%, 
+        color-mix(in oklab, var(--special-text-color) 80%, transparent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:var(--xyd-font-size-3xl);line-height:var(--xyd-line-height-3xl);}
+.p1s96yum [part="buttons"]{display:flex;flex-direction:column;gap:16px;margin-top:16px;}
+.p1s96yum [part="buttons"] [data-button="true"]{width:100%;}
+.p1s96yum [part="right"]{display:flex;align-items:center;justify-content:center;min-height:400px;}
+.p1s96yum [part="right"] img{max-width:100%;height:auto;}
+.p1s96yum [part="right"] pre{width:100%;max-width:100%;overflow-x:auto;}
+@media (max-width: 768px){.p1s96yum{grid-template-columns:1fr;gap:40px;padding:40px 20px;min-height:auto;}.p1s96yum [part="left"]{order:1;text-align:center;}.p1s96yum [part="right"]{order:2;min-height:300px;}.p1s96yum [part="buttons"]{align-items:center;}.p1s96yum [part="buttons"] [data-button="true"]{width:100%;max-width:300px;}}
+.p1s96yum xyd-codetabs{width:100%;}
+@media (max-width: 480px){.p1s96yum{padding:20px 16px;gap:32px;}}
+
+@layer defaults{.b1wifk81{border-color:var(--xyd-blockquote-border-color);color:var(--xyd-blockquote-color);font-style:italic;margin:0;display:grid;grid:auto/24px auto;}.b1wifk81 [part="quote"]{fill:var(--color-primary);}.b1wifk81 p::after{content:"”";}}
+
+@layer defaults{.bwgsk4h{display:flex;overflow:hidden;gap:4px;align-items:center;color:var(--xyd-breadcrumbs-color);}.bwgsk4h [part="item"]{white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}}
+
+@layer defaults{.chnegou{display:inline-flex;align-items:center;position:relative;width:100%;min-width:275px;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid var(--xyd-callout-border-color);background-color:var(--xyd-callout-bgcolor);overflow:auto;}.chnegou code{background:var(--white);}.chnegou[data-kind]{--callout-border-color:color-mix(in srgb, var(--callout-color) 30%, transparent);--callout-bgcolor:color-mix(in srgb, var(--callout-color-muted) 10%, transparent);border-color:var(--callout-border-color);background-color:var(--callout-bgcolor);}.chnegou[data-kind] p{color:var(--callout-color-active);}.chnegou[data-kind] a{color:var(--text-primary);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--callout-color-active);text-underline-offset:4px;text-decoration-thickness:1px;font-weight:var(--xyd-font-weight--semibold);}.chnegou[data-kind] a:hover{text-decoration-thickness:2px;}.chnegou[data-kind] [part="icon"] svg{color:var(--callout-color-active);fill:var(--callout-color-active);}.chnegou[data-kind="tip"]{--callout-color:var(--xyd-text-color--success);--callout-color-muted:var(--xyd-text-color--success--muted);--callout-color-active:var(--xyd-text-color--success--active);}.chnegou[data-kind="check"]{--callout-color:var(--xyd-text-color--success);--callout-color-muted:var(--xyd-text-color--success--muted);--callout-color-active:var(--xyd-text-color--success--active);}.chnegou[data-kind="warning"]{--callout-color:var(--xyd-text-color--warn);--callout-color-muted:var(--xyd-text-color--warn--muted);--callout-color-active:var(--xyd-text-color--warn--active);}.chnegou[data-kind="note"]{--callout-color:var(--xyd-text-color--info);--callout-color-muted:var(--xyd-text-color--info--muted);--callout-color-active:var(--xyd-text-color--info--active);}.chnegou[data-kind="danger"]{--callout-color:var(--xyd-text-color--error);--callout-color-muted:var(--xyd-text-color--error--muted);--callout-color-active:var(--xyd-text-color--error--active);}.chnegou [part="icon"]{display:inline-flex;margin-right:14px;flex:0 0 auto;align-self:flex-start;color:var(--xyd-callout-icon-color);margin-top:2px;}.chnegou [part="message"]{color:var(--xyd-callout-message-color);text-align:left;flex:1 1 auto;}}
+
+@layer defaults{.bjtblcp{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--xyd-button-border-radius, 6px);border:1px solid transparent;font-weight:var(--xyd-font-weight-medium);transition:all 0.2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;gap:8px;}.bjtblcp[data-size="xs"]{height:24px;padding:0 8px;gap:4px;font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.bjtblcp[data-size="xs"] p{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.bjtblcp[data-size="sm"]{height:28px;padding:0 12px;gap:6px;font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.bjtblcp[data-size="sm"] p{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.bjtblcp[data-size="md"]{height:36px;padding:0 16px;gap:8px;font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.bjtblcp[data-size="md"] p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.bjtblcp[data-size="lg"]{height:44px;padding:0 20px;gap:10px;font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.bjtblcp[data-size="lg"] p{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.bjtblcp[data-kind="primary"]{background-color:var(--xyd-button-primary-bg);color:var(--xyd-button-primary-color);border-color:var(--xyd-button-primary-border);}.bjtblcp[data-kind="primary"]:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--xyd-button-primary-bg-hover);border-color:var(--xyd-button-primary-border-hover);}.bjtblcp[data-kind="secondary"]{background-color:var(--xyd-button-secondary-bg);color:var(--xyd-button-secondary-color);border-color:var(--xyd-button-secondary-border);}.bjtblcp[data-kind="secondary"]:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--xyd-button-secondary-bg-hover);border-color:var(--xyd-button-secondary-border-hover);}.bjtblcp[data-kind="tertiary"]{background-color:var(--xyd-button-tertiary-bg);color:var(--xyd-button-tertiary-color);border-color:var(--xyd-button-tertiary-border);}.bjtblcp[data-kind="tertiary"]:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--xyd-button-tertiary-bg-hover);border-color:var(--xyd-button-tertiary-border-hover);}.bjtblcp[data-theme="ghost"]{background-color:unset;border:unset;padding:0;}.bjtblcp[data-theme="ghost"]:hover{background-color:unset;border:unset;}.bjtblcp[data-theme="ghost"]:hover svg{color:var(--dark60);}.bjtblcp[data-theme="ghost"] svg{color:var(--dark48);}.bjtblcp:disabled,.bjtblcp[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;}.bjtblcp [part="content"]{display:flex;align-items:center;justify-content:center;}.bjtblcp [part="icon"]{display:flex;align-items:center;justify-content:center;flex-shrink:0;}.bjtblcp:not([data-theme="ghost"]) [part="icon"] svg{width:16px!important;height:16px!important;}}
+
+.c1vswvqd{--card-shadow-atom-color:color-mix(
+        in srgb,
+        var(--black) 10%,
+        transparent 90%
+    );--card-shadow:0 1px 3px 0 var(--card-shadow-atom-color),0 1px 2px -1px var(--card-shadow-atom-color);--card-ring-offset-shadow:0 0 var(--black);--card-ring-shadow:0 0 var(--black);box-shadow:var(--card-ring-offset-shadow, 0 0 var(--black)),var(--card-ring-shadow, 0 0 var(--black)),var(--card-shadow);border-radius:8px;background-color:var(--xyd-card-bgcolor);flex-direction:column;display:flex;overflow:hidden;position:relative;height:100%;}.c1vswvqd:hover{--card-shadow:0 10px 15px -3px var(--card-shadow-atom-color),0 4px 6px -4px var(--card-shadow-atom-color);box-shadow:var(--card-ring-offset-shadow, 0 0 var(--black)),var(--card-ring-shadow, 0 0 var(--black)),var(--card-shadow);}.c1vswvqd [part="image-container"]{border-bottom:2px solid var(--xyd-card-border-color);height:200px;position:relative;transition:transform 0.1s ease-in;}.c1vswvqd [part="image-container"]:hover{transform:scale(1.02);}.c1vswvqd [part="image-container"] [part="bg"]{background-size:cover;background-repeat:no-repeat;position:relative;height:100%;}.c1vswvqd [part="image-container"] [part="bg-shadow"]{--card-gradient-from:hsla(0, 0%, 4%, 0) var(--xyd-gradient-from-position);--card-gradient-to:hsla(0, 0%, 4%, .2) var(--xyd-gradient-to-position);--card-gradient-stops:var(--card-gradient-from),hsla(0, 0%, 4%, .1) var(--xyd-gradient-via-position),var(--card-gradient-to);background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;top:0;width:100%;background-image:linear-gradient(to bottom, var(--card-gradient-stops));pointer-events:none;}.c1vswvqd [part="image-container"] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:-4px;}.c1vswvqd [part="author-link"]{--card-shadow:0 4px 6px -1px var(--card-shadow-atom-color),0 2px 4px -2px var(--card-shadow-atom-color);--card-bg-opacity:1;box-shadow:var(--card-ring-offset-shadow, 0 0 var(--black)),var(--card-ring-shadow, 0 0 var(--black)),var(--card-shadow);background-color:rgb(245 245 245 / var(--card-bg-opacity));border-width:1px;border-color:var(--dark8);border-radius:9999px;overflow:hidden;width:4rem;height:4rem;z-index:2;left:1.25rem;bottom:-2rem;position:absolute;}.c1vswvqd [part="author-link"] img{width:100%;height:100%;display:block;max-width:100%;}.c1vswvqd [part="body"]{padding:50px 1.25rem;}.c1vswvqd [part="body"] [part="header"]{margin-right:4px;align-items:center;justify-content:space-between;display:flex;}
+
+@layer defaults{.dwmojve{border-top:1px solid var(--xyd-details-border-color);}.dwmojve[data-kind="secondary"],.dwmojve[data-kind="tertiary"]{background-color:var(--xyd-details-bgcolor--secondary);border:1px solid var(--xyd-details-border-color);border-radius:8px;}.dwmojve[data-kind="tertiary"]{padding:8px;}.dwmojve[data-kind="tertiary"] [part="content"]{border-radius:8px;}.dwmojve[open] [part="summary"] svg[data-icon="true"]{transform:rotate(90deg);}.dwmojve [part="summary"]{padding:16px 14px 16px 0;cursor:pointer;font-weight:var(--xyd-font-weight-medium);font-variant-numeric:tabular-nums;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.dwmojve [part="summary"]:hover{color:var(--xyd-details-summary-color--active);}.dwmojve[data-kind="tertiary"] [part="summary"]{padding:10px 24px;}.dwmojve[data-kind="secondary"] [part="summary"],.dwmojve[data-kind="tertiary"] [part="summary"]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.dwmojve [part="summary-deep"]{display:flex;align-items:center;margin-bottom:8px;}.dwmojve [part="summary-deep-text"]{color:var(--xyd-details-summary-color);text-transform:none;letter-spacing:.08em;margin-left:8px;font-weight:var(--xyd-font-weight-bold);}.dwmojve [part="summary-deep-text"] code{background:var(--xyd-details-summary-code-bgcolor);}.dwmojve [part="summary-deep-label"]{flex:1 1 auto;}.dwmojve>[part="content"]{padding:0 24px 20px;}.dwmojve[data-kind="tertiary"]>[part="content"]{background-color:var(--xyd-details-content-bgcolor);padding-top:20px;}.dwmojve[data-kind="tertiary"]>[part="content"] code{background:var(--xyd-details-content-bgcolor);}.dwmojve [part="icon"]{flex:0 0 auto;font-size:var(--xyd-font-size-medium);display:flex;align-items:center;justify-content:center;padding-right:6px;}}
+
+@layer defaults{.c1w59zdn{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid var(--xyd-code-border-color);background:var(--xyd-code-bgcolor);}.c1w59zdn [part="content"]{position:relative;}}
+
+@layer defaults{.bacjk89{display:flex;align-items:center;width:100%;}.bacjk89 [part="content"]{margin:.5rem 1.5rem 1rem;--xyd-banner-bgcolor:var(--green32);--xyd-banner-border-color:var(--green60);--xyd-banner-color:var(--green100);--xyd-text-color--default:var(--xyd-banner-color);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);color:var( --xyd-text-color--default);display:flex;justify-content:center;align-items:center;flex:1;position:relative;overflow:hidden;transition:transform .2s ease-out;}.bacjk89 [part="content"] svg{fill:var( --xyd-text-color--default);}.bacjk89 [part="content"] a{padding:.5rem;border-radius:.5rem;background:var(--xyd-banner-bgcolor);display:flex;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem;position:relative;transition:box-shadow .3s ease,scale .3s ease-in-out;border-radius:30px;}.bacjk89 [part="content"] a:hover{scale:1.01;box-shadow:var(--xyd-banner-boxshadow);}.bacjk89 [part="content"] [part="icon"]{filter:contrast(0) brightness(-5000%);opacity:.85;}.bacjk89 [part="content"] [part="info"]{border:1px solid var(--xyd-banner-border-color);padding:0 .5rem;margin:0 .25rem;border-radius:.25rem;}.bacjk89 [part="close"]{margin-right:var(--xyd-nav-padding);}}@layer fabric{.bacjk89 p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}}@layer defaults{.b1wuahng{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);position:relative;background-color:var(--xyd-banner-bgcolor);display:flex;align-items:center;justify-content:center;padding:8px 0px;color:var(--xyd-banner-color);width:100%;gap:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='41' viewBox='0 0 1920 41' fill='none'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1920' height='41'%3E%3Crect y='0.214844' width='1920' height='40' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M43.6212 32.3143C43.9017 32.4828 44.1327 32.7159 44.2929 32.9921C44.453 33.2684 44.537 33.5786 44.537 33.894C44.537 34.2094 44.453 34.5197 44.2929 34.7959C44.1327 35.0721 43.9017 35.3053 43.6212 35.4737L30.5972 43.2935C30.2999 43.472 29.9578 43.5714 29.6063 43.5814C29.2549 43.5913 28.9071 43.5115 28.5992 43.3501C28.2913 43.1888 28.0346 42.9518 27.8558 42.664C27.677 42.3762 27.5826 42.0481 27.5826 41.7138L27.5826 26.0742C27.5826 25.7399 27.677 25.4118 27.8558 25.124C28.0346 24.8362 28.2913 24.5992 28.5992 24.4379C28.9071 24.2765 29.2549 24.1967 29.6063 24.2066C29.9578 24.2166 30.2999 24.316 30.5972 24.4945L43.6212 32.3143Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1184.57 32.3143C1184.85 32.4828 1185.08 32.7159 1185.24 32.9921C1185.4 33.2684 1185.49 33.5786 1185.49 33.894C1185.49 34.2094 1185.4 34.5197 1185.24 34.7959C1185.08 35.0721 1184.85 35.3053 1184.57 35.4737L1171.55 43.2935C1171.25 43.472 1170.91 43.5714 1170.56 43.5814C1170.21 43.5913 1169.86 43.5115 1169.55 43.3501C1169.24 43.1888 1168.99 42.9518 1168.81 42.664C1168.63 42.3762 1168.53 42.0481 1168.53 41.7138V26.0742C1168.53 25.7399 1168.63 25.4118 1168.81 25.124C1168.99 24.8362 1169.24 24.5992 1169.55 24.4379C1169.86 24.2765 1170.21 24.1967 1170.56 24.2066C1170.91 24.2166 1171.25 24.316 1171.55 24.4945L1184.57 32.3143Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M103.084 4.94862C103.365 5.11703 103.596 5.3502 103.756 5.62642C103.916 5.90263 104 6.21289 104 6.52828C104 6.84367 103.916 7.15393 103.756 7.43014C103.596 7.70636 103.365 7.93953 103.084 8.10794L90.0601 15.9278C89.7629 16.1063 89.4207 16.2057 89.0693 16.2156C88.7179 16.2256 88.3701 16.1457 88.0622 15.9844C87.7542 15.823 87.4975 15.5861 87.3187 15.2983C87.1399 15.0105 87.0456 14.6824 87.0456 14.3481V-1.29156C87.0456 -1.62582 87.1399 -1.95396 87.3187 -2.24176C87.4975 -2.52956 87.7542 -2.76648 88.0622 -2.92783C88.3701 -3.08918 88.7179 -3.16904 89.0693 -3.15908C89.4207 -3.14913 89.7629 -3.04972 90.0601 -2.87123L103.084 4.94862Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1244.04 4.94862C1244.32 5.11703 1244.55 5.3502 1244.71 5.62642C1244.87 5.90263 1244.95 6.21289 1244.95 6.52828C1244.95 6.84367 1244.87 7.15393 1244.71 7.43014C1244.55 7.70636 1244.32 7.93953 1244.04 8.10794L1231.01 15.9278C1230.71 16.1063 1230.37 16.2057 1230.02 16.2156C1229.67 16.2256 1229.32 16.1457 1229.01 15.9844C1228.71 15.823 1228.45 15.5861 1228.27 15.2983C1228.09 15.0105 1228 14.6824 1228 14.3481V-1.29156C1228 -1.62582 1228.09 -1.95396 1228.27 -2.24176C1228.45 -2.52956 1228.71 -2.76648 1229.01 -2.92783C1229.32 -3.08918 1229.67 -3.16904 1230.02 -3.15908C1230.37 -3.14913 1230.71 -3.04972 1231.01 -2.87123L1244.04 4.94862Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M303.927 1.33851C304.207 1.50692 304.438 1.7401 304.598 2.01631C304.759 2.29252 304.843 2.60278 304.843 2.91817C304.843 3.23356 304.759 3.54382 304.598 3.82003C304.438 4.09625 304.207 4.32942 303.927 4.49784L290.903 12.3177C290.606 12.4962 290.263 12.5956 289.912 12.6055C289.561 12.6155 289.213 12.5356 288.905 12.3743C288.597 12.2129 288.34 11.976 288.161 11.6882C287.983 11.4004 287.888 11.0723 287.888 10.738V-4.90167C287.888 -5.23593 287.983 -5.56406 288.161 -5.85186C288.34 -6.13967 288.597 -6.37659 288.905 -6.53794C289.213 -6.69929 289.561 -6.77915 289.912 -6.76919C290.263 -6.75923 290.606 -6.65983 290.903 -6.48134L303.927 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1000.99 1.33851C1001.27 1.50692 1001.5 1.7401 1001.66 2.01631C1001.82 2.29252 1001.91 2.60278 1001.91 2.91817C1001.91 3.23356 1001.82 3.54382 1001.66 3.82003C1001.5 4.09625 1001.27 4.32942 1000.99 4.49784L987.968 12.3177C987.671 12.4962 987.329 12.5956 986.977 12.6055C986.626 12.6155 986.278 12.5356 985.97 12.3743C985.662 12.2129 985.406 11.976 985.227 11.6882C985.048 11.4004 984.954 11.0723 984.954 10.738V-4.90167C984.954 -5.23593 985.048 -5.56406 985.227 -5.85186C985.406 -6.13967 985.662 -6.37659 985.97 -6.53794C986.278 -6.69929 986.626 -6.77915 986.977 -6.76919C987.329 -6.75923 987.671 -6.65983 987.968 -6.48134L1000.99 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1444.88 1.33851C1445.16 1.50692 1445.39 1.7401 1445.55 2.01631C1445.71 2.29252 1445.79 2.60278 1445.79 2.91817C1445.79 3.23356 1445.71 3.54382 1445.55 3.82003C1445.39 4.09625 1445.16 4.32942 1444.88 4.49784L1431.85 12.3177C1431.56 12.4962 1431.21 12.5956 1430.86 12.6055C1430.51 12.6155 1430.16 12.5356 1429.86 12.3743C1429.55 12.2129 1429.29 11.976 1429.11 11.6882C1428.93 11.4004 1428.84 11.0723 1428.84 10.738V-4.90167C1428.84 -5.23593 1428.93 -5.56406 1429.11 -5.85186C1429.29 -6.13967 1429.55 -6.37659 1429.86 -6.53794C1430.16 -6.69929 1430.51 -6.77915 1430.86 -6.76919C1431.21 -6.75923 1431.56 -6.65983 1431.85 -6.48134L1444.88 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M633.463 1.33851C633.744 1.50692 633.975 1.7401 634.135 2.01631C634.295 2.29252 634.379 2.60278 634.379 2.91817C634.379 3.23356 634.295 3.54382 634.135 3.82003C633.975 4.09625 633.744 4.32942 633.463 4.49784L620.439 12.3177C620.142 12.4962 619.8 12.5956 619.448 12.6055C619.097 12.6155 618.749 12.5356 618.441 12.3743C618.133 12.2129 617.877 11.976 617.698 11.6882C617.519 11.4004 617.425 11.0723 617.425 10.738V-4.90167C617.425 -5.23593 617.519 -5.56406 617.698 -5.85186C617.877 -6.13967 618.133 -6.37659 618.441 -6.53794C618.749 -6.69929 619.097 -6.77915 619.448 -6.76919C619.8 -6.75923 620.142 -6.65983 620.439 -6.48134L633.463 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M816.954 2.98158C817.234 3.14999 817.466 3.38316 817.626 3.65938C817.786 3.93559 817.87 4.24585 817.87 4.56124C817.87 4.87663 817.786 5.18689 817.626 5.4631C817.466 5.73931 817.234 5.97249 816.954 6.1409L803.93 13.9607C803.633 14.1392 803.291 14.2386 802.939 14.2486C802.588 14.2586 802.24 14.1787 801.932 14.0174C801.624 13.856 801.367 13.6191 801.189 13.3313C801.01 13.0435 800.915 12.7153 800.915 12.3811V-3.25861C800.915 -3.59286 801.01 -3.921 801.189 -4.2088C801.367 -4.4966 801.624 -4.73353 801.932 -4.89487C802.24 -5.05622 802.588 -5.13608 802.939 -5.12612C803.291 -5.11617 803.633 -5.01676 803.93 -4.83827L816.954 2.98158Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1774.41 1.33851C1774.69 1.50692 1774.93 1.7401 1775.09 2.01631C1775.25 2.29252 1775.33 2.60278 1775.33 2.91817C1775.33 3.23356 1775.25 3.54382 1775.09 3.82003C1774.93 4.09625 1774.69 4.32942 1774.41 4.49784L1761.39 12.3177C1761.09 12.4962 1760.75 12.5956 1760.4 12.6055C1760.05 12.6155 1759.7 12.5356 1759.39 12.3743C1759.08 12.2129 1758.83 11.976 1758.65 11.6882C1758.47 11.4004 1758.38 11.0723 1758.38 10.738V-4.90167C1758.38 -5.23593 1758.47 -5.56406 1758.65 -5.85186C1758.83 -6.13967 1759.08 -6.37659 1759.39 -6.53794C1759.7 -6.69929 1760.05 -6.77915 1760.4 -6.76919C1760.75 -6.75923 1761.09 -6.65983 1761.39 -6.48134L1774.41 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M235.038 18.6351C235.319 18.8036 235.55 19.0367 235.71 19.3129C235.87 19.5892 235.954 19.8994 235.954 20.2148C235.954 20.5302 235.87 20.8405 235.71 21.1167C235.55 21.3929 235.319 21.6261 235.038 21.7945L222.014 29.6143C221.717 29.7928 221.375 29.8922 221.024 29.9022C220.672 29.9121 220.324 29.8323 220.017 29.6709C219.709 29.5096 219.452 29.2726 219.273 28.9848C219.094 28.697 219 28.3689 219 28.0346V12.395C219 12.0607 219.094 11.7326 219.273 11.4448C219.452 11.157 219.709 10.92 220.017 10.7587C220.324 10.5973 220.672 10.5175 221.024 10.5274C221.375 10.5374 221.717 10.6368 222.014 10.8153L235.038 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1375.99 18.6351C1376.27 18.8036 1376.5 19.0367 1376.66 19.3129C1376.82 19.5892 1376.91 19.8994 1376.91 20.2148C1376.91 20.5302 1376.82 20.8405 1376.66 21.1167C1376.5 21.3929 1376.27 21.6261 1375.99 21.7945L1362.97 29.6143C1362.67 29.7928 1362.33 29.8922 1361.97 29.9022C1361.62 29.9121 1361.28 29.8323 1360.97 29.6709C1360.66 29.5096 1360.4 29.2726 1360.22 28.9848C1360.05 28.697 1359.95 28.3689 1359.95 28.0346V12.395C1359.95 12.0607 1360.05 11.7326 1360.22 11.4448C1360.4 11.157 1360.66 10.92 1360.97 10.7587C1361.28 10.5973 1361.62 10.5175 1361.97 10.5274C1362.33 10.5374 1362.67 10.6368 1362.97 10.8153L1375.99 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M564.575 18.6351C564.855 18.8036 565.087 19.0367 565.247 19.3129C565.407 19.5892 565.491 19.8994 565.491 20.2148C565.491 20.5302 565.407 20.8405 565.247 21.1167C565.087 21.3929 564.855 21.6261 564.575 21.7945L551.551 29.6143C551.254 29.7928 550.912 29.8922 550.56 29.9022C550.209 29.9121 549.861 29.8323 549.553 29.6709C549.245 29.5096 548.988 29.2726 548.81 28.9848C548.631 28.697 548.536 28.3689 548.536 28.0346V12.395C548.536 12.0607 548.631 11.7326 548.81 11.4448C548.988 11.157 549.245 10.92 549.553 10.7587C549.861 10.5973 550.209 10.5175 550.56 10.5274C550.912 10.5374 551.254 10.6368 551.551 10.8153L564.575 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1705.53 18.6351C1705.81 18.8036 1706.04 19.0367 1706.2 19.3129C1706.36 19.5892 1706.44 19.8994 1706.44 20.2148C1706.44 20.5302 1706.36 20.8405 1706.2 21.1167C1706.04 21.3929 1705.81 21.6261 1705.53 21.7945L1692.5 29.6143C1692.2 29.7928 1691.86 29.8922 1691.51 29.9022C1691.16 29.9121 1690.81 29.8323 1690.5 29.6709C1690.2 29.5096 1689.94 29.2726 1689.76 28.9848C1689.58 28.697 1689.49 28.3689 1689.49 28.0346V12.395C1689.49 12.0607 1689.58 11.7326 1689.76 11.4448C1689.94 11.157 1690.2 10.92 1690.5 10.7587C1690.81 10.5973 1691.16 10.5175 1691.51 10.5274C1691.86 10.5374 1692.2 10.6368 1692.5 10.8153L1705.53 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M426.561 10.6351C426.842 10.8036 427.073 11.0367 427.233 11.3129C427.393 11.5892 427.477 11.8994 427.477 12.2148C427.477 12.5302 427.393 12.8405 427.233 13.1167C427.073 13.3929 426.842 13.6261 426.561 13.7945L413.537 21.6143C413.24 21.7928 412.898 21.8922 412.546 21.9022C412.195 21.9121 411.847 21.8323 411.539 21.6709C411.231 21.5096 410.975 21.2726 410.796 20.9848C410.617 20.697 410.523 20.3689 410.523 20.0346V4.39496C410.523 4.0607 410.617 3.73257 410.796 3.44477C410.975 3.15697 411.231 2.92004 411.539 2.75869C411.847 2.59734 412.195 2.51748 412.546 2.52744C412.898 2.5374 413.24 2.6368 413.537 2.8153L426.561 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1123.63 10.6351C1123.91 10.8036 1124.14 11.0367 1124.3 11.3129C1124.46 11.5892 1124.54 11.8994 1124.54 12.2148C1124.54 12.5302 1124.46 12.8405 1124.3 13.1167C1124.14 13.3929 1123.91 13.6261 1123.63 13.7945L1110.6 21.6143C1110.31 21.7928 1109.96 21.8922 1109.61 21.9022C1109.26 21.9121 1108.91 21.8323 1108.6 21.6709C1108.3 21.5096 1108.04 21.2726 1107.86 20.9848C1107.68 20.697 1107.59 20.3689 1107.59 20.0346V4.39496C1107.59 4.0607 1107.68 3.73257 1107.86 3.44477C1108.04 3.15697 1108.3 2.92004 1108.6 2.75869C1108.91 2.59734 1109.26 2.51748 1109.61 2.52744C1109.96 2.5374 1110.31 2.6368 1110.6 2.8153L1123.63 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1567.51 10.6351C1567.79 10.8036 1568.02 11.0367 1568.18 11.3129C1568.34 11.5892 1568.43 11.8994 1568.43 12.2148C1568.43 12.5302 1568.34 12.8405 1568.18 13.1167C1568.02 13.3929 1567.79 13.6261 1567.51 13.7945L1554.49 21.6143C1554.19 21.7928 1553.85 21.8922 1553.5 21.9022C1553.15 21.9121 1552.8 21.8323 1552.49 21.6709C1552.18 21.5096 1551.93 21.2726 1551.75 20.9848C1551.57 20.697 1551.47 20.3689 1551.47 20.0346V4.39496C1551.47 4.0607 1551.57 3.73257 1551.75 3.44477C1551.93 3.15697 1552.18 2.92004 1552.49 2.75869C1552.8 2.59734 1553.15 2.51748 1553.5 2.52744C1553.85 2.5374 1554.19 2.6368 1554.49 2.8153L1567.51 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M757.491 18.6351C757.771 18.8036 758.002 19.0367 758.162 19.3129C758.323 19.5892 758.406 19.8994 758.406 20.2148C758.406 20.5302 758.323 20.8405 758.162 21.1167C758.002 21.3929 757.771 21.6261 757.491 21.7945L744.467 29.6143C744.169 29.7928 743.827 29.8922 743.476 29.9022C743.124 29.9121 742.777 29.8323 742.469 29.6709C742.161 29.5096 741.904 29.2726 741.725 28.9848C741.546 28.697 741.452 28.3689 741.452 28.0346V12.395C741.452 12.0607 741.546 11.7326 741.725 11.4448C741.904 11.157 742.161 10.92 742.469 10.7587C742.777 10.5973 743.124 10.5175 743.476 10.5274C743.827 10.5374 744.169 10.6368 744.467 10.8153L757.491 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M940.136 23.7926C940.417 23.961 940.648 24.1942 940.808 24.4704C940.968 24.7466 941.052 25.0569 941.052 25.3723C941.052 25.6877 940.968 25.9979 940.808 26.2741C940.648 26.5503 940.417 26.7835 940.136 26.9519L927.112 34.7718C926.815 34.9503 926.473 35.0497 926.121 35.0596C925.77 35.0696 925.422 34.9897 925.114 34.8284C924.806 34.667 924.55 34.4301 924.371 34.1423C924.192 33.8545 924.098 33.5264 924.098 33.1921V17.5524C924.098 17.2182 924.192 16.89 924.371 16.6022C924.55 16.3144 924.806 16.0775 925.114 15.9162C925.422 15.7548 925.77 15.675 926.121 15.6849C926.473 15.6949 926.815 15.7943 927.112 15.9728L940.136 23.7926Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1897.05 23.7926C1897.33 23.961 1897.56 24.1942 1897.72 24.4704C1897.88 24.7466 1897.96 25.0569 1897.96 25.3723C1897.96 25.6877 1897.88 25.9979 1897.72 26.2741C1897.56 26.5503 1897.33 26.7835 1897.05 26.9519L1884.02 34.7718C1883.73 34.9503 1883.39 35.0497 1883.03 35.0596C1882.68 35.0696 1882.33 34.9897 1882.03 34.8284C1881.72 34.667 1881.46 34.4301 1881.28 34.1423C1881.1 33.8545 1881.01 33.5264 1881.01 33.1921V17.5524C1881.01 17.2182 1881.1 16.89 1881.28 16.6022C1881.46 16.3144 1881.72 16.0775 1882.03 15.9162C1882.33 15.7548 1882.68 15.675 1883.03 15.6849C1883.39 15.6949 1883.73 15.7943 1884.02 15.9728L1897.05 23.7926Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M163.084 33.4584C163.365 33.6268 163.596 33.86 163.756 34.1362C163.916 34.4124 164 34.7227 164 35.038C164 35.3534 163.916 35.6637 163.756 35.9399C163.596 36.2161 163.365 36.4493 163.084 36.6177L150.06 44.4376C149.763 44.616 149.421 44.7155 149.069 44.7254C148.718 44.7354 148.37 44.6555 148.062 44.4942C147.754 44.3328 147.498 44.0959 147.319 43.8081C147.14 43.5203 147.046 43.1921 147.046 42.8579V27.2182C147.046 26.8839 147.14 26.5558 147.319 26.268C147.498 25.9802 147.754 25.7433 148.062 25.5819C148.37 25.4206 148.718 25.3407 149.069 25.3507C149.421 25.3606 149.763 25.46 150.06 25.6385L163.084 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1304.04 33.4584C1304.32 33.6268 1304.55 33.86 1304.71 34.1362C1304.87 34.4124 1304.95 34.7227 1304.95 35.038C1304.95 35.3534 1304.87 35.6637 1304.71 35.9399C1304.55 36.2161 1304.32 36.4493 1304.04 36.6177L1291.01 44.4376C1290.71 44.616 1290.37 44.7155 1290.02 44.7254C1289.67 44.7354 1289.32 44.6555 1289.01 44.4942C1288.71 44.3328 1288.45 44.0959 1288.27 43.8081C1288.09 43.5203 1288 43.1921 1288 42.8579V27.2182C1288 26.8839 1288.09 26.5558 1288.27 26.268C1288.45 25.9802 1288.71 25.7433 1289.01 25.5819C1289.32 25.4206 1289.67 25.3407 1290.02 25.3507C1290.37 25.3606 1290.71 25.46 1291.01 25.6385L1304.04 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M492.621 33.4584C492.901 33.6268 493.132 33.86 493.292 34.1362C493.452 34.4124 493.536 34.7227 493.536 35.038C493.536 35.3534 493.452 35.6637 493.292 35.9399C493.132 36.2161 492.901 36.4493 492.621 36.6177L479.597 44.4376C479.299 44.616 478.957 44.7155 478.606 44.7254C478.254 44.7354 477.907 44.6555 477.599 44.4942C477.291 44.3328 477.034 44.0959 476.855 43.8081C476.676 43.5203 476.582 43.1921 476.582 42.8579V27.2182C476.582 26.8839 476.676 26.5558 476.855 26.268C477.034 25.9802 477.291 25.7433 477.599 25.5819C477.907 25.4206 478.254 25.3407 478.606 25.3507C478.957 25.3606 479.299 25.46 479.597 25.6385L492.621 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1633.57 33.4584C1633.85 33.6268 1634.08 33.86 1634.24 34.1362C1634.4 34.4124 1634.49 34.7227 1634.49 35.038C1634.49 35.3534 1634.4 35.6637 1634.24 35.9399C1634.08 36.2161 1633.85 36.4493 1633.57 36.6177L1620.55 44.4376C1620.25 44.616 1619.91 44.7155 1619.56 44.7254C1619.21 44.7354 1618.86 44.6555 1618.55 44.4942C1618.24 44.3328 1617.99 44.0959 1617.81 43.8081C1617.63 43.5203 1617.53 43.1921 1617.53 42.8579V27.2182C1617.53 26.8839 1617.63 26.5558 1617.81 26.268C1617.99 25.9802 1618.24 25.7433 1618.55 25.5819C1618.86 25.4206 1619.21 25.3407 1619.56 25.3507C1619.91 25.3606 1620.25 25.46 1620.55 25.6385L1633.57 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M360.502 33.4584C360.782 33.6268 361.013 33.86 361.174 34.1362C361.334 34.4124 361.418 34.7227 361.418 35.038C361.418 35.3534 361.334 35.6637 361.174 35.9399C361.013 36.2161 360.782 36.4493 360.502 36.6177L347.478 44.4376C347.181 44.616 346.838 44.7155 346.487 44.7254C346.136 44.7354 345.788 44.6555 345.48 44.4942C345.172 44.3328 344.915 44.0959 344.736 43.8081C344.558 43.5203 344.463 43.1921 344.463 42.8579V27.2182C344.463 26.8839 344.558 26.5558 344.736 26.268C344.915 25.9802 345.172 25.7433 345.48 25.5819C345.788 25.4206 346.136 25.3407 346.487 25.3507C346.838 25.3606 347.181 25.46 347.478 25.6385L360.502 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1057.57 33.4584C1057.85 33.6268 1058.08 33.86 1058.24 34.1362C1058.4 34.4124 1058.48 34.7227 1058.48 35.038C1058.48 35.3534 1058.4 35.6637 1058.24 35.9399C1058.08 36.2161 1057.85 36.4493 1057.57 36.6177L1044.54 44.4376C1044.25 44.616 1043.9 44.7155 1043.55 44.7254C1043.2 44.7354 1042.85 44.6555 1042.55 44.4942C1042.24 44.3328 1041.98 44.0959 1041.8 43.8081C1041.62 43.5203 1041.53 43.1921 1041.53 42.8579V27.2182C1041.53 26.8839 1041.62 26.5558 1041.8 26.268C1041.98 25.9802 1042.24 25.7433 1042.55 25.5819C1042.85 25.4206 1043.2 25.3407 1043.55 25.3507C1043.9 25.3606 1044.25 25.46 1044.54 25.6385L1057.57 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1501.45 33.4584C1501.73 33.6268 1501.96 33.86 1502.12 34.1362C1502.28 34.4124 1502.37 34.7227 1502.37 35.038C1502.37 35.3534 1502.28 35.6637 1502.12 35.9399C1501.96 36.2161 1501.73 36.4493 1501.45 36.6177L1488.43 44.4376C1488.13 44.616 1487.79 44.7155 1487.44 44.7254C1487.09 44.7354 1486.74 44.6555 1486.43 44.4942C1486.12 44.3328 1485.87 44.0959 1485.69 43.8081C1485.51 43.5203 1485.41 43.1921 1485.41 42.8579V27.2182C1485.41 26.8839 1485.51 26.5558 1485.69 26.268C1485.87 25.9802 1486.12 25.7433 1486.43 25.5819C1486.74 25.4206 1487.09 25.3407 1487.44 25.3507C1487.79 25.3606 1488.13 25.46 1488.43 25.6385L1501.45 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M690.038 33.4584C690.319 33.6268 690.55 33.86 690.71 34.1362C690.87 34.4124 690.954 34.7227 690.954 35.038C690.954 35.3534 690.87 35.6637 690.71 35.9399C690.55 36.2161 690.319 36.4493 690.038 36.6177L677.014 44.4376C676.717 44.616 676.375 44.7155 676.024 44.7254C675.672 44.7354 675.324 44.6555 675.016 44.4942C674.708 44.3328 674.452 44.0959 674.273 43.8081C674.094 43.5203 674 43.1921 674 42.8579V27.2182C674 26.8839 674.094 26.5558 674.273 26.268C674.452 25.9802 674.708 25.7433 675.016 25.5819C675.324 25.4206 675.672 25.3407 676.024 25.3507C676.375 25.3606 676.717 25.46 677.014 25.6385L690.038 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M874.077 33.4584C874.357 33.6268 874.588 33.86 874.749 34.1362C874.909 34.4124 874.993 34.7227 874.993 35.038C874.993 35.3534 874.909 35.6637 874.749 35.9399C874.588 36.2161 874.357 36.4493 874.077 36.6177L861.053 44.4376C860.756 44.616 860.413 44.7155 860.062 44.7254C859.711 44.7354 859.363 44.6555 859.055 44.4942C858.747 44.3328 858.49 44.0959 858.311 43.8081C858.133 43.5203 858.038 43.1921 858.038 42.8579V27.2182C858.038 26.8839 858.133 26.5558 858.311 26.268C858.49 25.9802 858.747 25.7433 859.055 25.5819C859.363 25.4206 859.711 25.3407 860.062 25.3507C860.413 25.3606 860.756 25.46 861.053 25.6385L874.077 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1830.99 33.4584C1831.27 33.6268 1831.5 33.86 1831.66 34.1362C1831.82 34.4124 1831.91 34.7227 1831.91 35.038C1831.91 35.3534 1831.82 35.6637 1831.66 35.9399C1831.5 36.2161 1831.27 36.4493 1830.99 36.6177L1817.97 44.4376C1817.67 44.616 1817.33 44.7155 1816.97 44.7254C1816.62 44.7354 1816.28 44.6555 1815.97 44.4942C1815.66 44.3328 1815.4 44.0959 1815.22 43.8081C1815.05 43.5203 1814.95 43.1921 1814.95 42.8579V27.2182C1814.95 26.8839 1815.05 26.5558 1815.22 26.268C1815.4 25.9802 1815.66 25.7433 1815.97 25.5819C1816.28 25.4206 1816.62 25.3407 1816.97 25.3507C1817.33 25.3606 1817.67 25.46 1817.97 25.6385L1830.99 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3C/g%3E%3C/svg%3E");-webkit-background-position:center center;background-position:center center;background-size:cover;}.b1wuahng [part="close"]{margin-right:var(--xyd-nav-padding);}}@layer fabric{.b1wuahng p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}}
+
+@layer defaults{.h1tn40xd{color:var(--xyd-heading-color);line-height:var(--xyd-line-height-xlarge);font-weight:var(--xyd-font-weight-semibold);position:relative;display:table;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:default;}.h1tn40xd[id]{cursor:pointer;}.h1tn40xd[data-noanchor="true"]{cursor:default;}.h1tn40xd[data-has-label="true"]{display:flex;align-items:center;gap:8px;}.h1tn40xd[data-has-label="true"] xyd-badge{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);letter-spacing:2px;}.h1tn40xd:hover svg{opacity:1;}.h1tn40xd[data-kind="muted"]{color:var(--xyd-heading-color--muted);cursor:default;font-weight:var(--xyd-font-weight-medium);}.h1tn40xd[data-size="1"]{font-size:var(--xyd-font-size-2xl);line-height:var(--xyd-line-height-2xl);}.h1tn40xd[data-size="2"]{font-size:var(--xyd-font-size-xxlarge);line-height:var(--xyd-line-height-xxlarge);}.h1tn40xd[data-size="3"]{font-size:var(--xyd-font-size-xlarge);line-height:var(--xyd-line-height-xlarge);}.h1tn40xd[data-size="4"]{font-size:var(--xyd-font-size-large);line-height:var(--xyd-line-height-large);}.h1tn40xd[data-size="5"]{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.h1tn40xd[data-size="6"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.h1tn40xd [part="icon"]{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:var(--xyd-heading-icon-color);transition:opacity .15s ease;}.h1tn40xd[data-active="true"] [part="icon"]{opacity:1;}}
+
+@layer defaults{.labae1k{list-style:none;margin:0;padding:0;}ol.labae1k{list-style-type:decimal;padding-inline-start:1.625em;}}
+@layer defaults{ul .i13ytyvq{margin-bottom:0.5rem;position:relative;padding-inline-start:.375em;padding-left:2em!important;}xyd-grid-decorator ul .i13ytyvq{padding-left:0!important;}ul .i13ytyvq::before{content:"";width:.375em;height:.375em;position:absolute;top:0.5em;left:.5em;border-radius:50%;background-color:var(--xyd-list-item-bgcolor);}ol .i13ytyvq::marker{padding-inline-start:.375em;color:var(--xyd-list-marker-color);}}
+
+@layer defaults{.h14vj3ri{display:table;width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--xyd-table-border-color);border-radius:8px;margin-top:16px;}.h14vj3ri[data-kind="secondary"]{border:none;}.h14vj3ri[data-kind="secondary"] th,.h14vj3ri[data-kind="secondary"] td{border:none;border-bottom:1px solid var(--xyd-table-border-color);}@media (min-width: 1400px){.h14vj3ri{min-width:640px;}}@media (max-width: 1024px){.h14vj3ri{overflow:auto;display:block;}}}
+@layer defaults{.t1l6tz9b{background:var(--xyd-table-bgcolor);}}
+@layer defaults{.t1g1altt{text-align:left;font-weight:bold;padding:0.5rem 1rem;white-space:nowrap;vertical-align:middle;color:var(--xyd-table-color);border-bottom:1px solid var(--xyd-table-border-color);border-right:1px solid var(--xyd-table-border-color);}}
+@layer defaults{.tdsg57t:not(:last-child){border-bottom:1px solid var(--xyd-table-border-color);}}
+@layer defaults{.th2d3qd{padding:0.5rem 1rem;vertical-align:middle;border-top:1px solid var(--xyd-table-border-color);border-right:1px solid var(--xyd-table-border-color);max-width:300px;overflow:auto;}@media (max-width: 768px){.th2d3qd{padding:0.5rem;}}.th2d3qd code{text-align:left;}.th2d3qd code.json{width:100%;font-family:unset;}}
+@layer defaults{.c8pe5i8{display:flex;align-items:baseline;width:100%;gap:0.5rem;}.c8pe5i8 [part="child"]{flex:1;}}
+
+@layer defaults{.butvd2b{display:inline-flex;align-items:center;}.butvd2b[data-size="xs"]{height:15px;padding:6px;gap:3px;border-radius:6px;font-size:var(--xyd-font-size-xsmall);}.butvd2b[data-size="sm"]{height:18px;padding:10px;gap:3px;border-radius:6px;font-size:var(--xyd-font-size-xsmall);}.butvd2b[data-kind="default"]{color:var(--xyd-badge-color--default);background-color:var(--xyd-badge-bgcolor--default);}.butvd2b[data-kind="warning"]{color:var(--xyd-badge-color--warning);background-color:var(--xyd-badge-bgcolor--warning);}.butvd2b[data-kind="info"]{color:var(--xyd-badge-color--info);background-color:var(--xyd-badge-bgcolor--info);}.butvd2b [part="child"]{position:relative;}}
+
+@layer defaults{.iz14jlg{width:100%;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,0.06);}}
+
+@layer defaults{.n1xhrk1{font-weight:var(--xyd-font-weight-semibold);display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:var(--xyd-navlinks-border-color);}.n1xhrk1 [part="link"]{display:flex;gap:8px;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}.n1xhrk1 [part="icon"]{display:inline;height:1.25rem;flex-shrink:0;}}
+
+@layer defaults{.tn8a2d4{display:inline-block;margin:0;}.tn8a2d4[data-size="xsmall"]{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.tn8a2d4[data-size="small"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}.tn8a2d4[data-size="medium"]{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium);}.tn8a2d4[data-size="large"]{font-size:var(--xyd-font-size-large);line-height:var(--xyd-line-height-large);}.tn8a2d4[data-size="xlarge"]{font-size:var(--xyd-font-size-xlarge);line-height:var(--xyd-line-height-xlarge);}.tn8a2d4[data-size="xxlarge"]{font-size:var(--xyd-font-size-xxlarge);line-height:var(--xyd-line-height-xxlarge);}.tn8a2d4[data-kind="default"]{color:var(--xyd-text-color--default);}.tn8a2d4[data-kind="ghost"]{color:var(--xyd-text-color--ghost);}.tn8a2d4[data-kind="success"]{color:var(--xyd-text-color--success);}.tn8a2d4[data-kind="warn"]{color:var(--xyd-text-color--warn);}.tn8a2d4[data-kind="error"]{color:var(--xyd-text-color--error);}.tn8a2d4[data-kind="primary"]{color:var(--xyd-text-color--primary);}.tn8a2d4[data-kind="secondary"]{color:var(--xyd-text-color--secondary);}.tn8a2d4[data-weight="normal"]{font-weight:var(--xyd-font-weight-normal);}.tn8a2d4[data-weight="bold"]{font-weight:bold;}.tn8a2d4[data-weight="extra-bold"]{font-weight:var(--xyd-font-weight-extrabold);}}
+
+@layer defaults{.p1vb39qj{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:var(--xyd-pre-bgcolor);overflow:auto;}}
+
+.s3kfd8c{display:block;}@layer defaults{.s3kfd8c ol{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}.s3kfd8c[data-kind="secondary"] li{margin-bottom:32px;}.s3kfd8c[data-kind="secondary"] li::before{content:"";position:absolute;border:0.5px solid var(--dark32);height:100%;top:calc(24px + 6px);left:calc(24px / 2 - (0.5px / 2));}}@layer defaults{.s1et872q li{padding-left:32px;position:relative;}.s1et872q [part="title"]{display:block;margin-bottom:32px;font-weight:var(--xyd-font-weight-medium);}.s1et872q[data-numeric="true"] li::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:var(--xyd-steps-marker-bgcolor);color:var(--xyd-steps-marker-color);font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-medium);font-weight:var(--xyd-font-weight-medium);text-align:center;height:24px;width:24px;border-radius:12px;}.s1et872q [part="step"]{position:absolute;top:0;left:0;background:var(--xyd-steps-marker-bgcolor);color:var(--xyd-steps-marker-color);font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-medium);font-weight:var(--xyd-font-weight-medium);text-align:center;height:24px;width:24px;border-radius:12px;}.s1et872q [part="step"] svg{width:12px!important;}}
+
+@layer defaults{.efth77c{--external-arrow2-size:7px;width:var(--external-arrow2-size);height:var(--external-arrow2-size);margin-top:calc(var(--external-arrow2-size) * -1);margin-left:calc(var(--external-arrow2-size) / 2);fill:currentColor;color:currentColor;}}
+
+@layer defaults{.a1cbq3a5{color:var(--xyd-anchor-color);}.a1cbq3a5:has(code){--xyd-anchor-color:var(--color-text);--xyd-anchor-color--hover:var(--color-text);}.a1cbq3a5:has(code) code{-webkit-text-decoration:underline;text-decoration:underline;}.a1cbq3a5:has(code):hover code{text-decoration-thickness:2px;}.a1cbq3a5:hover{color:var(--xyd-anchor-color--hover);}}
+
+html[data-color-primary="true"] xyd-guidecard [part="icon"] svg {fill:var(--color-primary)!important;color:var(--color-primary)!important;}
+@layer defaults{.gilz89t{display:block;height:auto;}.gilz89t[data-kind="secondary"]{display:flex;position:relative;overflow:hidden;border:1px solid var(--xyd-guidecard-border-color--secondary);background:var(--xyd-guidecard-bgcolor--secondary);border-radius:8px;padding:24px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;height:100%;}.gilz89t[data-kind="secondary"]:hover{background:var(--xyd-guidecard-bgcolor--secondary-hover);}.gilz89t[data-kind="secondary"][data-size="md"]{padding:21px 25px 25px;}.gilz89t [part="link"]{width:100%;height:100%;}.gilz89t [part="item"]{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.gilz89t [part="item"]:hover [part="pointer"]{opacity:1;transform:translate(0);}.gilz89t[data-kind="secondary"] [part="item"]{width:100%;height:100%;}.gilz89t [part="icon"]{display:flex;justify-content:center;align-items:center;color:var(--xyd-guidecard-icon-color);transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.gilz89t [part="icon"] svg{width:24px;height:24px;}.gilz89t [part="right"]{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.gilz89t [part="title"]{display:flex;color:var(--xyd-guidecard-title-color);align-items:center;font-weight:var(--xyd-font-weight-semibold);transition:color .15s;}.gilz89t [part="body"]{font-weight:var(--xyd-font-weight-normal);color:var(--xyd-guidecard-color);white-space:normal;overflow:hidden;text-overflow:ellipsis;}.gilz89t [part="pointer"]{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}}
+@layer defaults{.g1rnhmpa{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}}
+
+@layer defaults{.u1465cfe{gap:24px;flex-direction:row;padding-top:32px;padding-bottom:32px;align-items:flex-start;width:100%;display:flex;position:relative;}.u1465cfe [part="meta"]{width:160px;position:sticky;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-shrink:0;display:flex;gap:10px;}.u1465cfe [part="content-container"]{padding-left:2px;padding-right:2px;overflow:hidden;flex:1 1 0%;max-width:100%;}}
+
+@layer defaults{.h1ej4n95{border:0.5px solid var(--xyd-hr-border-color);}}
+
+@layer defaults{.lyawwu4{display:flex;position:relative;}.lyawwu4 [part="line-number"]{width:25px;left:-15px;position:absolute;margin:0;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.5;}}
+@layer defaults{.m1i5ism5{display:flex;border-left-width:4px;border-color:transparent;margin:4px 0;}.m1i5ism5[data-annotated="true"]{border-color:var(--xyd-coder-code-mark-border-color);background-color:var(--xyd-coder-code-mark-bgcolor);}.m1i5ism5[data-diff="true"]{position:relative;}.m1i5ism5[data-diff="true"][data-query="-"]{border-color:var(--xyd-text-color--error--active);background-color:var(--xyd-text-color--error--muted);}.m1i5ism5[data-diff="true"][data-query="+"]{border-color:var(--xyd-text-color--success--active);background-color:var(--xyd-text-color--success--muted);}.m1i5ism5[data-diff="true"]>:first-child{position:absolute;left:5px;}.m1i5ism5 [part="line"]{flex:1 1 0%;}.m1i5ism5 xyd-code-linenumber [part="line"]{position:relative;left:25px;}}
+@layer defaults{.m1fnx2sm{display:inline-block;outline:solid 1px var(--xyd-coder-code-mark-border-color);background:var(--xyd-coder-code-mark-bgcolor);}.m1fnx2sm[data-diff="true"][data-query="-"]{border-color:var(--xyd-text-color--error--active);background-color:var(--xyd-text-color--error--muted);}.m1fnx2sm[data-diff="true"][data-query="+"]{border-color:var(--xyd-text-color--success--active);background-color:var(--xyd-text-color--success--muted);}}
+@layer defaults{.b83ezas[data-annotated="true"]{border-color:var(--xyd-coder-code-mark-border-color);background-color:var(--xyd-coder-code-mark-bgcolor);}}
+@layer defaults{.cwih9s3{max-height:400px;background:var(--xyd-coder-code-background);margin:0;padding:8px 16px;border-top:1px solid var(--user-coder-code-border-color, --xyd-coder-code-border-color);word-break:break-all;overflow:auto;}.cwih9s3:not(:has(+ [part="code-description"])){border-bottom-left-radius:10px;border-bottom-right-radius:10px;}.cwih9s3[data-size="full"]{max-height:100%;}}
+.c1sbwmbs{padding:17px 20px 10px;background-color:var(--xyd-coder-code-description-bgcolor);border-radius:0 0 8px 7px;display:flex;gap:12px;align-items:flex-start;color:var(--text-primary);}
+.c1sbwmbs>div:first-child{display:flex;align-items:center;padding-top:5px;}
+.c1sbwmbs>div:last-child{display:flex;flex-direction:column;gap:4px;}
+.c1sbwmbs>div:last-child >span{display:flex;align-items:center;}
+
+.c1dmvxug{display:grid;}
+@layer defaults{.c1pb9ov9{overflow:hidden;min-width:0;border:1px solid var(--xyd-codetabs-border-color);border-radius:16px;}.c1pb9ov9[data-single="true"] [part="pre"]{border:none;}.c1pb9ov9[data-nodescription="true"] xyd-codetabs-languages [part="languages-list"]{justify-content:flex-start;}}
+@layer defaults{.caeqccf{--codetabs-color:var(--user-codetabs-color, var(--xyd-codetabs-color));--codetabs-color--active:var(--user-codetabs-color--active, var(--xyd-codetabs-color--active));--codetabs-color--hover:var(--user-codetabs-color--hover, var(--xyd-codetabs-color--hover));position:relative;display:flex;justify-content:space-between;flex:1 1 0%;background:var(--user-codetabs-bgcolor, var(--xyd-codetabs-bgcolor));border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;font-weight:var(--xyd-font-weight-semibold);font-size:var(--xyd-font-size-xsmall);}.caeqccf[data-single="true"]{height:0;}.caeqccf [part="description"]{display:flex;flex:1;align-items:center;gap:4px;color:var(--codetabs-color);margin-left:4px;margin-right:4px;}.caeqccf [part="description-item"]{display:flex;padding-left:16px;padding-right:16px;flex:1 1 0%;gap:16px;border-radius:4px;}.caeqccf [part="copy"]{display:none;}.caeqccf [part="languages-list"]{display:flex;gap:8px;padding:0 10px;overflow:auto;}.caeqccf [part="language-trigger"]{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;color:var(--codetabs-color);}.caeqccf [part="language-trigger"][data-state="active"]{color:var(--codetabs-color--active);border-bottom:1px solid var(--codetabs-color--active);border-bottom-left-radius:0px;border-bottom-right-radius:0px;}.caeqccf [part="language-trigger"]:hover{transition:ease-in 0.1s;background:var(--codetabs-color--hover);}.caeqccf [part="copy"]{display:flex;padding-left:8px;padding-right:8px;align-items:center;}.caeqccf[data-single="true"] [part="copy"]{position:absolute;right:0;}}
+
+
+
+@layer defaults{.t1gurlv3{display:block;position:relative;max-width:100%;}.t1gurlv3 [part="buttons"]{display:flex;align-items:center;}.t1gurlv3 [part="arrow"]{padding:8px;background-color:var(--xyd-tabs-arrow-bgcolor);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}.t1gurlv3 [part="arrow-icon"]{width:16px;height:16px;}.t1gurlv3 [part="scroller"]{overflow-x:auto;flex-grow:1;}.t1gurlv3 [part="scroller-container"]{display:inline-flex;gap:4px;border-radius:8px;background-color:var(--xyd-tabs-bgcolor);padding:4px;margin-left:4px;}.t1gurlv3 [part="content"]{margin-top:16px;}}
+@layer defaults{.tulm1r6{cursor:pointer;display:inline-block;padding:5px 16px;border-radius:0.375rem;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;color:var(--xyd-tabs-color);}.tulm1r6[data-state="inactive"] a,.tulm1r6[data-state="inactive"] button{color:unset;}.tulm1r6:hover{color:var(--xyd-tabs-color--active);}.tulm1r6[data-state="active"]{color:var(--xyd-tabs-color--active);background-color:var(--xyd-tabs-bgcolor--active);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}}
+
+@layer defaults{.tk0mvkq{display:block;}.tk0mvkq [part="nav"]{align-items:center;display:flex;height:42px;background-color:var(--xyd-tabs-primary-bgcolor);border-bottom:1px solid var(--xyd-tabs-primary-border-color);z-index:99;overflow-x:auto;}.tk0mvkq [part="nav"][data-kind="secondary"]{border-bottom:none;border-radius:8px;padding:4px;background-color:var(--xyd-tabs-bgcolor);}.tk0mvkq [part="list"]{display:flex;gap:10px;height:100%;color:var(--xyd-tabs-primary-list-color);list-style:none;padding:0;white-space:nowrap;}[data-kind="secondary"] .tk0mvkq [part="list"]{gap:4px;}.tk0mvkq [part="item"]{height:100%;position:relative;}.tk0mvkq [part="item"] a,.tk0mvkq [part="item"] button{height:100%;}.tk0mvkq [part="item"][data-state="active"] a{border-bottom-color:var(--xyd-tabs-primary-color--active);}[data-kind="secondary"] .tk0mvkq [part="item"][data-state="active"] a{border-bottom-color:transparent;color:var(--xyd-tabs-color--active);background-color:var(--xyd-tabs-bgcolor--active);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}.tk0mvkq [part="item"][data-state="inactive"] a,.tk0mvkq [part="item"][data-state="inactive"] button{color:unset;}.tk0mvkq [part="link"]{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;transition:all 0.3s ease;cursor:pointer;}.tk0mvkq [part="link"]:hover{color:var(--xyd-tabs-primary-color--active);}[data-kind="secondary"] .tk0mvkq [part="link"]{border-bottom:none;padding:5px 16px;border-radius:0.375rem;color:var(--xyd-tabs-color);}[data-kind="secondary"] .tk0mvkq [part="link"]:hover{color:var(--xyd-tabs-color--active);}.tk0mvkq [part="content"]{position:relative;overflow:hidden;}[data-kind="secondary"] .tk0mvkq [part="content"]{margin-top:16px;}}
+@keyframes fadeInFromRight-t1o9m54{from{opacity:0;transform:translateX(75px);}to{opacity:1;transform:translateX(0);}}
+@keyframes fadeOutToLeft-t1o9m54{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-75px);}}
+@keyframes fadeInFromLeft-t1o9m54{from{opacity:0;transform:translateX(-75px);}to{opacity:1;transform:translateX(0);}}
+@keyframes fadeOutToRight-t1o9m54{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(75px);}}
+@layer defaults{.t1o9m54{position:relative;width:100%;}.t1o9m54[data-state="inactive"]{display:none;}[data-slide="true"] .t1o9m54[data-direction="forward"][data-state="active"]{position:relative;animation:fadeInFromRight-t1o9m54 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1o9m54[data-direction="forward"][data-state="inactive"]{position:absolute;animation:fadeOutToLeft-t1o9m54 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1o9m54[data-direction="backward"][data-state="active"]{position:relative;animation:fadeInFromLeft-t1o9m54 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1o9m54[data-direction="backward"][data-state="inactive"]{position:absolute;animation:fadeOutToRight-t1o9m54 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.t1o9m54 [part="child"]{padding:20px;transition:all 0.3s ease;}}
+
+@layer defaults{.l1u84pnh{width:100%;overflow-x:hidden;background:var(--xyd-page-body-bgcolor);display:contents;}.l1u84pnh >[part="header"]{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;right:var(--xyd-page-gutter);left:var(--xyd-page-gutter);height:var(--xyd-nav-height);background:var(--xyd-layout-header-bgcolor);z-index:3;flex-direction:column;}@media (max-width: 768px){.l1u84pnh >[part="header"]{padding:0;}}.l1u84pnh[data-hide-subheader="true"]>[part="header"]{transform:translateY(calc(-1 * var(--xyd-nav-height)));}.l1u84pnh[data-hide-subheader="true"]>[part="header"]>[part="header-content"]{visibility:hidden;}.l1u84pnh[data-subheader="true"]>[part="header"]{flex-direction:column;height:var(--xyd-header-total-height);transition:transform 200ms;}.l1u84pnh [part="header-content"]{display:flex;align-items:center;width:100%;}.l1u84pnh [part="header-subheader"]{width:100%;}.l1u84pnh [part="hamburger-button"]{display:none;}@media (max-width: 1024px){.l1u84pnh [part="hamburger-button"]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:0;}}.l1u84pnh [part="hamburger-icon"]{width:24px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;}.l1u84pnh [part="hamburger-line"]{width:100%;height:2px;background:var(--xyd-page-body-color);transition:transform 0.3s var(--xyd-cubic-bezier);}.l1u84pnh [part="hamburger-line"][data-active="true"]:first-child{transform:translateY(11px) rotate(45deg);}.l1u84pnh [part="hamburger-line"][data-active="true"]:nth-child(2){opacity:0;}.l1u84pnh [part="hamburger-line"][data-active="true"]:last-child{transform:translateY(-11px) rotate(-45deg);}.l1u84pnh [part="main"]{position:relative;display:flex;top:0;bottom:0;left:0;right:0;padding:var(--xyd-page-gutter);overflow:visible;min-height:calc(100vh - (var(--xyd-nav-height) + var(--xyd-banner-height)));}.l1u84pnh [part="sidebar"]{flex:none;width:var(--xyd-sidebar-width);background:var(--xyd-layout-sidebar-bgcolor);display:flex;flex-direction:column;position:relative;height:100%;}@media (max-width: 1024px){.l1u84pnh [part="sidebar"]{display:none;}}.l1u84pnh [part="mobile-sidebar"]{display:none;}@media (max-width: 1024px){.l1u84pnh [part="mobile-sidebar"]{display:flex;position:fixed;top:0;bottom:0;left:0;width:var(--xyd-sidebar-width--mobile);background:var(--xyd-layout-sidebar-bgcolor);flex-direction:column;z-index:50;transform:translateX(-100%);transition:transform .3s var(--xyd-cubic-bezier);box-shadow:4px 0 8px rgba(0, 0, 0, 0.1);}}@media (max-width: 1024px){.l1u84pnh [part="mobile-sidebar"][data-active="true"]{transform:translateX(0);}}.l1u84pnh [part="mobile-sidebar-aside"]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;}.l1u84pnh [part="mobile-sidebar-close-button"]{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:-3px;top:0px;width:32px;z-index:10;}.l1u84pnh [part="mobile-sidebar-close-icon"]{width:20px;height:20px;position:relative;}.l1u84pnh [part="mobile-sidebar-close-icon"]::before,.l1u84pnh [part="mobile-sidebar-close-icon"]::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--xyd-page-body-color--secondary);transform-origin:center;}.l1u84pnh [part="mobile-sidebar-close-icon"]::before{transform:rotate(45deg);}.l1u84pnh [part="mobile-sidebar-close-icon"]::after{transform:rotate(-45deg);}.l1u84pnh [part="mobile-overlay"]{display:none;}@media (max-width: 1024px){.l1u84pnh [part="mobile-overlay"]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.6);transition:opacity .3s;opacity:0;pointer-events:none;z-index:40;height:100vh;}}.l1u84pnh [part="mobile-overlay"][data-active="true"]{opacity:1;pointer-events:auto;}.l1u84pnh [part="page"]{position:relative;overflow:visible;flex:1;background:var(--xyd-page-body-bgcolor);min-width:0;height:100%;}.l1u84pnh [part="page-scroll"]{overflow-y:visible;height:100%;-webkit-overflow-scrolling:touch;padding:0 48px;}@media (max-width: 1024px){.l1u84pnh [part="page-scroll"]{padding:0 32px;}}@media (max-width: 768px){.l1u84pnh [part="page-scroll"]{padding:0 24px;}}.l1u84pnh[data-layout="wide"] [part="page-scroll"]{padding-top:15px;}.l1u84pnh [part="page-container"]{max-width:var(--xyd-layout-width-medium);margin:0 auto;padding:0 var(--xyd-page-gutter);height:100%;}.l1u84pnh[data-layout="wide"] [part="page-container"]{max-width:var(--xyd-layout-width-large);}.l1u84pnh [part="page-article-container"]{display:flex;gap:48px;padding:48px 0;min-height:100%;}@media (max-width: 1024px){.l1u84pnh [part="page-article-container"]{gap:32px;}}@media (max-width: 768px){.l1u84pnh [part="page-article-container"]{flex-direction:column;padding:24px 0;gap:24px;}}.l1u84pnh [part="page-article"]{flex:1;min-width:0;}.l1u84pnh [part="page-article-content"]{width:100%;}.l1u84pnh [part="page-article-nav"]{--page-article-nav-top:calc(var(--xyd-header-total-height) / 2);display:flex;flex:none;flex-direction:column;gap:16px;width:var(--xyd-layout-nav-width-medium);position:sticky;height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding:var(--xyd-content-space) 0;margin-top:var(--page-article-nav-top);top:calc(var(--xyd-header-total-height) + var(--page-article-nav-top));}@media (max-width: 1024px){.l1u84pnh [part="page-article-nav"]{width:var(--xyd-layout-nav-width-small);padding-right:16px;}}@media (max-width: 768px){.l1u84pnh [part="page-article-nav"]{display:none;}}}@layer defaultfix{.l1u84pnh >[part="header"]:has(xyd-banner){height:auto;}}
+
+@layer defaults{.ccde3ii{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.ccde3ii:hover{transition:ease-in 0.1s;background:var(--xyd-code-copy-color);}}
+
+@keyframes pulse-lr0mq4l{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}@layer defaults{.lr0mq4l{display:inline-flex;align-items:center;justify-content:center;}.lr0mq4l[data-size="small"]{width:6px;height:6px;}.lr0mq4l[data-size="large"]{width:12px;height:12px;}.lr0mq4l [part="dots"]{display:flex;gap:4px;}.lr0mq4l [part="dot"]{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:pulse-lr0mq4l 1.4s infinite ease-in-out;opacity:0.6;}.lr0mq4l [part="dot"]:nth-of-type(2){animation-delay:0.2s;}.lr0mq4l [part="dot"]:nth-of-type(3){animation-delay:0.4s;}}
+
+.bigwo3e{--baseline-logo-bun:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Bun%22%20viewBox%3D%220%200%2080%2070%22%3E%3Ctitle%3EBun%20Logo%3C%2Ftitle%3E%3Cpath%20id%3D%22Shadow%22%20d%3D%22M71.09%2C20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46%2C26.46%2C0%2C0%2C1%2C75.5%2C35.7c0%2C16.57-16.82%2C30.05-37.5%2C30.05-11.58%2C0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55%2C65.3%2C30.14%2C69.75%2C42%2C69.75c20.68%2C0%2C37.5-13.48%2C37.5-30C79.5%2C32.69%2C76.46%2C26%2C71.09%2C20.74Z%22%2F%3E%3Cg%20id%3D%22Body%22%3E%3Cpath%20id%3D%22Background%22%20d%3D%22M73%2C35.7c0%2C15.21-15.67%2C27.54-35%2C27.54S3%2C50.91%2C3%2C35.7C3%2C26.27%2C9%2C17.94%2C18.22%2C13S33.18%2C3%2C38%2C3s8.94%2C4.13%2C19.78%2C10C67%2C17.94%2C73%2C26.27%2C73%2C35.7Z%22%20style%3D%22fill%3A%23fbf0df%22%2F%3E%3Cpath%20id%3D%22Bottom_Shadow%22%20data-name%3D%22Bottom%20Shadow%22%20d%3D%22M73%2C35.7a21.67%2C21.67%2C0%2C0%2C0-.8-5.78c-2.73%2C33.3-43.35%2C34.9-59.32%2C24.94A40%2C40%2C0%2C0%2C0%2C38%2C63.24C57.3%2C63.24%2C73%2C50.89%2C73%2C35.7Z%22%20style%3D%22fill%3A%23f6dece%22%2F%3E%3Cpath%20id%3D%22Light_Shine%22%20data-name%3D%22Light%20Shine%22%20d%3D%22M24.53%2C11.17C29%2C8.49%2C34.94%2C3.46%2C40.78%2C3.45A9.29%2C9.29%2C0%2C0%2C0%2C38%2C3c-2.42%2C0-5%2C1.25-8.25%2C3.13-1.13.66-2.3%2C1.39-3.54%2C2.15-2.33%2C1.44-5%2C3.07-8%2C4.7C8.69%2C18.13%2C3%2C26.62%2C3%2C35.7c0%2C.4%2C0%2C.8%2C0%2C1.19C9.06%2C15.48%2C20.07%2C13.85%2C24.53%2C11.17Z%22%20style%3D%22fill%3A%23fffefc%22%2F%3E%3Cpath%20id%3D%22Top%22%20d%3D%22M35.12%2C5.53A16.41%2C16.41%2C0%2C0%2C1%2C29.49%2C18c-.28.25-.06.73.3.59%2C3.37-1.31%2C7.92-5.23%2C6-13.14C35.71%2C5%2C35.12%2C5.12%2C35.12%2C5.53Zm2.27%2C0A16.24%2C16.24%2C0%2C0%2C1%2C39%2C19c-.12.35.31.65.55.36C41.74%2C16.56%2C43.65%2C11%2C37.93%2C5%2C37.64%2C4.74%2C37.19%2C5.14%2C37.39%2C5.49Zm2.76-.17A16.42%2C16.42%2C0%2C0%2C1%2C47%2C17.12a.33.33%2C0%2C0%2C0%2C.65.11c.92-3.49.4-9.44-7.17-12.53C40.08%2C4.54%2C39.82%2C5.08%2C40.15%2C5.32ZM21.69%2C15.76a16.94%2C16.94%2C0%2C0%2C0%2C10.47-9c.18-.36.75-.22.66.18-1.73%2C8-7.52%2C9.67-11.12%2C9.45C21.32%2C16.4%2C21.33%2C15.87%2C21.69%2C15.76Z%22%20style%3D%22fill%3A%23ccbea7%3Bfill-rule%3Aevenodd%22%2F%3E%3Cpath%20id%3D%22Outline%22%20d%3D%22M38%2C65.75C17.32%2C65.75.5%2C52.27.5%2C35.7c0-10%2C6.18-19.33%2C16.53-24.92%2C3-1.6%2C5.57-3.21%2C7.86-4.62%2C1.26-.78%2C2.45-1.51%2C3.6-2.19C32%2C1.89%2C35%2C.5%2C38%2C.5s5.62%2C1.2%2C8.9%2C3.14c1%2C.57%2C2%2C1.19%2C3.07%2C1.87%2C2.49%2C1.54%2C5.3%2C3.28%2C9%2C5.27C69.32%2C16.37%2C75.5%2C25.69%2C75.5%2C35.7%2C75.5%2C52.27%2C58.68%2C65.75%2C38%2C65.75ZM38%2C3c-2.42%2C0-5%2C1.25-8.25%2C3.13-1.13.66-2.3%2C1.39-3.54%2C2.15-2.33%2C1.44-5%2C3.07-8%2C4.7C8.69%2C18.13%2C3%2C26.62%2C3%2C35.7%2C3%2C50.89%2C18.7%2C63.25%2C38%2C63.25S73%2C50.89%2C73%2C35.7C73%2C26.62%2C67.31%2C18.13%2C57.78%2C13%2C54%2C11%2C51.05%2C9.12%2C48.66%2C7.64c-1.09-.67-2.09-1.29-3-1.84C42.63%2C4%2C40.42%2C3%2C38%2C3Z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Mouth%22%3E%3Cg%20id%3D%22Background-2%22%20data-name%3D%22Background%22%3E%3Cpath%20d%3D%22M45.05%2C43a8.93%2C8.93%2C0%2C0%2C1-2.92%2C4.71%2C6.81%2C6.81%2C0%2C0%2C1-4%2C1.88A6.84%2C6.84%2C0%2C0%2C1%2C34%2C47.71%2C8.93%2C8.93%2C0%2C0%2C1%2C31.12%2C43a.72.72%2C0%2C0%2C1%2C.8-.81H44.26A.72.72%2C0%2C0%2C1%2C45.05%2C43Z%22%20style%3D%22fill%3A%23b71422%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Tongue%22%3E%3Cpath%20id%3D%22Background-3%22%20data-name%3D%22Background%22%20d%3D%22M34%2C47.79a6.91%2C6.91%2C0%2C0%2C0%2C4.12%2C1.9%2C6.91%2C6.91%2C0%2C0%2C0%2C4.11-1.9%2C10.63%2C10.63%2C0%2C0%2C0%2C1-1.07%2C6.83%2C6.83%2C0%2C0%2C0-4.9-2.31%2C6.15%2C6.15%2C0%2C0%2C0-5%2C2.78C33.56%2C47.4%2C33.76%2C47.6%2C34%2C47.79Z%22%20style%3D%22fill%3A%23ff6164%22%2F%3E%3Cpath%20id%3D%22Outline-2%22%20data-name%3D%22Outline%22%20d%3D%22M34.16%2C47a5.36%2C5.36%2C0%2C0%2C1%2C4.19-2.08%2C6%2C6%2C0%2C0%2C1%2C4%2C1.69c.23-.25.45-.51.66-.77a7%2C7%2C0%2C0%2C0-4.71-1.93%2C6.36%2C6.36%2C0%2C0%2C0-4.89%2C2.36A9.53%2C9.53%2C0%2C0%2C0%2C34.16%2C47Z%22%2F%3E%3C%2Fg%3E%3Cpath%20id%3D%22Outline-3%22%20data-name%3D%22Outline%22%20d%3D%22M38.09%2C50.19a7.42%2C7.42%2C0%2C0%2C1-4.45-2%2C9.52%2C9.52%2C0%2C0%2C1-3.11-5.05%2C1.2%2C1.2%2C0%2C0%2C1%2C.26-1%2C1.41%2C1.41%2C0%2C0%2C1%2C1.13-.51H44.26a1.44%2C1.44%2C0%2C0%2C1%2C1.13.51%2C1.19%2C1.19%2C0%2C0%2C1%2C.25%2C1h0a9.52%2C9.52%2C0%2C0%2C1-3.11%2C5.05A7.42%2C7.42%2C0%2C0%2C1%2C38.09%2C50.19Zm-6.17-7.4c-.16%2C0-.2.07-.21.09a8.29%2C8.29%2C0%2C0%2C0%2C2.73%2C4.37A6.23%2C6.23%2C0%2C0%2C0%2C38.09%2C49a6.28%2C6.28%2C0%2C0%2C0%2C3.65-1.73%2C8.3%2C8.3%2C0%2C0%2C0%2C2.72-4.37.21.21%2C0%2C0%2C0-.2-.09Z%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22Face%22%3E%3Cellipse%20id%3D%22Right_Blush%22%20data-name%3D%22Right%20Blush%22%20cx%3D%2253.22%22%20cy%3D%2240.18%22%20rx%3D%225.85%22%20ry%3D%223.44%22%20style%3D%22fill%3A%23febbd0%22%2F%3E%3Cellipse%20id%3D%22Left_Bluch%22%20data-name%3D%22Left%20Bluch%22%20cx%3D%2222.95%22%20cy%3D%2240.18%22%20rx%3D%225.85%22%20ry%3D%223.44%22%20style%3D%22fill%3A%23febbd0%22%2F%3E%3Cpath%20id%3D%22Eyes%22%20d%3D%22M25.7%2C38.8a5.51%2C5.51%2C0%2C1%2C0-5.5-5.51A5.51%2C5.51%2C0%2C0%2C0%2C25.7%2C38.8Zm24.77%2C0A5.51%2C5.51%2C0%2C1%2C0%2C45%2C33.29%2C5.5%2C5.5%2C0%2C0%2C0%2C50.47%2C38.8Z%22%20style%3D%22fill-rule%3Aevenodd%22%2F%3E%3Cpath%20id%3D%22Iris%22%20d%3D%22M24%2C33.64a2.07%2C2.07%2C0%2C1%2C0-2.06-2.07A2.07%2C2.07%2C0%2C0%2C0%2C24%2C33.64Zm24.77%2C0a2.07%2C2.07%2C0%2C1%2C0-2.06-2.07A2.07%2C2.07%2C0%2C0%2C0%2C48.75%2C33.64Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--baseline-logo-node:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%22-16.5%200%20289%20289%22%20version%3D%221.1%22%20preserveAspectRatio%3D%22xMidYMid%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M127.999999%2C288.463771%20C124.024844%2C288.463771%20120.314699%2C287.403728%20116.869564%2C285.548656%20L81.6231884%2C264.612838%20C76.32298%2C261.697724%2078.9730854%2C260.637682%2080.5631458%2C260.107661%20C87.7184259%2C257.72257%2089.0434775%2C257.192547%2096.4637688%2C252.952381%20C97.2587979%2C252.422361%2098.3188405%2C252.687372%2099.1138718%2C253.217392%20L126.144927%2C269.383024%20C127.20497%2C269.913045%20128.530021%2C269.913045%20129.325053%2C269.383024%20L235.064182%2C208.165634%20C236.124225%2C207.635611%20236.654245%2C206.575571%20236.654245%2C205.250519%20L236.654245%2C83.0807467%20C236.654245%2C81.7556929%20236.124225%2C80.6956526%20235.064182%2C80.1656324%20L129.325053%2C19.2132506%20C128.26501%2C18.6832305%20126.939959%2C18.6832305%20126.144927%2C19.2132506%20L20.4057954%2C80.1656324%20C19.3457551%2C80.6956526%2018.8157349%2C82.0207041%2018.8157349%2C83.0807467%20L18.8157349%2C205.250519%20C18.8157349%2C206.31056%2019.3457551%2C207.635611%2020.4057954%2C208.165634%20L49.2919247%2C224.861286%20C64.9275364%2C232.811595%2074.7329196%2C223.536234%2074.7329196%2C214.260871%20L74.7329196%2C93.681159%20C74.7329196%2C92.0910985%2076.0579711%2C90.5010358%2077.9130428%2C90.5010358%20L91.4285716%2C90.5010358%20C93.0186343%2C90.5010358%2094.6086948%2C91.8260873%2094.6086948%2C93.681159%20L94.6086948%2C214.260871%20C94.6086948%2C235.196689%2083.2132512%2C247.387164%2063.3374737%2C247.387164%20C57.2422362%2C247.387164%2052.4720502%2C247.387164%2038.9565214%2C240.761906%20L11.1304347%2C224.861286%20C4.24016581%2C220.886129%205.68434189e-14%2C213.46584%205.68434189e-14%2C205.515528%20L5.68434189e-14%2C83.3457557%20C5.68434189e-14%2C75.3954465%204.24016581%2C67.9751552%2011.1304347%2C64.0000006%20L116.869564%2C2.78260752%20C123.494824%2C-0.927535841%20132.505176%2C-0.927535841%20139.130436%2C2.78260752%20L244.869565%2C64.0000006%20C251.759834%2C67.9751552%20256%2C75.3954465%20256%2C83.3457557%20L256%2C205.515528%20C256%2C213.46584%20251.759834%2C220.886129%20244.869565%2C224.861286%20L139.130436%2C286.078676%20C135.685299%2C287.668739%20131.710145%2C288.463771%20127.999999%2C288.463771%20L127.999999%2C288.463771%20Z%20M160.596274%2C204.455488%20C114.219461%2C204.455488%20104.679089%2C183.254659%20104.679089%2C165.233955%20C104.679089%2C163.643893%20106.004141%2C162.053832%20107.859212%2C162.053832%20L121.639752%2C162.053832%20C123.229813%2C162.053832%20124.554864%2C163.113872%20124.554864%2C164.703935%20C126.674947%2C178.749484%20132.770187%2C185.639753%20160.861283%2C185.639753%20C183.122154%2C185.639753%20192.662526%2C180.604556%20192.662526%2C168.67909%20C192.662526%2C161.788821%20190.012423%2C156.753624%20155.296065%2C153.308489%20C126.409938%2C150.393375%20108.389235%2C144.033126%20108.389235%2C120.977226%20C108.389235%2C99.5113875%20126.409938%2C86.7908901%20156.621119%2C86.7908901%20C190.542443%2C86.7908901%20207.238095%2C98.4513472%20209.358178%2C123.89234%20C209.358178%2C124.687371%20209.093167%2C125.482403%20208.563147%2C126.277434%20C208.033127%2C126.807454%20207.238095%2C127.337474%20206.443064%2C127.337474%20L192.662526%2C127.337474%20C191.337475%2C127.337474%20190.012423%2C126.277434%20189.747412%2C124.952382%20C186.567289%2C110.376813%20178.351966%2C105.606625%20156.621119%2C105.606625%20C132.240165%2C105.606625%20129.325053%2C114.086957%20129.325053%2C120.447205%20C129.325053%2C128.132506%20132.770187%2C130.5176%20165.631471%2C134.757766%20C198.227744%2C138.997931%20213.598344%2C145.093169%20213.598344%2C167.884058%20C213.333333%2C191.20497%20194.252589%2C204.455488%20160.596274%2C204.455488%20L160.596274%2C204.455488%20Z%22%20fill%3D%22%23000%22%3E%0A%0A%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");--baseline-logo-npm:url("data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23D40001%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%3E%0A%3Ctitle%3Enpm%3C%2Ftitle%3E%0A%3Cpath%20d%3D%22M7.415%207.656l17.291%200.024-0.011%2017.29h-4.329l0.012-12.974h-4.319l-0.010%2012.964h-8.656zM3.207%201.004c-0.002%200-0.003%200-0.005%200-1.214%200-2.198%200.984-2.198%202.198%200%200.002%200%200.004%200%200.006v-0%2025.585c0%200.002%200%200.003%200%200.005%200%201.214%200.984%202.198%202.198%202.198%200.002%200%200.004%200%200.006%200h25.585c0.002%200%200.003%200%200.005%200%201.214%200%202.198-0.984%202.198-2.198%200-0.002%200-0.004%200-0.006v0-25.585c0-0.002%200-0.003%200-0.005%200-1.214-0.984-2.198-2.198-2.198-0.002%200-0.004%200-0.006%200h0z%22%2F%3E%0A%3C%2Fsvg%3E");--baseline-high-bg:#e6f4ea;--baseline-high-engine-bg:#ceead6;--baseline-high-img:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20111%2062%22%3E%3Cpath%20d%3D%22m86.333%206.2-6.166%206.2%2018.5%2018.6-18.5%2018.6-12.334-12.4-6.166%206.2%2018.5%2018.6L111%2031%2086.333%206.2ZM30.833%200%206.167%2024.8l6.166%206.2%2018.5-18.6%2012.334%2012.4%206.166-6.2L30.833%200Z%22%20fill%3D%22%23B9D8BF%22%2F%3E%3Cpath%20d%3D%22m80.167%200%206.166%206.2-55.5%2055.8L0%2031l6.167-6.2%2024.666%2024.8L80.167%200Z%22%20fill%3D%22%23148936%22%2F%3E%3C%2Fsvg%3E");--baseline-high-check:#099949;--baseline-bg:var(--baseline-high-bg);--baseline-engine-bg:var(--baseline-high-engine-bg);--baseline-img:var(--baseline-high-img);--baseline-check:var(--baseline-high-check);--baseline-cross:var(--baseline-limited-cross);--feedback-link-icon:var(--icon-primary);background:var(--baseline-bg);border-radius:.25rem;margin:1rem 0;padding-left:3.8125rem;}.bigwo3e summary{--chevron-size:0.6875rem;--chevron-padding-left:0.75rem;--chevron-padding-right:1.25rem;align-items:center;cursor:pointer;display:flex;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem 0;padding-right:calc(var(--chevron-padding-left) + var(--chevron-size) + var(--chevron-padding-right));position:relative;}.bigwo3e [part="icon"]{--width:2.3125rem;background-image:var(--baseline-img);-webkit-background-position:50%;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:2.25rem;left:calc(-.5rem - var(--width));position:absolute;top:1rem;width:var(--width);}.bigwo3e [part="title"]{font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.5;margin:0;padding:.375rem 0;}.bigwo3e [part="compatibility"]{display:flex;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;}.bigwo3e [part="tools"]{background:var(--baseline-engine-bg);border-radius:2rem;display:flex;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;padding:.5rem .625rem;}.bigwo3e [part="tools"] [data-tool]{display:flex;--baseline-tool-image:none;}.bigwo3e [part="tools"] [data-tool="bun"]{--baseline-tool-image:var(--baseline-logo-bun);}.bigwo3e [part="tools"] [data-tool="node"]{--baseline-tool-image:var(--baseline-logo-node);}.bigwo3e [part="tools"] [data-tool="npm"]{--baseline-tool-image:var(--baseline-logo-npm);}.bigwo3e [part="tools"] [data-tool="pnpm"]{--baseline-tool-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%2276.58987244897958%2044%20164.00775510204068%20164%22%20width%3D%22160.01%22%20height%3D%22160%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M237.6%2095L187.6%2095L187.6%2045L237.6%2045L237.6%2095Z%22%20id%3D%22arNRoK435%22%2F%3E%3Cpath%20d%3D%22M182.59%2095L132.59%2095L132.59%2045L182.59%2045L182.59%2095Z%22%20id%3D%22a3H2WU7Px%22%2F%3E%3Cpath%20d%3D%22M127.59%2095L77.59%2095L77.59%2045L127.59%2045L127.59%2095Z%22%20id%3D%22b1DInM56vl%22%2F%3E%3Cpath%20d%3D%22M237.6%20150L187.6%20150L187.6%20100L237.6%20100L237.6%20150Z%22%20id%3D%22a7LFlgQIwu%22%2F%3E%3Cpath%20d%3D%22M182.59%20150L132.59%20150L132.59%20100L182.59%20100L182.59%20150Z%22%20id%3D%22amwLiZcuo%22%2F%3E%3Cpath%20d%3D%22M182.59%20205L132.59%20205L132.59%20155L182.59%20155L182.59%20205Z%22%20id%3D%22f3Peu5RWan%22%2F%3E%3Cpath%20d%3D%22M237.6%20205L187.6%20205L187.6%20155L237.6%20155L237.6%20205Z%22%20id%3D%22a6DXBfqPa%22%2F%3E%3Cpath%20d%3D%22M127.59%20205L77.59%20205L77.59%20155L127.59%20155L127.59%20205Z%22%20id%3D%22c1GWSTH1z7%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23arNRoK435%22%20opacity%3D%221%22%20fill%3D%22%23f9ad00%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23a3H2WU7Px%22%20opacity%3D%221%22%20fill%3D%22%23f9ad00%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23b1DInM56vl%22%20opacity%3D%221%22%20fill%3D%22%23f9ad00%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23a7LFlgQIwu%22%20opacity%3D%221%22%20fill%3D%22%23f9ad00%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23amwLiZcuo%22%20opacity%3D%221%22%20fill%3D%22%234e4e4e%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23f3Peu5RWan%22%20opacity%3D%221%22%20fill%3D%22%234e4e4e%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23a6DXBfqPa%22%20opacity%3D%221%22%20fill%3D%22%234e4e4e%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23c1GWSTH1z7%22%20opacity%3D%221%22%20fill%3D%22%234e4e4e%22%20fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}.bigwo3e [part="tools"] [data-tool]::before{background-repeat:no-repeat;background-size:contain;content:"";display:block;height:1.25rem;width:1.25rem;background-image:var(--baseline-tool-image);}.bigwo3e [part="tools"] [data-tool]::after{background-color:var(--baseline-check);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2079.301%2098%22%3E%3Cg%20fill%3D%22%23099949%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M30.3%206a42.82%2042.82%200%200%200-26.616%209.226A59.25%2059.25%200%200%200%200%2010.489%2048.787%2048.787%200%200%201%2030.3%200c27.063%200%2049%2021.938%2049%2049s-21.937%2049-49%2049A48.786%2048.786%200%200%201%200%2087.511a59.307%2059.307%200%200%200%203.684-4.737A42.823%2042.823%200%200%200%2030.3%2092c23.748%200%2043-19.252%2043-43S54.049%206%2030.3%206Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M33.78%2058.149%2053.3%2038.827%2048.426%2034l-19.52%2019.322-9.728-9.629L14.3%2048.52%2028.929%2063l4.876-4.827Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2079.301%2098%22%3E%3Cg%20fill%3D%22%23099949%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M30.3%206a42.82%2042.82%200%200%200-26.616%209.226A59.25%2059.25%200%200%200%200%2010.489%2048.787%2048.787%200%200%201%2030.3%200c27.063%200%2049%2021.938%2049%2049s-21.937%2049-49%2049A48.786%2048.786%200%200%201%200%2087.511a59.307%2059.307%200%200%200%203.684-4.737A42.823%2042.823%200%200%200%2030.3%2092c23.748%200%2043-19.252%2043-43S54.049%206%2030.3%206Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M33.78%2058.149%2053.3%2038.827%2048.426%2034l-19.52%2019.322-9.728-9.629L14.3%2048.52%2028.929%2063l4.876-4.827Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2079.301%2098%22%3E%3Cg%20fill%3D%22%23099949%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M30.3%206a42.82%2042.82%200%200%200-26.616%209.226A59.25%2059.25%200%200%200%200%2010.489%2048.787%2048.787%200%200%201%2030.3%200c27.063%200%2049%2021.938%2049%2049s-21.937%2049-49%2049A48.786%2048.786%200%200%201%200%2087.511a59.307%2059.307%200%200%200%203.684-4.737A42.823%2042.823%200%200%200%2030.3%2092c23.748%200%2043-19.252%2043-43S54.049%206%2030.3%206Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M33.78%2058.149%2053.3%2038.827%2048.426%2034l-19.52%2019.322-9.728-9.629L14.3%2048.52%2028.929%2063l4.876-4.827Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");content:"";display:block;height:1.25rem;-webkit-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-size:contain;mask-size:contain;width:1rem;}
+
+@layer defaults {
+    .VideoGuide-module_VideoPlayerHost__wcML- {
+        z-index: var(--xyd-videoguide-miniature-z-index);
+        width: var(--xyd-videoguide-miniature-mini-width);
+        height: var(--xyd-videoguide-miniature-mini-height);
+        overflow: visible;
+
+        [part="shape"] {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            overflow: visible;
+            box-shadow: var(--xyd-videoguide-miniature-shadow);
+            border-radius: var(--xyd-videoguide-miniature-radius);
+            box-sizing: border-box;
+            background-color: var(--xyd-videoguide-miniature-bgcolor);
+        }
+
+        [part="frame"] {
+            position: relative;
+            width: 100%;
+            height: var(--xyd-videoguide-miniature-mini-height);
+
+            background-color: var(--xyd-videoguide-miniature-bgcolor);
+            overflow: hidden;
+            border-radius: var(--xyd-videoguide-miniature-radius);
+            box-sizing: border-box;
+        }
+
+        [part="thumbnail"] {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-image: url(https://xyd-land.netlify.app/docs-hero.png);
+            background-size: cover;
+            background-position: center;
+        }
+
+        [part="cover"] {
+            background-color: transparent;
+            backdrop-filter: brightness(60%) blur(10px);
+            -webkit-backdrop-filter: brightness(60%) blur(10px);
+
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            transition: backdrop-filter .1s ease-in-out, opacity .1s ease-in-out, background-color .1s ease-in-out;
+
+            overflow: hidden;
+
+            border-radius: var(--xyd-videoguide-miniature-radius);
+            box-sizing: border-box;
+        }
+
+        [part="controls"] {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            box-sizing: border-box;
+        }
+
+        [part="button"] {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            height: 100%;
+        }
+
+        [part="icon"] {
+            color: var(--xyd-videoguide-miniature-color);
+            display: flex;
+            box-sizing: border-box;
+
+            svg {
+                fill: currentColor;
+            }
+        }
+
+        [part="description"] {
+            box-sizing: border-box;
+            margin-top: 8px;
+        }
+
+        [part="description-container"] {
+            box-sizing: border-box;
+            margin-top: 8px;
+        }
+
+        [part="description"] {
+            text-align: center;
+            color: var(--xyd-videoguide-miniature-color);
+            display: block;
+            white-space: normal;
+        }
+    }
+}
+@layer defaults {
+    .TocCard-module_TocCardHost__pT0XJ {
+        display: block;
+        max-width: 250px;
+    
+        [part="container"] {
+        }
+    
+        [part="description"] {
+            color: var(--xyd-toccard-color);
+            letter-spacing: 0;
+        }
+    
+        [part="link"] {
+            display: block;
+            border: 1px solid var(--xyd-toccard-border-color);
+            border-radius: 6px;
+            padding: 8px 16px 12px;
+            text-decoration: none;
+    
+            &:hover {
+                border-color: var(--xyd-toccard-border-color--active);
+            }
+        }
+    
+        [part="title-container"] {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+    
+        [part="title"] {
+            color: var(--xyd-toccard-title-color);
+            margin-bottom: 2px;
+        }
+    
+        [part="link-icon"] {
+            width: 1em;
+            height: 1em;
+            -o-object-fit: contain;
+               object-fit: contain;
+            color: var(--xyd-toccard-icon-color);
+        }
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/dist/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/layouts.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { PageLayout } from '@xyd-js/core';
+
+interface LayoutPrimaryProps {
+    children: React.ReactNode;
+    subheader?: boolean;
+    className?: string;
+    layout?: PageLayout;
+    scrollKey?: string;
+    id?: string;
+}
+declare function LayoutPrimary(props: LayoutPrimaryProps): React.JSX.Element;
+declare namespace LayoutPrimary {
+    var Header: (props: LayoutPrimaryHeaderProps) => React.JSX.Element;
+    var Hamburger: () => React.JSX.Element;
+    var MobileAside: (props: LayoutPrimaryMobileAsideProps) => React.JSX.Element;
+    var Page: (props: LayoutPrimaryPageProps) => React.JSX.Element;
+}
+interface LayoutPrimaryHeaderProps {
+    header: React.ReactNode;
+    banner?: React.ReactNode;
+    subheader?: React.ReactNode;
+}
+interface LayoutPrimaryMobileAsideProps {
+    aside: React.ReactNode;
+}
+interface LayoutPrimaryPageProps {
+    children: React.ReactNode;
+    contentNav?: React.ReactNode;
+    after?: React.ReactNode;
+}
+
+export { LayoutPrimary };

package/dist/layouts.js

@@ -0,0 +1,2 @@
+import{a as e}from"./_rollupPluginBabelHelpers-CvhQFv1t.js";import*as t from"react";import{useRef as a,useState as r,useEffect as n,useContext as i}from"react";var l=t.createContext({scrollRef:t.createRef(),isMobileNavOpen:!1,setIsMobileNavOpen:function(){}});function c(i){var c=a(null),o=r(!1),v=e(o,2),s=v[0],m=v[1],p=function(t,a){var i=r(!1),l=e(i,2),c=l[0],o=l[1],v=r(0),s=e(v,2),m=s[0],p=s[1],b=r(null),E=e(b,2),f=E[0],g=E[1],h=r(0),M=e(h,2),N=M[0],O=M[1],y=r(0),H=e(y,2),C=H[0],I=H[1],w=r(!1),k=e(w,2);k[0];var x=k[1];function F(){o(!1),p(0),g(null),O(0),I(0),x(!1)}function L(e){if(e.target instanceof HTMLElement){var t=e.target.scrollTop;if(t<d)return o(!1),O(0),p(t),void x(!1);var a=t>m?"down":"up";a!==f&&(g(a),I(t),x(!0));var r=Math.abs(t-C);"down"===a&&r>u?(o(!0),O(t),I(t)):"up"===a&&r>d&&(o(!1),O(t),I(t)),p(t)}}return n(function(){F()},[a]),n(function(){if(null==t?void 0:t.current)return t.current.addEventListener("scroll",L),function(){var e;null===(e=t.current)||void 0===e||e.removeEventListener("scroll",L)}},[t,a,m,f,N,C]),{hideMainHeader:c}}(i.subheader?c:null,i.scrollKey),b=p.hideMainHeader;return n(function(){c.current=window},[]),t.createElement(l,{value:{scrollRef:c,isMobileNavOpen:s,setIsMobileNavOpen:m}},t.createElement("xyd-layout-primary",{className:"".concat("l1u84pnh"," ").concat(i.className||""),"data-subheader":String(!!i.subheader),"data-hide-subheader":String(b),"data-layout":i.layout,id:i.id},i.children))}function o(e){var a=e.active;return t.createElement("span",{part:"hamburger-line","data-active":a})}c.Header=function(e){var a=i(l);return a.isMobileNavOpen,a.setIsMobileNavOpen,t.createElement(t.Fragment,null,t.createElement("header",{part:"header"},e.banner,t.createElement("div",{part:"header-content"},e.header),e.subheader&&t.createElement("div",{part:"header-subheader"},e.subheader)))},c.Hamburger=function(){var e=i(l),a=e.isMobileNavOpen,r=e.setIsMobileNavOpen;return t.createElement("button",{part:"hamburger-button","aria-label":"Toggle navigation menu",onClick:function(){return r(!a)}},t.createElement("div",{part:"hamburger-icon"},t.createElement(o,{active:a}),t.createElement(o,{active:a}),t.createElement(o,{active:a})))},c.MobileAside=function(e){var a=i(l),r=a.isMobileNavOpen,n=a.setIsMobileNavOpen;return t.createElement(t.Fragment,null,t.createElement("div",{part:"mobile-overlay","data-active":r,onClick:function(){return n(!1)}}),t.createElement("aside",{part:"mobile-sidebar","data-active":r},t.createElement("div",{part:"mobile-sidebar-aside"},e.aside),t.createElement("div",null,t.createElement("button",{part:"mobile-sidebar-close-button","aria-label":"Close navigation menu",onClick:function(){return n(!1)}},t.createElement("div",{part:"mobile-sidebar-close-icon"})))))},c.Page=function(e){return t.createElement(t.Fragment,null,t.createElement("div",{part:"page"},t.createElement("div",{part:"page-scroll"},t.createElement("div",{part:"page-container"},t.createElement("div",{part:"page-article-container"},t.createElement("article",{part:"page-article"},t.createElement("section",{part:"page-article-content"},e.children)),e.contentNav&&t.createElement("nav",{part:"page-article-nav"},e.contentNav)))),e.after))};var u=200,d=100;export{c as LayoutPrimary};
+//# sourceMappingURL=layouts.js.map

package/dist/layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.js","sources":["../src/layouts/LayoutPrimary/LayoutPrimary.styles.tsx","../src/layouts/LayoutPrimary/LayoutPrimary.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\n// TODO: in the futre better media queries\nconst tabletBreakpoint = '1024px';\nconst mobileBreakpoint = '768px';\n\nexport const LayoutPrimaryHost = css`\n    @layer defaults {\n        width: 100%;\n        overflow-x: hidden;\n        background: var(--xyd-page-body-bgcolor);\n        display: contents;\n\n        > [part=\"header\"] {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: sticky;\n            top: 0;\n            right: var(--xyd-page-gutter);\n            left: var(--xyd-page-gutter);\n            height: var(--xyd-nav-height);\n            background: var(--xyd-layout-header-bgcolor);\n            z-index: 3;\n            flex-direction: column;\n\n            @media (max-width: ${mobileBreakpoint}) {\n                padding: 0;\n            }\n        }\n\n        &[data-hide-subheader=\"true\"] > [part=\"header\"] {\n            transform: translateY(calc(-1 * var(--xyd-nav-height)));\n        }\n        &[data-hide-subheader=\"true\"] > [part=\"header\"] > [part=\"header-content\"] {\n            visibility: hidden;\n        }\n\n        &[data-subheader=\"true\"] > [part=\"header\"] {\n            flex-direction: column;\n            height: var(--xyd-header-total-height);\n            transition: transform 200ms;\n        }\n\n        [part=\"header-content\"] {\n            display: flex;\n            align-items: center;\n            width: 100%;\n        }\n\n        [part=\"header-subheader\"] {\n            width: 100%;\n        }\n\n        [part=\"hamburger-button\"] {\n            display: none;\n\n            @media (max-width: ${tabletBreakpoint}) {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 40px;\n                height: 40px;\n                border: none;\n                background: none;\n                cursor: pointer;\n                padding: 0;\n            }\n        }\n\n        [part=\"hamburger-icon\"] {\n            width: 24px;\n            height: 24px;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        [part=\"hamburger-line\"] {\n            width: 100%;\n            height: 2px;\n            background: var(--xyd-page-body-color);\n            transition: transform 0.3s var(--xyd-cubic-bezier);\n\n            &[data-active=\"true\"] {\n                &:first-child {\n                    transform: translateY(11px) rotate(45deg);\n                }\n\n                &:nth-child(2) {\n                    opacity: 0;\n                }\n\n                &:last-child {\n                    transform: translateY(-11px) rotate(-45deg);\n                }\n            }\n        }\n\n        [part=\"main\"] {\n            position: relative;\n            display: flex;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: var(--xyd-page-gutter);\n            overflow: visible;\n            min-height: calc(100vh - (var(--xyd-nav-height) + var(--xyd-banner-height)))\n        }\n\n        [part=\"sidebar\"] {\n            flex: none;\n            width: var(--xyd-sidebar-width);\n            background: var(--xyd-layout-sidebar-bgcolor);\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            height: 100%;\n\n            @media (max-width: ${tabletBreakpoint}) {\n                display: none;\n            }\n        }\n\n        [part=\"mobile-sidebar\"] {\n            display: none;\n\n            @media (max-width: ${tabletBreakpoint}) {\n                display: flex;\n                position: fixed;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                width: var(--xyd-sidebar-width--mobile);\n                background: var(--xyd-layout-sidebar-bgcolor);\n                flex-direction: column;\n                z-index: 50;\n                transform: translateX(-100%);\n                transition: transform .3s var(--xyd-cubic-bezier);\n                box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);\n            }\n\n            &[data-active=\"true\"] {\n                @media (max-width: ${tabletBreakpoint}) {\n                    transform: translateX(0);\n                }\n            }\n        }\n\n        [part=\"mobile-sidebar-aside\"] {\n            flex: 1;\n            overflow-y: auto;\n            -webkit-overflow-scrolling: touch;\n            height: 100%;\n        }\n\n        [part=\"mobile-sidebar-close-button\"] {\n            align-items: center;\n            background: none;\n            border: none;\n            cursor: pointer;\n            display: flex;\n            height: 32px;\n            justify-content: center;\n            padding: 0;\n            position: absolute;\n            right: -3px;\n            top: 0px;\n            width: 32px;\n            z-index: 10;\n        }\n\n        [part=\"mobile-sidebar-close-icon\"] {\n            width: 20px;\n            height: 20px;\n            position: relative;\n\n            &::before,\n            &::after {\n                content: '';\n                position: absolute;\n                top: 50%;\n                left: 0;\n                width: 100%;\n                height: 2px;\n                background: var(--xyd-page-body-color--secondary);\n                transform-origin: center;\n            }\n\n            &::before {\n                transform: rotate(45deg);\n            }\n\n            &::after {\n                transform: rotate(-45deg);\n            }\n        }\n\n        [part=\"mobile-overlay\"] {\n            display: none;\n\n            @media (max-width: ${tabletBreakpoint}) {\n                display: block;\n                position: fixed;\n                top: 0;\n                right: 0;\n                bottom: 0;\n                left: 0;\n                background: rgba(0, 0, 0, 0.6);\n                transition: opacity .3s;\n                opacity: 0;\n                pointer-events: none;\n                z-index: 40;\n                height: 100vh;\n            }\n\n            &[data-active=\"true\"] {\n                opacity: 1;\n                pointer-events: auto;\n            }\n        }\n\n        [part=\"page\"] {\n            position: relative;\n            overflow: visible;\n            flex: 1;\n            background: var(--xyd-page-body-bgcolor);\n            min-width: 0;\n            height: 100%; \n        }\n\n        [part=\"page-scroll\"] {\n            overflow-y: visible;\n            height: 100%;\n            -webkit-overflow-scrolling: touch;\n            padding: 0 48px;\n\n            @media (max-width: ${tabletBreakpoint}) {\n                padding: 0 32px;\n            }\n\n            @media (max-width: ${mobileBreakpoint}) {\n                padding: 0 24px;\n            }\n        }\n        &[data-layout=\"wide\"] [part=\"page-scroll\"] {\n            padding-top: 15px;\n        }\n\n        [part=\"page-container\"] {\n            max-width: var(--xyd-layout-width-medium);\n            margin: 0 auto;\n            padding: 0 var(--xyd-page-gutter);\n            height: 100%;\n        }\n\n        &[data-layout=\"wide\"] [part=\"page-container\"] {\n            max-width: var(--xyd-layout-width-large);\n        }\n\n        [part=\"page-article-container\"] {\n            display: flex;\n            gap: 48px;\n            padding: 48px 0;\n            min-height: 100%;\n\n            @media (max-width: ${tabletBreakpoint}) {\n                gap: 32px;\n            }\n\n            @media (max-width: ${mobileBreakpoint}) {\n                flex-direction: column;\n                padding: 24px 0;\n                gap: 24px;\n            }\n\n        }\n\n        [part=\"page-article\"] {\n            flex: 1;\n            min-width: 0;\n        }\n\n        [part=\"page-article-content\"] {\n            width: 100%;\n        }\n\n        [part=\"page-article-nav\"] {\n            --page-article-nav-top: calc(var(--xyd-header-total-height) / 2);\n            display: flex;\n            flex: none;\n            flex-direction: column;\n            gap: 16px;\n            width: var(--xyd-layout-nav-width-medium);\n            position: sticky;\n            height: fit-content;\n            max-height: 100vh;\n            overflow-y: auto;\n            padding-right: 24px;\n            padding: var(--xyd-content-space) 0;\n            margin-top: var(--page-article-nav-top);\n            top: calc(var(--xyd-header-total-height) + var(--page-article-nav-top));\n            /* top: var(--xyd-header-total-height); */\n\n\n            @media (max-width: ${tabletBreakpoint}) {\n                width: var(--xyd-layout-nav-width-small);\n                padding-right: 16px;\n            }\n\n            @media (max-width: ${mobileBreakpoint}) {\n                display: none;\n            }\n        }\n    }\n\n    @layer defaultfix {\n        > [part=\"header\"]:has(xyd-banner) {\n            height: auto;\n        }\n    }\n`;\n\n","import * as React from 'react'\nimport { useContext, useEffect, useRef, useState } from \"react\"\n\nimport { PageLayout } from '@xyd-js/core';\n\nimport * as cn from \"./LayoutPrimary.styles\"\n\nexport interface LayoutPrimaryProps {\n    children: React.ReactNode;\n\n    subheader?: boolean;\n    className?: string;\n    layout?: PageLayout\n    scrollKey?: string\n    id?: string\n}\n\nconst LayoutPrimaryContext = React.createContext<{\n    scrollRef: React.RefObject<HTMLDivElement | Window | null>;\n    isMobileNavOpen: boolean;\n    setIsMobileNavOpen: (isOpen: boolean) => void;\n}>({\n    scrollRef: React.createRef(),\n    isMobileNavOpen: false,\n    setIsMobileNavOpen: () => { },\n})\n\n// TODO: move scroller to xyd-foo\nexport function LayoutPrimary(props: LayoutPrimaryProps) {\n    const scrollRef = useRef<HTMLDivElement | Window>(null)\n    const [isMobileNavOpen, setIsMobileNavOpen] = useState(false)\n    const { hideMainHeader } = useSubHeader(props.subheader ? scrollRef : null, props.scrollKey)\n\n    useEffect(() => {\n        scrollRef.current = window\n    }, [])\n\n    return <LayoutPrimaryContext value={{\n        scrollRef,\n        isMobileNavOpen,\n        setIsMobileNavOpen\n    }}\n    >\n        <xyd-layout-primary\n            className={`${cn.LayoutPrimaryHost} ${props.className || \"\"}`}\n            data-subheader={String(!!props.subheader)}\n            data-hide-subheader={String(hideMainHeader)}\n            data-layout={props.layout}\n            id={props.id}\n        >\n            {props.children}\n        </xyd-layout-primary>\n    </LayoutPrimaryContext>\n}\n\ninterface LayoutPrimaryHeaderProps {\n    header: React.ReactNode;\n\n    banner?: React.ReactNode;\n    subheader?: React.ReactNode;\n}\nLayoutPrimary.Header = function LayoutPrimaryHeader(props: LayoutPrimaryHeaderProps) {\n    const { isMobileNavOpen, setIsMobileNavOpen } = useContext(LayoutPrimaryContext)\n\n    return <>\n        <header part=\"header\">\n            {props.banner}\n\n            <div part=\"header-content\">\n                {props.header}\n            </div>\n\n            {props.subheader && <div part=\"header-subheader\">\n                {props.subheader}\n            </div>}\n        </header>\n    </>\n}\n\nLayoutPrimary.Hamburger = function LayoutPrimaryHamburger() {\n    const { isMobileNavOpen, setIsMobileNavOpen } = useContext(LayoutPrimaryContext)\n    return <button\n        part=\"hamburger-button\"\n        aria-label=\"Toggle navigation menu\"\n        onClick={() => setIsMobileNavOpen(!isMobileNavOpen)}\n    >\n        <div part=\"hamburger-icon\">\n            <$HamburgerLine active={isMobileNavOpen} />\n            <$HamburgerLine active={isMobileNavOpen} />\n            <$HamburgerLine active={isMobileNavOpen} />\n        </div>\n    </button>\n}\n\ninterface LayoutPrimaryMobileAsideProps {\n    aside: React.ReactNode;\n}\nLayoutPrimary.MobileAside = function LayoutPrimaryAside(props: LayoutPrimaryMobileAsideProps) {\n    const { isMobileNavOpen, setIsMobileNavOpen } = useContext(LayoutPrimaryContext)\n    return <>\n        <div\n            part=\"mobile-overlay\"\n            data-active={isMobileNavOpen}\n            onClick={() => setIsMobileNavOpen(false)}\n        />\n        <aside\n            part=\"mobile-sidebar\"\n            data-active={isMobileNavOpen}\n        >\n            <div part=\"mobile-sidebar-aside\">\n                {props.aside}\n            </div>\n            <div>\n                <button\n                    part=\"mobile-sidebar-close-button\"\n                    aria-label=\"Close navigation menu\"\n                    onClick={() => setIsMobileNavOpen(false)}\n                >\n                    <div part=\"mobile-sidebar-close-icon\" />\n                </button>\n            </div>\n        </aside>\n    </>\n}\n\ninterface LayoutPrimaryPageProps {\n    children: React.ReactNode;\n    contentNav?: React.ReactNode;\n    after?: React.ReactNode;\n}\nLayoutPrimary.Page = function LayoutPrimaryPage(props: LayoutPrimaryPageProps) {\n    return <>\n        <div part=\"page\">\n            <div part=\"page-scroll\">\n                <div part=\"page-container\">\n                    <div part=\"page-article-container\">\n\n                        <article part=\"page-article\">\n                            <section part=\"page-article-content\">\n                                {props.children}\n                            </section>\n                        </article>\n\n                        {\n                            props.contentNav && <nav part=\"page-article-nav\">\n                                {props.contentNav}\n                            </nav>\n                        }\n                    </div>\n                </div>\n            </div>\n            {props.after}\n        </div>\n    </>\n}\n\nfunction $HamburgerLine({ active }: { active: boolean }) {\n    return <span\n        part=\"hamburger-line\"\n        data-active={active}\n    />\n}\n\nconst SCROLL_DOWN_TRIGGER_THRESHOLD = 200;\nconst SCROLL_UP_TRIGGER_THRESHOLD = 100;\n\n// TODO: move to `xyd-foo` or somewhere else\n// TODO  better solution than `key`\nfunction useSubHeader(ref: React.RefObject<HTMLDivElement | Window | null> | null, key?: any) {\n    const [hideMainHeader, setHideMainHeader] = useState(false)\n    const [lastScrollTop, setLastScrollTop] = useState(0)\n    const [scrollDirection, setScrollDirection] = useState<'up' | 'down' | null>(null)\n    const [scrollThreshold, setScrollThreshold] = useState(0)\n    const [scrollStartPosition, setScrollStartPosition] = useState(0)\n    const [isScrolling, setIsScrolling] = useState(false)\n\n    function reset() {\n        setHideMainHeader(false)\n        setLastScrollTop(0)\n        setScrollDirection(null)\n        setScrollThreshold(0)\n        setScrollStartPosition(0)\n        setIsScrolling(false)\n    }\n\n    useEffect(() => {\n        reset()\n    }, [key])\n\n    function onScroll(e: Event) {\n        if (!(e.target instanceof HTMLElement)) {\n            return\n        }\n\n        const currentScrollTop = e.target.scrollTop\n\n        // Always show header when near the top of the page\n        if (currentScrollTop < SCROLL_UP_TRIGGER_THRESHOLD) {\n            setHideMainHeader(false)\n            setScrollThreshold(0)\n            setLastScrollTop(currentScrollTop)\n            setIsScrolling(false)\n            return\n        }\n\n        // Determine scroll direction\n        const direction = currentScrollTop > lastScrollTop ? 'down' : 'up'\n\n        // If direction changed, reset scroll tracking\n        if (direction !== scrollDirection) {\n            setScrollDirection(direction)\n            setScrollStartPosition(currentScrollTop)\n            setIsScrolling(true)\n        }\n\n        // Calculate total scroll distance from start position\n        const totalScrollDistance = Math.abs(currentScrollTop - scrollStartPosition)\n\n        // Only trigger header changes if we've scrolled enough distance in the current direction\n        if (direction === 'down' && totalScrollDistance > SCROLL_DOWN_TRIGGER_THRESHOLD) {\n            // When scrolling down, hide header\n            setHideMainHeader(true)\n            setScrollThreshold(currentScrollTop)\n            // Reset scroll tracking after triggering\n            setScrollStartPosition(currentScrollTop)\n        } else if (direction === 'up' && totalScrollDistance > SCROLL_UP_TRIGGER_THRESHOLD) {\n            // When scrolling up, show header\n            setHideMainHeader(false)\n            setScrollThreshold(currentScrollTop)\n            // Reset scroll tracking after triggering\n            setScrollStartPosition(currentScrollTop)\n        }\n\n        setLastScrollTop(currentScrollTop)\n    }\n\n    useEffect(() => {\n        if (!ref?.current) {\n            return\n        }\n\n        ref.current.addEventListener(\"scroll\", onScroll)\n\n        return () => {\n            ref.current?.removeEventListener(\"scroll\", onScroll)\n        }\n    }, [ref, key, lastScrollTop, scrollDirection, scrollThreshold, scrollStartPosition]);\n\n    return {\n        hideMainHeader,\n    }\n}"],"names":["LayoutPrimaryContext","React","createContext","scrollRef","createRef","isMobileNavOpen","setIsMobileNavOpen","LayoutPrimary","props","useRef","_useState","useState","_useState2","_slicedToArray","_useSubHeader","ref","key","_useState3","_useState4","hideMainHeader","setHideMainHeader","_useState5","_useState6","lastScrollTop","setLastScrollTop","_useState7","_useState8","scrollDirection","setScrollDirection","_useState9","_useState0","scrollThreshold","setScrollThreshold","_useState1","_useState10","scrollStartPosition","setScrollStartPosition","_useState11","_useState12","setIsScrolling","reset","onScroll","e","target","HTMLElement","currentScrollTop","scrollTop","SCROLL_UP_TRIGGER_THRESHOLD","direction","totalScrollDistance","Math","abs","SCROLL_DOWN_TRIGGER_THRESHOLD","useEffect","current","addEventListener","_a","removeEventListener","useSubHeader","subheader","scrollKey","window","createElement","value","className","concat","String","layout","id","children","$HamburgerLine","_ref","active","part","Header","_useContext","useContext","Fragment","banner","header","Hamburger","_useContext2","onClick","MobileAside","_useContext3","aside","Page","contentNav","after"],"mappings":"gKAMO,ICWDA,EAAuBC,EAAMC,cAIhC,CACCC,UAAWF,EAAMG,YACjBC,iBAAiB,EACjBC,mBAAoB,WAAQ,IAI1B,SAAUC,EAAcC,GAC1B,IAAML,EAAYM,EAAgC,MAClDC,EAA8CC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAtDL,EAAeO,EAAA,GAAEN,EAAkBM,EAAA,GAC1CE,EAyIJ,SAAsBC,EAA6DC,GAC/E,IAAAC,EAA4CN,GAAS,GAAMO,EAAAL,EAAAI,EAAA,GAApDE,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GACxCG,EAA0CV,EAAS,GAAEW,EAAAT,EAAAQ,EAAA,GAA9CE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GACtCG,EAA8Cd,EAA+B,MAAKe,EAAAb,EAAAY,EAAA,GAA3EE,EAAeD,EAAA,GAAEE,EAAkBF,EAAA,GAC1CG,EAA8ClB,EAAS,GAAEmB,EAAAjB,EAAAgB,EAAA,GAAlDE,EAAeD,EAAA,GAAEE,EAAkBF,EAAA,GAC1CG,EAAsDtB,EAAS,GAAEuB,EAAArB,EAAAoB,EAAA,GAA1DE,EAAmBD,EAAA,GAAEE,EAAsBF,EAAA,GAClDG,EAAsC1B,GAAS,GAAM2B,EAAAzB,EAAAwB,EAAA,GAAnCC,EAAA,GAAEC,IAAAA,EAAcD,EAAA,GAElC,SAASE,IACLpB,GAAkB,GAClBI,EAAiB,GACjBI,EAAmB,MACnBI,EAAmB,GACnBI,EAAuB,GACvBG,GAAe,EACnB,CAMA,SAASE,EAASC,GACd,GAAMA,EAAEC,kBAAkBC,YAA1B,CAIA,IAAMC,EAAmBH,EAAEC,OAAOG,UAGlC,GAAID,EAAmBE,EAKnB,OAJA3B,GAAkB,GAClBY,EAAmB,GACnBR,EAAiBqB,QACjBN,GAAe,GAKnB,IAAMS,EAAYH,EAAmBtB,EAAgB,OAAS,KAG1DyB,IAAcrB,IACdC,EAAmBoB,GACnBZ,EAAuBS,GACvBN,GAAe,IAInB,IAAMU,EAAsBC,KAAKC,IAAIN,EAAmBV,GAGtC,SAAda,GAAwBC,EAAsBG,GAE9ChC,GAAkB,GAClBY,EAAmBa,GAEnBT,EAAuBS,IACF,OAAdG,GAAsBC,EAAsBF,IAEnD3B,GAAkB,GAClBY,EAAmBa,GAEnBT,EAAuBS,IAG3BrB,EAAiBqB,EAzCjB,CA0CJ,CAcA,OA/DAQ,EAAU,WACNb,GACJ,EAAG,CAACxB,IAiDJqC,EAAU,WACN,GAAKtC,aAAG,EAAHA,EAAKuC,QAMV,OAFAvC,EAAIuC,QAAQC,iBAAiB,SAAUd,GAEhC,iBACQ,QAAXe,EAAAzC,EAAIuC,eAAO,IAAAE,GAAAA,EAAEC,oBAAoB,SAAUhB,EAC/C,CACJ,EAAG,CAAC1B,EAAKC,EAAKO,EAAeI,EAAiBI,EAAiBI,IAExD,CACHhB,eAAAA,EAER,CA5N+BuC,CAAalD,EAAMmD,UAAYxD,EAAY,KAAMK,EAAMoD,WAA1EzC,EAAcL,EAAdK,eAMR,OAJAkC,EAAU,WACNlD,EAAUmD,QAAUO,MACxB,EAAG,IAEI5D,EAAA6D,cAAC9D,EAAoB,CAAC+D,MAAO,CAChC5D,UAAAA,EACAE,gBAAAA,EACAC,mBAAAA,IAGAL,EAAA6D,cAAA,qBAAA,CACIE,UAAS,GAAAC,ODtCS,WCsCgB,KAAAA,OAAIzD,EAAMwD,WAAa,IAAI,iBAC7CE,SAAS1D,EAAMmD,WAAU,sBACpBO,OAAO/C,iBACfX,EAAM2D,OACnBC,GAAI5D,EAAM4D,IAET5D,EAAM6D,UAGnB,CAuGA,SAASC,EAAcC,GAAgC,IAA7BC,EAAMD,EAANC,OACtB,OAAOvE,wBACHwE,KAAK,iBAAgB,cACRD,GAErB,CApGAjE,EAAcmE,OAAS,SAA6BlE,GAChD,IAAAmE,EAAgDC,EAAW5E,GAE3D,OAFuB2E,EAAftE,gBAAmCsE,EAAlBrE,mBAElBL,EAAA6D,cAAA7D,EAAA4E,SAAA,KACH5E,EAAA6D,cAAA,SAAA,CAAQW,KAAK,UACRjE,EAAMsE,OAEP7E,EAAA6D,cAAA,MAAA,CAAKW,KAAK,kBACLjE,EAAMuE,QAGVvE,EAAMmD,WAAa1D,EAAA6D,cAAA,MAAA,CAAKW,KAAK,oBACzBjE,EAAMmD,YAIvB,EAEApD,EAAcyE,UAAY,WACtB,IAAAC,EAAgDL,EAAW5E,GAAnDK,EAAe4E,EAAf5E,gBAAiBC,EAAkB2E,EAAlB3E,mBACzB,OAAOL,0BACHwE,KAAK,mBAAkB,aACZ,yBACXS,QAAS,WAAF,OAAQ5E,GAAoBD,EAAgB,GAEnDJ,EAAA6D,cAAA,MAAA,CAAKW,KAAK,kBACNxE,EAAA6D,cAACQ,EAAc,CAACE,OAAQnE,IACxBJ,EAAA6D,cAACQ,EAAc,CAACE,OAAQnE,IACxBJ,EAAA6D,cAACQ,GAAeE,OAAQnE,KAGpC,EAKAE,EAAc4E,YAAc,SAA4B3E,GACpD,IAAA4E,EAAgDR,EAAW5E,GAAnDK,EAAe+E,EAAf/E,gBAAiBC,EAAkB8E,EAAlB9E,mBACzB,OAAOL,EAAA6D,cAAA7D,EAAA4E,SAAA,KACH5E,EAAA6D,cAAA,MAAA,CACIW,KAAK,iBAAgB,cACRpE,EACb6E,QAAS,WAAF,OAAQ5E,GAAmB,EAAM,IAE5CL,EAAA6D,cAAA,QAAA,CACIW,KAAK,iBAAgB,cACRpE,GAEbJ,EAAA6D,cAAA,MAAA,CAAKW,KAAK,wBACLjE,EAAM6E,OAEXpF,EAAA6D,cAAA,MAAA,KACI7D,EAAA6D,cAAA,SAAA,CACIW,KAAK,8BAA6B,aACvB,wBACXS,QAAS,WAAF,OAAQ5E,GAAmB,EAAM,GAExCL,EAAA6D,cAAA,MAAA,CAAKW,KAAK,iCAK9B,EAOAlE,EAAc+E,KAAO,SAA2B9E,GAC5C,OAAOP,EAAA6D,cAAA7D,EAAA4E,SAAA,KACH5E,EAAA6D,cAAA,MAAA,CAAKW,KAAK,QACNxE,EAAA6D,cAAA,MAAA,CAAKW,KAAK,eACNxE,EAAA6D,cAAA,MAAA,CAAKW,KAAK,kBACNxE,EAAA6D,cAAA,MAAA,CAAKW,KAAK,0BAENxE,EAAA6D,cAAA,UAAA,CAASW,KAAK,gBACVxE,EAAA6D,cAAA,UAAA,CAASW,KAAK,wBACTjE,EAAM6D,WAKX7D,EAAM+E,YAActF,EAAA6D,cAAA,MAAA,CAAKW,KAAK,oBACzBjE,EAAM+E,eAM1B/E,EAAMgF,OAGnB,EASA,IAAMpC,EAAgC,IAChCL,EAA8B"}