@xyd-js/themes 0.1.1-xyd.3 → 0.1.1-xyd.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/CHANGELOG.md +424 -0
  2. package/dist/index.css +955 -350
  3. package/dist/index.d.ts +37 -33
  4. package/dist/index.js +149 -94
  5. package/dist/index.js.map +1 -1
  6. package/dist/reset.css +56 -0
  7. package/package.json +10 -8
  8. package/scripts/build-css.js +1 -1
  9. package/src/BaseTheme.tsx +174 -43
  10. package/src/Theme.tsx +58 -0
  11. package/src/context.tsx +9 -0
  12. package/src/index.ts +2 -9
  13. package/src/styles/index.css +73 -1
  14. package/src/styles/reset.css +54 -53
  15. package/src/styles/tokens.css +429 -0
  16. package/tsconfig.json +17 -2
  17. package/tsup.config.ts +10 -0
  18. package/types.d.ts +12 -0
  19. package/dist/tokens.css +0 -55
  20. package/src/settings.ts +0 -58
  21. package/src/types.ts +0 -11
  22. package/src/withTheme.tsx +0 -20
package/dist/index.css CHANGED
@@ -1,56 +1,276 @@
1
- .XydUi-Component-Nav__NavHost{position:sticky;top:0;z-index:20;width:100%;background:transparent;display:flex;}
2
- .XydUi-Component-Nav__NavShadow{pointer-events:none;position:absolute;z-index:-1;height:100%;width:100%;background-color:white;}
3
- .XydUi-Component-Nav__Nav{display:flex;width:100%;height:var(--xyd-navbar-height);align-items:center;justify-content:flex-end;gap:8px;padding-left:calc(max(env(safe-area-inset-left), 16px));padding-right:calc(max(env(safe-area-inset-right), 16px));}
4
- .XydUi-Component-Nav__NavMiddle{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;}
5
- .XydUi-Component-Nav__ListHost{display:flex;align-items:center;justify-content:center;gap:8px;}
6
- .XydUi-Component-Nav__ItemHost{font-size:14px;position:relative;white-space:nowrap;color:#000;padding:8px 16px;display:flex;align-items:center;justify-content:center;}
7
- .XydUi-Component-Nav__ItemHost:hover{color:#1f2937;}
8
- .XydUi-Component-Nav__ItemHost[data-state="active"]{font-weight:bold;background:#f9f9f9;border-radius:8px;}
9
- .XydUi-Component-Nav__ItemTitle1{position:absolute;inset:0;text-align:center;align-items:center;display:flex;justify-content:center;}
10
- .XydUi-Component-Nav__ItemTitle2{visibility:hidden;font-weight:600;}
11
- .XydUi-Component-Nav__LogoHost{display:flex;align-items:center;margin-right:auto;}
12
- .XydUi-Component-Sidebar__SidebarHost{background:#f8f8f8;height:100%;border-radius:4px;display:flex;flex-direction:column;}
13
- .XydUi-Component-Sidebar__SidebarUl{overflow-y:auto;overflow-x:hidden;height:100%;padding:8px;}
14
- .XydUi-Component-Sidebar__FooterHost{padding:1rem;box-shadow:0 -2px 10px rgba(237, 237, 237, .1);border-top:1px solid #ededed;}
15
- .XydUi-Component-Sidebar__FooterItemHost{display:flex;width:100%;padding:2px;color:#6e6e80;}
16
- .XydUi-Component-Sidebar__FooterItem{display:flex;align-items:center;width:100%;gap:7px;font-size:14px;padding:4px 8px;}
17
- .XydUi-Component-Sidebar__FooterItem:hover{background:#ececf1;color:#111827;border-radius:4px;}
18
- .XydUi-Component-Sidebar__FooterItem:hover svg{fill:#111827;}
19
- .XydUi-Component-Sidebar__FooterItem svg{fill:#6e6e80;font-size:18px;width:18px;height:18px;}
20
- .XydUi-Component-Sidebar__ItemHost{color:#6e6e80;font-size:14px;}
21
- .XydUi-Component-Sidebar__ItemLink{display:flex;width:100%;font-weight:500;}
22
- .XydUi-Component-Sidebar__ItemLinkActive{background:#ebebeb;border-radius:4px;position:relative;font-weight:600;color:#000;}
23
- .XydUi-Component-Sidebar__ItemLinkActive::before{background:#7051d4;border-radius:0 2px 2px 0;bottom:7px;content:"";left:5px;position:absolute;top:7px;width:4px;border-radius:10px;}
24
- .XydUi-Component-Sidebar__ItemLinkParentActive{font-weight:600;background:transparent;}
25
- .XydUi-Component-Sidebar__ItemLinkActiveSecondary{background:unset;font-weight:500;}
26
- .XydUi-Component-Sidebar__ItemLinkItem{display:flex;width:100%;padding:8px 12px 8px 16px;position:relative;font-size:14px;}
27
- .XydUi-Component-Sidebar__ItemLinkItem:hover{background:#ececf1;color:#111827;border-radius:4px;}
28
- .XydUi-Component-Sidebar__TreeHost{margin-left:12px;}
29
- .XydUi-Component-Sidebar__ItemHeaderHost{padding-left:12px;margin-bottom:8px;margin-top:24px;font-size:13px;line-height:16px;font-weight:600;letter-spacing:0.5px;color:#111827;text-transform:uppercase;}
30
- .XydUi-Component-Sidebar__CollapseContainer{transform:translateZ(0);overflow:hidden;transition:width 300ms cubic-bezier(0.4, 0, 0.2, 1),height 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:width,height;}
31
- @media (prefers-reduced-motion: reduce){.XydUi-Component-Sidebar__CollapseContainer{transition:none;}}
32
- .XydUi-Component-Sidebar__CollapseBase{opacity:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:opacity;}
33
- @media (prefers-reduced-motion: reduce){.XydUi-Component-Sidebar__CollapseBase{transition:none;}}
34
- .XydUi-Component-Sidebar__CollapseOpen{opacity:1;}
35
- .XydUi-Component-SubNav__SubNavHost{align-items:center;background-color:#f6f6f7;border-radius:0.50rem;display:flex;flex-direction:row;width:100%;height:44px;margin-top:3px;padding:0 0.25rem;}
36
- .XydUi-Component-SubNav__SubNavPrefix{color:#44474a;font-size:12px;font-weight:600;padding-left:0.50rem;padding-right:1.50rem;position:relative;text-transform:uppercase;}
37
- .XydUi-Component-SubNav__SubNavPrefix:after{background:#d2d5d8;border-radius:1px;content:" ";height:0.75rem;position:absolute;right:0.50rem;top:50%;transform:translateY(-50%);width:2px;}
38
- .XydUi-Component-SubNav__SubNavUl{display:flex;flex-direction:row;height:100%;}
39
- .XydUi-Component-SubNav__SubNavLi{display:flex;height:100%;align-items:center;position:relative;}
40
- .XydUi-Component-SubNav__SubNavLi[data-state="active"]{font-weight:600;}
41
- .XydUi-Component-SubNav__SubNavLi[data-state="active"] a{color:#202223;}
42
- .XydUi-Component-SubNav__SubNavLi[data-state="active"] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%;}
43
- .XydUi-Component-SubNav__SubNavLink{color:#4b5563;line-height:2.75rem;display:block;height:100%;padding:0 0.50rem;}
44
- .XydUi-Component-SubNav__SubNavLink:hover{color:#202223;}
45
- .XydUi-Component-Toc__TocHost{position:relative;padding-left:16px;}
46
- .XydUi-Component-Toc__TocUl{margin:0;padding:0;list-style:none;}
47
- .XydUi-Component-Toc__TocLi{position:relative;line-height:1.5;margin:0 0 12px;padding:0;}
48
- .XydUi-Component-Toc__TocLink{display:inline-block;font-size:14px;color:#6e6e80;line-height:1.4;text-wrap:pretty;transition:color .15s ease;}
49
- .XydUi-Component-Toc__TocLinkActive{font-weight:600;color:#353740;}
50
- .XydUi-Component-Toc__ScrollerHost{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#ececf1;}
51
- .XydUi-Component-Toc__ScrollerScroll{position:absolute;top:0;left:0;width:2px;height:var(--active-track-height);transform:translateY(var(--active-track-top));background-color:#353740;transition:height .4s cubic-bezier(.19, 1, .22, 1),transform .4s cubic-bezier(.19, 1, .22, 1);}
1
+
2
+ @layer reset, defaults, components, fabric,templates, themes, overrides;
3
+ /* CSS Layer Hierarchy
4
+ * @layer reset - Base style resets to normalize browser defaults
5
+ * @layer defaults - Basic component styles for UI, writer, and coder components
6
+ * @layer components - Composite styles built on top of base components
7
+ * @layer fabric - Fabric styles after components
8
+ * @layer templates - Template-specific styles like Atlas
9
+ * @layer themes - Theme-level CSS modifications
10
+ * @layer overrides - Final override layer for styles not applicable in other layers
11
+ */
12
+ @layer defaults{.n1vu90xp{position:sticky;top:0;z-index:20;width:100%;background:transparent;display:flex;}.n1vu90xp [part="shadow"]{pointer-events:none;position:absolute;z-index:-1;height:100%;width:100%;background-color:var(--xyd-nav-shadow-bgcolor);}.n1vu90xp [part="nav"]{display:flex;width:100%;height:var(--xyd-nav-height);align-items:center;justify-content:flex-end;gap:8px;padding-left:calc(max(env(safe-area-inset-left), var(--xyd-padding-default)));padding-right:calc(max(env(safe-area-inset-right), var(--xyd-padding-default)));}.n1vu90xp[data-kind="middle"] [part="nav"]{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;}.n1vu90xp [part="logo"]{display:flex;align-items:center;margin-right:auto;width:100%;}.n1vu90xp [part="list"]{display:flex;align-items:center;justify-content:center;gap:8px;}.n1vu90xp [part="right"]{display:flex;align-items:center;justify-content:flex-end;}}
13
+ @layer defaults{.i1i2i14o{position:relative;white-space:nowrap;color:var(--xyd-nav-item-color);padding:calc(var(--xyd-padding-default) / 2) var(--xyd-padding-default);display:flex;align-items:center;justify-content:center;}.i1i2i14o:hover{color:var(--xyd-nav-item-color--active);}.i1i2i14o[data-state="active"]{font-weight:bold;background:var(--xyd-nav-item-bgcolor--active);border-radius:8px;}.i1i2i14o [part="title1"]{position:absolute;inset:0;text-align:center;align-items:center;display:flex;justify-content:center;}.i1i2i14o [part="title2"]{visibility:hidden;font-weight:var(--xyd-font-weight-semibold);}}
14
+ @layer defaults{.p1jzdbj3{position:absolute;top:0;left:0;right:0;z-index:50;background-color:var(--xyd-progressbar-bgcolor);height:0;opacity:0;transition:opacity .1s linear;transition-delay:0s;will-change:opacity;}.p1jzdbj3[data-active="true"]{height:.25rem;opacity:1;transition-delay:.3s;}.p1jzdbj3 [part="item"]{height:100%;transition:all .5s ease-in-out;transition-delay:.1s;background-color:var(--xyd-progressbar-bgcolor--active);}.p1jzdbj3[data-loading="true"] [part="item"]{width:100%;}}
15
+ @layer defaults{.sptag3l{background:var(--xyd-sidebar-bgcolor);height:100%;border-radius:4px;display:flex;flex-direction:column;}.sptag3l [part="list"]{overflow-y:auto;overflow-x:hidden;height:100%;padding:var(--xyd-sidebar-padding);}.sptag3l [part="footer"]{padding:1rem;box-shadow:0 -2px 10px var(--xyd-sidebar-divider-shadow-color);border-top:1px solid var(--xyd-sidebar-divider-color);}}
16
+ @layer defaults{.iead4fo{color:var(--xyd-sidebar-item-color);}.iead4fo button{width:100%;}.iead4fo [part="link"]{display:flex;width:100%;font-weight:var(--xyd-font-weight-medium);}.iead4fo [part="first-item"]{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px 6px var(--xyd-sidebar-item-padding-left);margin-bottom:4px;position:relative;}.iead4fo [part="first-item"][data-anchor="true"]{padding:6px 12px 12px var(--xyd-sidebar-item-padding-left);}.iead4fo [part="first-item"]:not([data-anchor="true"]):hover{background:var(--xyd-sidebar-item-bgcolor--active-hover);color:var( --xyd-sidebar-item-color--active);border-radius:4px;}.iead4fo [part="first-item"] [part="item-title-container"]{width:100%;display:flex;align-items:center;justify-content:space-between;}.iead4fo [part="first-item"] [part="item-title"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.iead4fo [part="first-item" ][data-active="true"]{background:var(--xyd-sidebar-item-bgcolor--active);border-radius:4px;position:relative;font-weight:var(--xyd-font-weight-semibold);color:var(--xyd-sidebar-item-color--active);}.iead4fo [part="first-item" ][data-active="true"]::before{content:"";position:absolute;background:var(--xyd-sidebar-item-bgcolor--active-mark);border-radius:0 2px 2px 0;bottom:9px;top:9px;width:2px;left:5px;border-radius:10px;}.iead4fo [part="first-item"][data-parent-active="true"]{font-weight:var(--xyd-font-weight-semibold);background:transparent;}.iead4fo[data-theme="secondary"] [part="first-item"][data-active="true"]{background:unset;font-weight:var(--xyd-font-weight-medium);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse){position:relative;}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse)::after{content:"";position:absolute;right:8px;top:0;bottom:0;width:16px;display:flex;align-items:center;justify-content:center;background-color:var(--xyd-sidebar-item-color);-webkit-mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);-webkit-mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);-webkit-mask-size:contain;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-position:center;mask-position:center;transition:transform 0.2s ease,background-color 0.2s ease;transform:rotate(-90deg);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse):hover::after{background-color:var(--xyd-sidebar-item-color--active);}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse[data-open="true"]){font-weight:bold;}.iead4fo [part="item-button"]:has(+ [part="subtree"] xyd-collapse[data-open="true"])::after{transform:rotate(0deg);}}
17
+ @layer defaults{.t1hrlfak{margin-left:12px;}}
18
+ @layer defaults{.i1btwdcv{font-size:var(--xyd-font-size-xsmall);font-weight:var(--xyd-font-weight-extrabold);text-transform:uppercase;letter-spacing:0.25px;color:var( --xyd-sidebar-item-header-color);padding-left:var(--xyd-sidebar-item-padding-left);margin-bottom:8px;margin-top:24px;display:flex;align-items:center;gap:8px;}}
19
+ @layer defaults{.f1801o7t{display:flex;width:100%;padding:2px;color:var(--xyd-sidebar-item-color);}.f1801o7t [part="item"]{display:flex;align-items:center;width:100%;gap:7px;padding:4px 8px;}.f1801o7t [part="item"]:hover{background:var(--xyd-sidebar-item-bgcolor--active-hover);color:var(--xyd-sidebar-item-color--active);border-radius:4px;}.f1801o7t [part="item"]:hover svg{fill:var(--xyd-sidebar-item-color--active);}.f1801o7t [part="item"] svg{fill:var(--xyd-sidebar-item-color);font-size:var(--xyd-font-size-large);width:18px;height:18px;}}
20
+ @layer defaults{.c12fwmxc{display:block;transform:translateZ(0);overflow:hidden;transition:width 300ms cubic-bezier(0.4, 0, 0.2, 1),height 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:width,height;}@media (prefers-reduced-motion: reduce){.c12fwmxc{transition:none;}}.c12fwmxc [part="child"]{opacity:0;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);will-change:opacity;}@media (prefers-reduced-motion: reduce){.c12fwmxc [part="child"]{transition:none;}}.c12fwmxc[data-open="true"] [part="child"]{opacity:1;}}
21
+ @layer defaults{.s4ah3ok{align-items:center;background-color:var(--xyd-subnav-bgcolor);border-radius:0.50rem;display:flex;flex-direction:row;width:100%;height:var(--xyd-subnav-height);margin-top:3px;padding:0 var(--xyd-padding-default);}.s4ah3ok [part="prefix"]{color:var(--xyd-subnav-prefix-color);font-weight:var(--xyd-font-weight-semibold);padding:0 var(--xyd-padding-default);position:relative;}.s4ah3ok [part="prefix"]:after{background:var(--xyd-subnav-prefix-marker-color);border-radius:1px;content:" ";height:12px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:2px;}.s4ah3ok [part="list"]{display:flex;flex-direction:row;height:100%;}}
22
+ @layer defaults{.s1ncaln9{display:flex;height:100%;align-items:center;position:relative;}[data-state="active"]>.s1ncaln9{font-weight:var(--xyd-font-weight-semibold);}[data-state="active"]>.s1ncaln9 a{color:var(--xyd-subnav-item-color--active);}[data-state="active"]>.s1ncaln9 a:after{background-color:var(--xyd-subnav-item-color--active-mark);border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%;}.s1ncaln9 [part="link"]{color:var(--xyd-subnav-item-color);display:flex;height:100%;padding:0 0.50rem;align-items:center;}.s1ncaln9 [part="link"]:hover{color:var(--xyd-subnav-item-color--active);}}
23
+ @layer defaults{.t19g75q2{position:relative;padding-left:16px;display:block;}.t19g75q2 [part="scroller"]{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--xyd-toc-bgcolor);}.t19g75q2 [part="scroll"]{position:absolute;top:0;left:0;width:2px;height:var(--xyd-toc-active-track-height);transform:translateY(var(--xyd-toc-active-track-top));background-color:var(--xyd-toc-scroll-bgcolor);transition:height .4s cubic-bezier(.19, 1, .22, 1),transform .4s cubic-bezier(.19, 1, .22, 1);}.t19g75q2 [part="list"]{margin:0;padding:0;list-style:none;}}
24
+ @layer defaults{.teg7kxf{position:relative;margin:0 0 12px;padding:0;}.teg7kxf [part="link"]{display:inline-block;color:var(--xyd-toc-item-color);text-wrap:pretty;transition:color .15s ease;padding-left:0;}.teg7kxf [part="link"]:hover{color:var(--xyd-toc-item-color--active);}.teg7kxf[data-active="true"] [part="link"]{color:var(--xyd-toc-item-color--active);font-weight:var(--xyd-font-weight-semibold);}.teg7kxf[data-depth="1"] [part="link"]{padding-left:16px;}.teg7kxf[data-depth="2"] [part="link"]{padding-left:32px;}.teg7kxf[data-depth="3"] [part="link"]{padding-left:48px;}.teg7kxf[data-depth="4"] [part="link"]{padding-left:64px;}.teg7kxf[data-depth="5"] [part="link"]{padding-left:80px;}}
25
+ .ht0uhof{display:flex;flex-direction:column;min-height:100vh;}
26
+ .hv4nn8x{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
27
+ .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);}
28
+ .h16x7upz{width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px;}
29
+ @media (max-width: 1200px){.h16x7upz{width:100%;padding:0 20px;}}
30
+ @media (max-width: 768px){.h16x7upz{width:100%;padding:0 10px;}}
31
+ .h1whzkkp{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}
32
+ @media (max-width: 1200px){.h1whzkkp{grid-template-columns:repeat(2, 1fr);}}
33
+ @media (max-width: 768px){.h1whzkkp{grid-template-columns:1fr;}}
34
+ .fwfggd0{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
35
+ .f1622trq{margin:0 auto;max-width:1200px;text-align:center;}
36
+ .ftv8wcy{color:rgba(60, 60, 67, .78);}
37
+ .cydky64{padding:20px;}
38
+ .cnx5a8a{display:flex;align-items:center;justify-content:center;gap:80px;}
39
+ .c3skrt8{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;}
40
+ .clel4cb{display:flex;align-items:center;justify-content:center;flex-direction:column;background:-webkit-linear-gradient(
41
+ 120deg,
42
+ var(--headingEffect-color-tertiary) 20%,
43
+ var(--headingEffect-color-tertiary) 30%,
44
+ var(--headingEffect-color-secondary) 60%,
45
+ var(--headingEffect-color-primary) 75%,
46
+ var(--headingEffect-color-primary) 85%
47
+ );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wave-clel4cb 5s infinite;background-size:200% 200%;-webkit-background-position:50% 50%;background-position:50% 50%;}
48
+ @keyframes wave-clel4cb{0%{-webkit-background-position:50% 50%;background-position:50% 50%;}50%{-webkit-background-position:0% 50%;background-position:0% 50%;}100%{-webkit-background-position:50% 50%;background-position:50% 50%;}}
49
+ .c14n8b2h{display:flex;align-items:center;justify-content:center;flex-direction:column;}
50
+ .cuwk4ms{font-weight:var(--xyd-font-weight-black);text-align:center;letter-spacing:3px;margin:0;}
51
+ .cm0mkfb{color:#3c3c43;font-weight:var(--xyd-font-weight-semibold);text-align:center;}
52
+ .c143lt5p{display:flex;align-items:center;justify-content:center;gap:10px;}
53
+ .bbe0bky{display:inline-block;border:1px solid transparent;text-align:center;white-space:nowrap;border-radius:20px;padding:0 20px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}
54
+ .bbe0bky:hover{background:#e3e3e6;}
55
+ .b9u6ujt{color:#fff;background-color:rgb(112, 81, 212);}
56
+ .b9u6ujt:hover{background-color:rgb(95, 59, 211);}
57
+ @layer defaults{.s1f8k5y3{background-color:transparent;border-radius:8px;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:300px;margin:0;cursor:pointer;}.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:3px;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;}}
58
+ @layer defaults{.bacjk89{--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;position:relative;overflow:hidden;transition:transform .2s ease-out;}.bacjk89 >div{margin:.5rem 1.5rem 1rem;}.bacjk89 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 a:hover{scale:1.01;box-shadow:var(--xyd-banner-boxshadow);}.bacjk89 [part="icon"]{filter:contrast(0) brightness(-5000%);opacity:.85;}.bacjk89 [part="info"]{border:1px solid var(--xyd-banner-border-color);padding:0 .5rem;margin:0 .25rem;border-radius:.25rem;}}
59
+ @layer fabric{.bacjk89 p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}}
60
+ @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;}}
61
+ @layer fabric{.b1wuahng p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);}}
62
+ @layer defaults{.a1cbq3a5{color:var(--xyd-anchor-color);}.a1cbq3a5:hover{color:var(--xyd-anchor-color--hover);}}
63
+ .c1vswvqd{background-color:var(--xyd-card-bgcolor);border-radius:8px;box-shadow:0 1px 2px 0 var(--xyd-card-shadow-color);flex-direction:column;display:flex;overflow:hidden;}
64
+ .c1vswvqd[data-shadow="md"]{box-shadow:0 5px 40px var(--xyd-card-shadow-color);}
65
+ .c1vswvqd [part="image-container"]{border-bottom:2px solid var(--xyd-card-border-color);height:200px;overflow:hidden;position:relative;}
66
+ .c1vswvqd [part="image-container"] [part="bg"]{background-size:cover;background-repeat:no-repeat;position:relative;height:100%;}
67
+ .c1vswvqd [part="image-container"] img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:-4px;}
68
+ .c1vswvqd [part="body"]{padding:16px;}
69
+ .c1vswvqd [part="body"] [part="header"]{margin-right:4px;align-items:center;justify-content:space-between;margin-bottom:12px;display:flex;}
70
+ @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[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;}}
71
+ @layer defaults{.b1wifk81{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}}
72
+ @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;}}
73
+ @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;}}
74
+ @layer defaults{.labae1k{list-style:none;margin:0;padding:0;}ol.labae1k{list-style-type:decimal;padding-inline-start:1.625em;}}
75
+ @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);}}
76
+ @layer defaults{.h1ej4n95{border:0.5px solid var(--xyd-hr-border-color);}}
77
+ @layer defaults{.p1vb39qj{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:var(--xyd-pre-bgcolor);overflow:auto;}}
78
+ @layer defaults{.s3kfd8c{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}}
79
+ @layer defaults{.s1et872q{padding-left:32px;position:relative;}.s1et872q::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;}}
80
+ @layer defaults{.bjtblcp{display:inline-flex;align-items:center;justify-content:center;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="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){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){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){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;}.bjtblcp[data-theme="ghost"]:hover{background-color:unset;border:unset;}.bjtblcp[data-theme="ghost"]:hover svg{color:var(--dark64);}.bjtblcp[data-theme="ghost"] svg{color:var(--dark48);}.bjtblcp:disabled{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;}}
81
+ @layer defaults{.b16soija{display:flex;align-items:center;justify-content:center;flex-shrink:0;}}
82
+ @layer defaults{.gh34a3o{display:block;}.gh34a3o[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;}.gh34a3o[data-kind="secondary"]:hover{background:var(--xyd-guidecard-bgcolor--secondary-hover);}.gh34a3o[data-kind="secondary"][data-size="md"]{padding:21px 25px 25px;}.gh34a3o [part="link"]{width:100%;height:100%;}.gh34a3o [part="item"]{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.gh34a3o [part="item"]:hover [part="pointer"]{opacity:1;transform:translate(0);}.gh34a3o[data-kind="secondary"] [part="item"]{width:100%;height:100%;}.gh34a3o [part="icon"]{height:32px;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;}.gh34a3o [part="icon"] svg{width:24px;height:24px;}.gh34a3o [part="right"]{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.gh34a3o [part="title"]{display:flex;color:var(--xyd-guidecard-title-color);align-items:center;font-weight:var(--xyd-font-weight-semibold);transition:color .15s;}.gh34a3o [part="body"]{font-weight:var(--xyd-font-weight-normal);color:var(--xyd-guidecard-color);white-space:normal;overflow:hidden;text-overflow:ellipsis;}.gh34a3o [part="pointer"]{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}}
83
+ @layer defaults{.gilz89t{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}}
84
+ @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;}}
85
+ @layer defaults{.iz14jlg{width:100%;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,0.06);}}
86
+ @layer defaults{.u1bta36o [part="nav"]{align-items:center;display:flex;height:42px;background-color:var(--xyd-underlinenav-bgcolor);border-bottom:1px solid var(--xyd-underlinenav-border-color);z-index:99;}.u1bta36o [part="nav"][data-kind="secondary"]{border-bottom:none;border-radius:8px;padding:4px;background-color:var(--xyd-tabs-bgcolor);}.u1bta36o [part="list"]{display:flex;gap:10px;height:100%;color:var(--xyd-underlinenav-list-color);list-style:none;padding:0;white-space:nowrap;}[data-kind="secondary"] .u1bta36o [part="list"]{gap:4px;}.u1bta36o [part="item"]{height:100%;position:relative;}.u1bta36o [part="item"] a,.u1bta36o [part="item"] button{height:100%;}.u1bta36o [part="item"][data-state="active"] a{border-bottom-color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .u1bta36o [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);}.u1bta36o [part="item"][data-state="inactive"] a,.u1bta36o [part="item"][data-state="inactive"] button{color:unset;}.u1bta36o [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;}.u1bta36o [part="link"]:hover{color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .u1bta36o [part="link"]{border-bottom:none;padding:5px 16px;border-radius:0.375rem;color:var(--xyd-tabs-color);}[data-kind="secondary"] .u1bta36o [part="link"]:hover{color:var(--xyd-tabs-color--active);}.u1bta36o [part="content"]{position:relative;overflow:hidden;}[data-kind="secondary"] .u1bta36o [part="content"]{margin-top:16px;}}
87
+ @layer defaults{.uxs4bf1{position:relative;width:100%;}.uxs4bf1[data-state="inactive"]{display:none;}[data-slide="true"] .uxs4bf1[data-direction="forward"][data-state="active"]{position:relative;animation:fadeInFromRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .uxs4bf1[data-direction="forward"][data-state="inactive"]{position:absolute;animation:fadeOutToLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .uxs4bf1[data-direction="backward"][data-state="active"]{position:relative;animation:fadeInFromLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .uxs4bf1[data-direction="backward"][data-state="inactive"]{position:absolute;animation:fadeOutToRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}@keyframes fadeInFromRight-uxs4bf1{from{opacity:0;transform:translateX(75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToLeft-uxs4bf1{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-75px);}}@keyframes fadeInFromLeft-uxs4bf1{from{opacity:0;transform:translateX(-75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToRight-uxs4bf1{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(75px);}}.uxs4bf1 [part="child"]{padding:20px;transition:all 0.3s ease;}}
88
+ @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);}.chnegou code{background:var(--white);}.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;}}
89
+ @layer defaults{.h14vj3ri{display:table;width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border:1px solid var(--xyd-table-border-color);border-radius:8px;margin-top:1rem;overflow:hidden;}}
90
+ @layer defaults{.t1l6tz9b{background:var(--xyd-table-bgcolor);}}
91
+ @layer defaults{.t1g1altt{text-align:left;font-weight:var(--xyd-font-weight-medium);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);}}
92
+ @layer defaults{.tdsg57t:not(:last-child){border-bottom:1px solid var(--xyd-table-border-color);}}
93
+ @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);}@media (max-width: 768px){.th2d3qd{padding:0.5rem;}}}
94
+ @layer defaults{.c8pe5i8{display:flex;align-items:baseline;width:100%;gap:0.5rem;}.c8pe5i8 [part="child"]{flex:1;text-align:right;}}
95
+ @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:var(--xyd-font-weight-medium);}.tn8a2d4[data-weight="extra-bold"]{font-weight:var(--xyd-font-weight-semibold);}}
96
+ @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;}}
97
+ @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%;}}
98
+ @layer defaults{.tzirqqc{display:block;position:relative;max-width:100%;}.tzirqqc [part="buttons"]{display:flex;align-items:center;}.tzirqqc [part="arrow"]{padding:8px;background-color:var(--xyd-tabs-arrow-bgcolor);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);}.tzirqqc [part="arrow-icon"]{width:16px;height:16px;}.tzirqqc [part="scroller"]{overflow-x:auto;flex-grow:1;}.tzirqqc [part="scroller-container"]{display:inline-flex;gap:4px;border-radius:8px;background-color:var(--xyd-tabs-bgcolor);padding:4px;margin-left:4px;}.tzirqqc [part="content"]{margin-top:16px;}}
99
+ @layer defaults{.tlmd1mw{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);}.tlmd1mw[data-state="inactive"] a,.tlmd1mw[data-state="inactive"] button{color:unset;}.tlmd1mw:hover{color:var(--xyd-tabs-color--active);}.tlmd1mw[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);}}
100
+ @layer defaults{.t1dkmodo [part="nav"]{align-items:center;display:flex;height:42px;background-color:var(--xyd-underlinenav-bgcolor);border-bottom:1px solid var(--xyd-underlinenav-border-color);z-index:99;}.t1dkmodo [part="nav"][data-kind="secondary"]{border-bottom:none;border-radius:8px;padding:4px;background-color:var(--xyd-tabs-bgcolor);}.t1dkmodo [part="list"]{display:flex;gap:10px;height:100%;color:var(--xyd-underlinenav-list-color);list-style:none;padding:0;white-space:nowrap;}[data-kind="secondary"] .t1dkmodo [part="list"]{gap:4px;}.t1dkmodo [part="item"]{height:100%;position:relative;}.t1dkmodo [part="item"] a,.t1dkmodo [part="item"] button{height:100%;}.t1dkmodo [part="item"][data-state="active"] a{border-bottom-color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .t1dkmodo [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);}.t1dkmodo [part="item"][data-state="inactive"] a,.t1dkmodo [part="item"][data-state="inactive"] button{color:unset;}.t1dkmodo [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;}.t1dkmodo [part="link"]:hover{color:var(--xyd-underlinenav-color--active);}[data-kind="secondary"] .t1dkmodo [part="link"]{border-bottom:none;padding:5px 16px;border-radius:0.375rem;color:var(--xyd-tabs-color);}[data-kind="secondary"] .t1dkmodo [part="link"]:hover{color:var(--xyd-tabs-color--active);}.t1dkmodo [part="content"]{position:relative;overflow:hidden;}[data-kind="secondary"] .t1dkmodo [part="content"]{margin-top:16px;}}
101
+ @layer defaults{.t1f7gsf0{position:relative;width:100%;}.t1f7gsf0[data-state="inactive"]{display:none;}[data-slide="true"] .t1f7gsf0[data-direction="forward"][data-state="active"]{position:relative;animation:fadeInFromRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1f7gsf0[data-direction="forward"][data-state="inactive"]{position:absolute;animation:fadeOutToLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1f7gsf0[data-direction="backward"][data-state="active"]{position:relative;animation:fadeInFromLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);}[data-slide="true"] .t1f7gsf0[data-direction="backward"][data-state="inactive"]{position:absolute;animation:fadeOutToRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);}@keyframes fadeInFromRight-t1f7gsf0{from{opacity:0;transform:translateX(75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToLeft-t1f7gsf0{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-75px);}}@keyframes fadeInFromLeft-t1f7gsf0{from{opacity:0;transform:translateX(-75px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOutToRight-t1f7gsf0{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(75px);}}.t1f7gsf0 [part="child"]{padding:20px;transition:all 0.3s ease;}}
102
+ @layer defaults{.bwgsk4h{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;color:var(--xyd-breadcrumbs-color);}.bwgsk4h [part="icon"]{shrink:0;width:0.875rem;}.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;}.bwgsk4h [part="item"][data-active="true"]{color:var(--xyd-breadcrumbs-color--active);font-weight:bold;}}
103
+ @layer defaults {
104
+ .TocCard-module_TocCardHost__pT0XJ {
105
+ display: block;
106
+ max-width: 250px;
107
+
108
+ [part="container"] {
109
+ }
110
+
111
+ [part="description"] {
112
+ color: var(--xyd-toccard-color);
113
+ letter-spacing: 0;
114
+ }
115
+
116
+ [part="link"] {
117
+ display: block;
118
+ border: 1px solid var(--xyd-toccard-border-color);
119
+ border-radius: 6px;
120
+ padding: 8px 16px 12px;
121
+ text-decoration: none;
122
+
123
+ &:hover {
124
+ border-color: var(--xyd-toccard-border-color--active);
125
+ }
126
+ }
127
+
128
+ [part="title-container"] {
129
+ display: flex;
130
+ align-items: center;
131
+ justify-content: space-between;
132
+ }
133
+
134
+ [part="title"] {
135
+ color: var(--xyd-toccard-title-color);
136
+ margin-bottom: 2px;
137
+ }
138
+
139
+ [part="link-icon"] {
140
+ width: 1em;
141
+ height: 1em;
142
+ -o-object-fit: contain;
143
+ object-fit: contain;
144
+ color: var(--xyd-toccard-icon-color);
145
+ }
146
+ }
147
+ }
148
+ @layer defaults {
149
+ .VideoGuide-module_VideoPlayerHost__wcML- {
150
+ z-index: var(--xyd-videoguide-miniature-z-index);
151
+ width: var(--xyd-videoguide-miniature-mini-width);
152
+ height: var(--xyd-videoguide-miniature-mini-height);
153
+ overflow: visible;
154
+
155
+ [part="shape"] {
156
+ position: relative;
157
+ display: flex;
158
+ align-items: center;
159
+ justify-content: center;
160
+ overflow: visible;
161
+ box-shadow: var(--xyd-videoguide-miniature-shadow);
162
+ border-radius: var(--xyd-videoguide-miniature-radius);
163
+ box-sizing: border-box;
164
+ background-color: var(--xyd-videoguide-miniature-bgcolor);
165
+ }
166
+
167
+ [part="frame"] {
168
+ position: relative;
169
+ width: 100%;
170
+ height: var(--xyd-videoguide-miniature-mini-height);
171
+
172
+ background-color: var(--xyd-videoguide-miniature-bgcolor);
173
+ overflow: hidden;
174
+ border-radius: var(--xyd-videoguide-miniature-radius);
175
+ box-sizing: border-box;
176
+ }
177
+
178
+ [part="thumbnail"] {
179
+ position: absolute;
180
+ top: 0;
181
+ left: 0;
182
+ width: 100%;
183
+ height: 100%;
184
+ background-image: url(https://xyd-land.netlify.app/docs-hero.png);
185
+ background-size: cover;
186
+ background-position: center;
187
+ }
188
+
189
+ [part="cover"] {
190
+ background-color: transparent;
191
+ backdrop-filter: brightness(60%) blur(10px);
192
+ -webkit-backdrop-filter: brightness(60%) blur(10px);
193
+
194
+ position: absolute;
195
+ top: 0;
196
+ bottom: 0;
197
+ left: 0;
198
+ right: 0;
199
+ transition: backdrop-filter .1s ease-in-out, -webkit-backdrop-filter .1s ease-in-out, opacity .1s ease-in-out, background-color .1s ease-in-out;
200
+
201
+ overflow: hidden;
202
+
203
+ border-radius: var(--xyd-videoguide-miniature-radius);
204
+ box-sizing: border-box;
205
+ }
206
+
207
+ [part="controls"] {
208
+ position: absolute;
209
+ top: 0;
210
+ bottom: 0;
211
+ left: 0;
212
+ right: 0;
213
+ box-sizing: border-box;
214
+ }
215
+
216
+ [part="button"] {
217
+ display: flex;
218
+ flex-direction: column;
219
+ align-items: center;
220
+ justify-content: center;
221
+ width: 100%;
222
+ height: 100%;
223
+ }
224
+
225
+ [part="icon"] {
226
+ color: var(--xyd-videoguide-miniature-color);
227
+ display: flex;
228
+ box-sizing: border-box;
229
+
230
+ svg {
231
+ fill: currentColor;
232
+ }
233
+ }
234
+
235
+ [part="description"] {
236
+ box-sizing: border-box;
237
+ margin-top: 8px;
238
+ }
239
+
240
+ [part="description-container"] {
241
+ box-sizing: border-box;
242
+ margin-top: 8px;
243
+ }
244
+
245
+ [part="description"] {
246
+ text-align: center;
247
+ color: var(--xyd-videoguide-miniature-color);
248
+ display: block;
249
+ white-space: normal;
250
+ }
251
+ }
252
+ }
253
+ @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 details{--xyd-callout-bgcolor:var(--white);margin-top:var(--space-medium);}.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-underlinenav ul),.ca1c472 ol:not(xyd-underlinenav 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);}}
254
+ @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]{--cols:var(--data-cols, 2);}.g1wc20vm[data-cols] ul ul{grid-template-columns:repeat(var(--cols), 1fr);}.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;}@media (max-width: 768px){.g1wc20vm >ul{gap:0;}.g1wc20vm ul ul{grid-template-columns:1fr;}}.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;}}
255
+ @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;}}
256
+ @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;}}
257
+ @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);}}
258
+ @layer defaults{.b83ezas[data-annotated="true"]{border-color:var(--xyd-coder-code-mark-border-color);background-color:var(--xyd-coder-code-mark-bgcolor);}}
259
+ @layer defaults{.cwih9s3{max-height:400px;background:var(--xyd-coder-code-background);margin:0;padding:8px 16px;border-top:1px solid var(--xyd-coder-code-border-color);white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}.cwih9s3:not(:has(+ [part="code-description"])){border-bottom-left-radius:10px;border-bottom-right-radius:10px;}.cwih9s3[data-size="full"]{max-height:100%;}}
260
+ .c1sbwmbs{padding:17px 20px 10px;background-color:var(--white);border-radius:0 0 8px 7px;display:flex;gap:12px;align-items:flex-start;color:var(--text-primary);}
261
+ .c1sbwmbs>div:first-child{display:flex;align-items:center;padding-top:5px;}
262
+ .c1sbwmbs>div:last-child{display:flex;flex-direction:column;gap:4px;}
263
+ .c1sbwmbs>div:last-child >span{display:flex;align-items:center;}
264
+ @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);}}
265
+ @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;}@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="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;}.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"]{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}.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 [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"]{display:flex;flex:none;flex-direction:column;gap:16px;width:var(--xyd-layout-nav-width-medium);position:sticky;top:var(--xyd-header-total-height);height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding-top:var(--xyd-content-space);}@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;}}}
266
+ .c1dmvxug{display:block;}
267
+ @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;}}
268
+ @layer defaults{.caeqccf{display:flex;flex:1 1 0%;background: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;align-items:center;gap:4px;color:var(--xyd-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;flex-grow:1;justify-content:end;gap:8px;padding:0 10px;}.caeqccf [part="language-trigger"]{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;color:var(--xyd-codetabs-color);}.caeqccf [part="language-trigger"][data-state="active"]{color:var(--xyd-codetabs-color--active);border-bottom:1px solid var(--xyd-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(--xyd-codetabs-color--hover);}.caeqccf [part="copy"]{display:flex;padding-left:8px;padding-right:8px;align-items:center;}.caeqccf[data-single="true"] [part="copy"]{top:17px;position:relative;right:5px;}}
269
+ @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 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;}@keyframes pulse-lr0mq4l{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}}
52
270
  :root {
53
271
  /* Ref tokens - Base values */
272
+ --XydAtlas-Ref-Palette-White: #FFFFFF;
273
+
54
274
  --XydAtlas-Ref-Palette-Primary-60: #7051d4;
55
275
  --XydAtlas-Ref-Palette-Primary-70: #6045b9;
56
276
  --XydAtlas-Ref-Palette-Primary-80: #4f399e;
@@ -91,6 +311,7 @@
91
311
  /* ApiRef Item */
92
312
  --XydAtlas-Component-ApiRef-Item__color-border: var(--XydAtlas-Sys-Color-Border);
93
313
  --XydAtlas-Component-ApiRef-Item__color-navbar: var(--XydAtlas-Sys-Color-Text-Secondary);
314
+ --XydAtlas-Component-ApiRef-Item__background-navbar: var(--XydAtlas-Ref-Palette-Neutral-10);
94
315
 
95
316
  /* Code Sample */
96
317
  --XydAtlas-Component-Code-Sample__color-border: var(--XydAtlas-Sys-Color-Border);
@@ -102,305 +323,689 @@
102
323
 
103
324
  /* Code Sample Buttons */
104
325
  --XydAtlas-Component-Code-SampleButtons__color-containerBackground: var(--XydAtlas-Sys-Color-Surface);
105
- --XydAtlas-Component-Code-SampleButtons__color-background--active: var(--XydAtlas-Sys-Color-Surface--active);
106
- --XydAtlas-Component-Code-SampleButtons__color: var(--XydAtlas-Sys-Color-Text-Secondary);
326
+ --XydAtlas-Component-Code-SampleButtons__color-background--active: var(--XydAtlas-Ref-Palette-White);
327
+ --XydAtlas-Component-Code-SampleButtons__color: var(--XydAtlas-Ref-Palette-Neutral-40);
107
328
  --XydAtlas-Component-Code-SampleButtons__color--active: var(--XydAtlas-Sys-Color-Text-Primary);
108
329
  }
109
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemTitleHost{font-size:30px;font-weight:400;}
110
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemNavbarContainer{background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%);padding:8px;border:1px solid var(--XydAtlas-Component-ApiRef-Item__color-border);border-radius:8px;font-size:13px;}
111
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemNavbarLabel{color:var(--XydAtlas-Component-ApiRef-Item__color-navbar);margin-right:4px;}
112
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:25px;}
113
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemGrid{display:-ms-grid;display:grid;-ms-grid-columns:repeat(2, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr));-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:100px;}
114
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemPropertiesItem{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:25px;margin-bottom:25px;}
115
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemSubtitleHost{font-size:15px;font-weight:600;}
116
- .XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemSubtitleLink{-webkit-text-decoration:none;text-decoration:none;}
117
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesUlHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none;border:none;}
118
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesLiHost{margin:0;padding:0;}
119
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesLiHost:first-child{padding-top:0;}
120
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesLiHost:last-child{padding-bottom:0;}
121
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesDescriptionHost{font-size:14px;line-height:22px;color:var(--XydAtlas-Component-ApiRef-Properties__color-description);}
122
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesDlHost{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin:8px 0;}
123
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesDlHost dd{-webkit-margin-start:0px;margin-inline-start:0px;}
124
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropNameCodeHost{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;font-weight:600;font-size:13px;color:var(--XydAtlas-Component-ApiRef-Properties__color-propName);}
125
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropTypeCodeHost{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;border-radius:4px;font-size:10px;color:var(--XydAtlas-Component-ApiRef-Properties__color-propType);}
126
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropTypeCodeLink{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-text-decoration:underline;text-decoration:underline;}
127
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropTypeCodeLink:hover{-webkit-text-decoration:none;text-decoration:none;color:var(--XydAtlas-Sys-Color-Primary--hover);}
128
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsHost{padding:8px;border-style:none;display:none;}
129
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsHostExpanded{display:unset;}
130
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsUl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none;border:none;border-left:1px solid var(--XydAtlas-Component-ApiRef-Properties__color-border);}
131
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsLi{padding:0 16px;}
132
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin-top:16px;background:none;outline:inherit;border:none;cursor:pointer;color:inherit;font-size:13px;}
133
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleHost svg{font-size:13px;}
134
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleHost:hover svg{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--XydAtlas-Component-ApiRef-Properties__color--active);}
135
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleLink{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;margin-left:4px;}
136
- .XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleLink:hover{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--XydAtlas-Component-ApiRef-Properties__color--active);}
137
- .XydAtlas-Component-Code-CodeCopy__CodeCopyHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:8px;border-radius:6px;cursor:pointer;}
138
- .XydAtlas-Component-Code-CodeCopy__CodeCopyHost:hover{background:var(--XydAtlas-Component-Code-Copy__color-background--active);}
139
- .XydAtlas-Component-Code-CodeSample__CodeSampleHost{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0;overflow:hidden;min-width:0;max-width:512px;border:1px solid var(--XydAtlas-Component-Code-Sample__color-border);border-radius:16px;}
140
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;padding:8px 0px;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;}
141
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesList{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:end;justify-content:end;gap:8px;padding:0 10px;}
142
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesButton{all:unset;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:6px;padding:6px;font-size:14px;color:var(--XydAtlas-Component-Code-Sample__color);}
143
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesButton[data-state="active"]{color:var(--XydAtlas-Component-Code-Sample__color--active);border-bottom:1px solid var(--XydAtlas-Component-Code-Sample__color--active);border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
144
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesButton:hover{-webkit-transition:ease-in 0.1s;transition:ease-in 0.1s;background:var(--XydAtlas-Component-Code-Sample__color-background);}
145
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesDescription{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;color:var(--XydAtlas-Component-Code-Sample__color);margin-left:4px;margin-right:4px;}
146
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesDescriptionItem{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:16px;padding-right:16px;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;gap:16px;border-radius:4px;}
147
- .XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesCopy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:8px;padding-right:8px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
148
- .XydAtlas-Component-Code-CodeSample__CodeSampleCodeHost{max-height:400px;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;margin:0;padding:8px 16px;border-top:1px solid var(--XydAtlas-Component-Code-Sample__color-border);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:14px;line-height:20px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}
149
- .XydAtlas-Component-Code-CodeSample__CodeSampleMarkHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-left-width:4px;border-color:transparent;margin:4px 0;}
150
- .XydAtlas-Component-Code-CodeSample__CodeSampleMarkLine{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;}
151
- .XydAtlas-Component-Code-CodeSample__CodeSampleMarkAnnotated{border-color:var(--XydAtlas-Component-Code-Sample__color-markBorder--active);background-color:var(--XydAtlas-Component-Code-Sample__color-markBackground--active);}
152
- .XydAtlas-Component-Code-CodeSample__CodeSampleLineNumberHost{margin:0 4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5;}
153
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsHost{position:relative;max-width:100%;}
154
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;background-color:var(--XydAtlas-Component-Code-SampleButtons__color-containerBackground);}
155
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsArrowHost{padding:8px;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
156
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsArrowIcon{width:16px;height:16px;}
157
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsScrollerHost{overflow-x:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
158
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsScrollerContainer{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;padding:4px;margin-left:4px;}
159
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsButtonHost{padding:0.5rem 1rem;border-radius:0.375rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;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(--XydAtlas-Component-Code-SampleButtons__color);}
160
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsButtonHost:hover{color:var(--XydAtlas-Component-Code-SampleButtons__color--active);}
161
- .XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsButtonActive{color:var(--XydAtlas-Component-Code-SampleButtons__color--active);background-color:var(--XydAtlas-Component-Code-SampleButtons__color-background--active);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
162
- .XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesContainerHost{position:-webkit-sticky;position:sticky;top:6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:32px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
163
- .XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesContainerHost:first-child{margin-top:0;}
164
- .XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesContainerHost:last-child{margin-bottom:0;}
165
- .XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesGroupHost{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
166
- .XydAtlas-Component-Atlas__AtlasHost{width:100%;}
167
- .XydAtlas-Component-Atlas-AtlasLazy__AtlasLazyItemHost{padding:16px 0;}
168
- .XydAtlas-Component-Atlas-AtlasLazy__AtlasLazyItemFirst{padding:4px 0;}
169
- .XydComponents-Component-pages-HomePage__HomePageCardsHost{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}
170
- @media (max-width: 1200px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:repeat(2, 1fr);}}
171
- @media (max-width: 768px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:1fr;}}
172
- .XydComponents-Component-brand-Button__ButtonHost{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}
173
- .XydComponents-Component-brand-Button__ButtonHost:hover{background:#e3e3e6;}
174
- .XydComponents-Component-brand-Button__ButtonHostSecondary{color:#fff;background-color:rgb(112, 81, 212);}
175
- .XydComponents-Component-brand-Button__ButtonHostSecondary:hover{background-color:rgb(95, 59, 211);}
176
- .XydComponents-Component-brand-CTABanner__CTABannerHost{padding:20px;}
177
- .XydComponents-Component-brand-CTABanner__CTABannerContainer{display:flex;align-items:center;justify-content:center;gap:80px;}
178
- .XydComponents-Component-brand-CTABanner__CTABannerHero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;}
179
- .XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect{display:flex;align-items:center;justify-content:center;flex-direction:column;background:-webkit-linear-gradient(
180
- 120deg,
181
- var(--headingEffect-color-tertiary) 20%,
182
- var(--headingEffect-color-tertiary) 30%,
183
- var(--headingEffect-color-secondary) 60%,
184
- var(--headingEffect-color-primary) 75%,
185
- var(--headingEffect-color-primary) 85%
186
- );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wave-XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect 5s infinite;background-size:200% 200%;-webkit-background-position:50% 50%;background-position:50% 50%;}
187
- @keyframes wave-XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect{0%{-webkit-background-position:50% 50%;background-position:50% 50%;}50%{-webkit-background-position:0% 50%;background-position:0% 50%;}100%{-webkit-background-position:50% 50%;background-position:50% 50%;}}
188
- .XydComponents-Component-brand-CTABanner__CTABannerHeadingHost{display:flex;align-items:center;justify-content:center;flex-direction:column;}
189
- .XydComponents-Component-brand-CTABanner__CTABannerHeadingTitle{font-size:76px;font-weight:900;text-align:center;letter-spacing:3px;margin:0;}
190
- .XydComponents-Component-brand-CTABanner__CTABannerHeadingSubtitle{color:#3c3c43;font-size:46px;font-weight:600;text-align:center;}
191
- .XydComponents-Component-brand-CTABanner__CTABannerButtonGroupHost{display:flex;align-items:center;justify-content:center;gap:10px;}
192
- .XydComponents-Component-brand-Footer__FooterHost{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
193
- .XydComponents-Component-brand-Footer__FooterContainer{margin:0 auto;max-width:1200px;text-align:center;}
194
- .XydComponents-Component-brand-Footer__FooterTextContainer{line-height:24px;font-size:14px;font-weight:500;color:rgba(60, 60, 67, .78);}
195
- .XydComponents-Component-views-HomeView__HomeViewHost{display:flex;flex-direction:column;min-height:100vh;}
196
- .XydComponents-Component-views-HomeView__HomeViewBodyHost{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
197
- .XydComponents-Component-views-HomeView__HomeViewBodyHostSecondary{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);}
198
- .XydComponents-Component-views-HomeView__HomeViewBodyContent{width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px;}
199
- @media (max-width: 1200px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{width:100%;padding:0 20px;}}
200
- @media (max-width: 768px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{width:100%;padding:0 10px;}}
201
- .XydComponents-Component-writer-Blockquote__BlockquoteHost{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}
202
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavHost{align-items:center;display:flex;height:42px;background-color:#fff;border-bottom:1px solid hsl(212, 15%, calc(96% - 12% * 1));z-index:99;}
203
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavUl{display:flex;gap:10px;height:100%;color:hsl(212, 15%, calc(96% - 12% * 4));list-style:none;padding:0;white-space:nowrap;}
204
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavItem{height:100%;}
205
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavItem[data-state="active"] a{border-bottom-color:rgb(112, 81, 212);}
206
- .XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;}
207
- .XydComponents-Component-writer-Callout__CalloutHost{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 #ececf1;}
208
- .XydComponents-Component-writer-Callout__CalloutNeutral{background-color:#f7f7f8;border-color:#ececf1;}
209
- .XydComponents-Component-writer-Callout__CalloutIcon{display:inline-flex;margin-right:14px;flex:0 0 auto;align-self:flex-start;color:#6e6e80;font-size:20px;margin-top:2px;}
210
- .XydComponents-Component-writer-Callout__CalloutMessage{color:#353740;text-align:left;flex:1 1 auto;}
211
- .XydComponents-Component-writer-Callout__CalloutMessageBody{font-size:14px;line-height:20px;}
212
- .XydComponents-Component-writer-Code__CodeHost{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid #ececf1;font-size:14px;font-weight:500;line-height:1.6em;background:linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);}
213
- .XydComponents-Component-writer-GuideCard__GuideHostSecondary{display:flex;position:relative;overflow:hidden;border:1px solid #ebebeb;background:#f8f8f8;border-radius:8px;padding:24px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}
214
- .XydComponents-Component-writer-GuideCard__GuideHostSecondary:hover{background:#FFF;}
215
- .XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd{padding:21px 25px 25px;}
216
- .XydComponents-Component-writer-GuideCard__GuideLink{width:100%;height:100%;}
217
- .XydComponents-Component-writer-GuideCard__GuideItem{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}
218
- .XydComponents-Component-writer-GuideCard__GuideItem:hover [data-pointer="true"]{opacity:1;transform:translate(0);}
219
- .XydComponents-Component-writer-GuideCard__GuideItemSecondary{width:100%;height:100%;}
220
- .XydComponents-Component-writer-GuideCard__GuideIcon{line-height:0px;font-size:24px;height:32px;display:flex;justify-content:center;align-items:center;color:#000;transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}
221
- .XydComponents-Component-writer-GuideCard__GuideRight{padding-left:16px;display:flex;flex-direction:column;gap:4px;}
222
- .XydComponents-Component-writer-GuideCard__GuideTitle{display:flex;color:#000;font-weight:600;align-items:center;transition:color .15s;}
223
- .XydComponents-Component-writer-GuideCard__GuideTitleBody{font-size:16px;line-height:20px;}
224
- .XydComponents-Component-writer-GuideCard__GuideTitleBodyMd{font-size:18px;}
225
- .XydComponents-Component-writer-GuideCard__GuideBody{font-weight:400;font-size:14px;line-height:20px;color:#5C5C5C;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
226
- .XydComponents-Component-writer-GuideCard__GuideBodyMd{font-size:16px;}
227
- .XydComponents-Component-writer-GuideCard__GuidePointer{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}
228
- .XydComponents-Component-writer-GuideCard__GuideListHost{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:24px;}
229
- .XydComponents-Component-writer-Heading__HeadingHost{line-height:40px;font-weight:600;position:relative;display:inline-block;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:pointer;}
230
- .XydComponents-Component-writer-Heading__HeadingHost:hover svg{opacity:1;}
231
- .XydComponents-Component-writer-Heading__HeadingH1{font-size:36px;}
232
- .XydComponents-Component-writer-Heading__HeadingH1 code{font-size:30px;}
233
- .XydComponents-Component-writer-Heading__HeadingH2{font-size:30px;}
234
- .XydComponents-Component-writer-Heading__HeadingH2 code{font-size:24px;}
235
- .XydComponents-Component-writer-Heading__HeadingH3{font-size:26px;}
236
- .XydComponents-Component-writer-Heading__HeadingH3 code{font-size:22px;}
237
- .XydComponents-Component-writer-Heading__HeadingH4{font-size:22px;}
238
- .XydComponents-Component-writer-Heading__HeadingH4 code{font-size:18px;}
239
- .XydComponents-Component-writer-Heading__HeadingH5{font-size:18px;}
240
- .XydComponents-Component-writer-Heading__HeadingH5 code{font-size:14px;}
241
- .XydComponents-Component-writer-Heading__HeadingH6{font-size:16px;}
242
- .XydComponents-Component-writer-Heading__HeadingH6 code{font-size:12px;}
243
- .XydComponents-Component-writer-Heading__HeadingLink{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:#7051d4;transition:opacity .15s ease;}
244
- .XydComponents-Component-writer-Badge__BadgeHost{display:inline-flex;align-items:center;line-height:1rem;font-style:normal;font-weight:500;letter-spacing:normal;white-space:nowrap;text-transform:none;}
245
- .XydComponents-Component-writer-Badge__BadgeHostWarning{color:#434e4e;background-color:#ffffe1;}
246
- .XydComponents-Component-writer-Badge__BadgeHostInfo{color:#fff;background-color:#1971a8;}
247
- .XydComponents-Component-writer-Badge__BadgeHostSm{font-size:12px;height:18px;padding:0 6px;gap:3px;border-radius:6px;}
248
- .XydComponents-Component-writer-Badge__BadgeItem{position:relative;}
249
- .XydComponents-Component-writer-Details__DetailsHost{border-top:1px solid #ececf1;}
250
- .XydComponents-Component-writer-Details__DetailsHost[open] summary svg[data-icon="true"]{transform:rotate(90deg);}
251
- .XydComponents-Component-writer-Details__DetailsHostSecondary{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px;}
252
- .XydComponents-Component-writer-Details__DetailsSummary{padding:16px 14px 16px 0;font-size:18px;cursor:pointer;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}
253
- .XydComponents-Component-writer-Details__DetailsSummary:hover{color:#565869;}
254
- .XydComponents-Component-writer-Details__DetailsSummarySecondary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}
255
- .XydComponents-Component-writer-Details__DetailsSummaryTertiary{padding:10px 24px;}
256
- .XydComponents-Component-writer-Details__DetailsSummaryDeep{display:flex;align-items:center;margin-bottom:8px;}
257
- .XydComponents-Component-writer-Details__DetailsSummaryDeepText{color:#6e6e80;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.08em;margin-left:8px;font-weight:700;}
258
- .XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary{text-transform:none;}
259
- .XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary code{background:white;}
260
- .XydComponents-Component-writer-Details__DetailsLabel{flex:1 1 auto;}
261
- .XydComponents-Component-writer-Details__DetailsLabelTertiary{padding:10px;}
262
- .XydComponents-Component-writer-Details__DetailsIcon{flex:0 0 auto;font-size:16px;display:flex;align-items:center;justify-content:center;padding-right:6px;}
263
- .XydComponents-Component-writer-Details__DetailsContent{padding:0 24px 20px;}
264
- .XydComponents-Component-writer-Details__DetailsContentSecondary code{background:white;}
265
- .XydComponents-Component-writer-Details__DetailsContentTertiary{background:white;padding-top:20px;}
266
- .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsHost{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;font-size:0.875rem;line-height:1.25rem;color:#6B7280;}
267
- .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsIcon{shrink:0;width:0.875rem;}
268
- .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItem{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;}
269
- .XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItemActive{color:#000;font-weight:bold;}
270
- .XydComponents-Component-writer-Hr__HrHost{border-color:rgb(229 229 229 / 0.7);}
271
- .XydComponents-Component-writer-Table__TableHost{display:block;overflow-x:scroll;border-collapse:collapse;border-radius:3px;}
272
- .XydComponents-Component-writer-Table__TableTh{padding:0.5rem 1rem;margin:0;font-weight:600;border-width:1px;border-color:#D1D5DB;background:rgba(234, 238, 242, 0.5);}
273
- .XydComponents-Component-writer-Table__TableTr{padding:0;margin:0;border-top-width:1px;border-color:#D1D5DB;}
274
- .XydComponents-Component-writer-Table__TableTd{padding:0.5rem 1rem;margin:0;border-width:1px;border-color:#D1D5DB;}
275
- .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksHost{display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;border-color:#d7d7d7;}
276
- .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksLink{display:flex;gap:8px;align-items:center;font-size:16px;line-height:1.5;font-weight:600;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%;}
277
- .XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksIcon{display:inline;height:1.25rem;flex-shrink:0;}
278
- .XydComponents-Component-writer-Pre__PreHost{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:rgb(246, 248, 250);overflow:auto;}
279
- .XydComponents-Component-writer-Table__Host{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
280
- .XydComponents-Component-writer-Table__Table{display:table;width:100%;min-width:640px;border-collapse:separate;border-spacing:0;border:1px solid #ECECF1;border-radius:8px;font-size:0.875rem;line-height:1.25rem;margin-top:1rem;overflow:hidden;}
281
- .XydComponents-Component-writer-Table__Thead{background:#F7F7F8;}
282
- .XydComponents-Component-writer-Table__Th{text-align:left;font-weight:500;padding:0.5rem 1rem;color:#353740;vertical-align:middle;border-bottom:1px solid #ECECF1;white-space:nowrap;}
283
- .XydComponents-Component-writer-Table__Th:first-child{width:24rem;max-width:40%;border-right:1px solid #ECECF1;}
284
- @media (max-width: 768px){.XydComponents-Component-writer-Table__Th:first-child{width:auto;min-width:12rem;}}
285
- .XydComponents-Component-writer-Table__Th.numeric{text-align:right;font-weight:400;min-width:5rem;}
286
- @media (max-width: 768px){.XydComponents-Component-writer-Table__Th.numeric{min-width:4rem;}}
287
- .XydComponents-Component-writer-Table__Tr:not(:last-child){border-bottom:1px solid #ECECF1;}
288
- .XydComponents-Component-writer-Table__Td{padding:0.5rem 1rem;vertical-align:middle;border-top:1px solid #ECECF1;}
289
- .XydComponents-Component-writer-Table__Td:first-child{border-right:1px solid #ECECF1;}
290
- .XydComponents-Component-writer-Table__Td.numeric{text-align:right;}
291
- .XydComponents-Component-writer-Table__Td.muted{color:#6E6E80;}
292
- @media (max-width: 768px){.XydComponents-Component-writer-Table__Td{padding:0.5rem;}}
293
- .XydComponents-Component-writer-Table__Cell{display:flex;align-items:baseline;width:100%;gap:0.5rem;}
294
- .XydComponents-Component-writer-Table__CellContent{flex:1;text-align:right;}
295
- .XydComponents-Component-writer-Table__ModelCell{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;color:#202123;}
296
- @media (max-width: 768px){.XydComponents-Component-writer-Table__ModelCell{font-size:0.8125rem;}}
297
- .XydComponents-Component-writer-Tabs__TabsSampleHost{position:relative;max-width:100%;}
298
- .XydComponents-Component-writer-Tabs__TabsSampleButtons{display:flex;align-items:center;}
299
- .XydComponents-Component-writer-Tabs__TabsSampleContent{margin-top:16px;}
300
- .XydComponents-Component-writer-Tabs__TabsArrowHost{padding:8px;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
301
- .XydComponents-Component-writer-Tabs__TabsArrowIcon{width:16px;height:16px;}
302
- .XydComponents-Component-writer-Tabs__TabsScrollerHost{overflow-x:auto;flex-grow:1;}
303
- .XydComponents-Component-writer-Tabs__TabsScrollerContainer{display:inline-flex;gap:4px;border-radius:8px;background-color:#F3F4F6;padding:4px;margin-left:4px;}
304
- .XydComponents-Component-writer-Tabs__TabsButtonHost{padding:0.5rem 1rem;border-radius:0.375rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;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:#6B7280;}
305
- .XydComponents-Component-writer-Tabs__TabsButtonHost:hover{color:#111827;}
306
- .XydComponents-Component-writer-Tabs__TabsButtonHost[data-state="active"]{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
307
- .XydComponents-Component-writer-Tabs__TabsButtonActive{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
308
- .XydComponents-Component-writer-Steps__StepsHost{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}
309
- .XydComponents-Component-writer-Steps__StepsLi{padding-left:32px;position:relative;line-height:1.5;}
310
- .XydComponents-Component-writer-Steps__StepsLi::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:#ececf1;color:#353740;font-size:12px;line-height:24px;font-weight:500;text-align:center;height:24px;width:24px;border-radius:12px;}
311
- :root {--xyd-navbar-height:40px;--xyd-global-page-gutter:8px;}
312
- .XydComponents-Component-layouts__LayoutHost{width:100%;}
313
- .XydComponents-Component-layouts__LayoutHeader{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0px;right:8px;left:8px;height:40px;}
314
- .XydComponents-Component-layouts__LayoutHeaderSub{flex-direction:column;height:94px;transition:transform 200ms;}
315
- .XydComponents-Component-layouts__LayoutHeaderHideMain{transform:translateY(calc(-40px + 3px));}
316
- .XydComponents-Component-layouts__LayoutMain{position:fixed;top:calc(40px + 0px);bottom:8px;left:8px;right:8px;}
317
- .XydComponents-Component-layouts__LayoutMainSub{top:calc(94px + 0px);transition:top 200ms;}
318
- .XydComponents-Component-layouts__LayoutSidebar{flex-direction:column;position:absolute;top:0;left:0;bottom:0;right:0;z-index:101;width:210px;border:0;padding:12px 0 0;overflow:visible;background:none;border-radius:0;opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.65, 0, .35, 1);}
319
- .XydComponents-Component-layouts__PageHost{position:absolute;top:12px;right:0;bottom:0;z-index:201;background:#fff;overflow:hidden;transition:opacity .3s cubic-bezier(.65, 0, .35, 1);left:210px;}
320
- .XydComponents-Component-layouts__PageScroll{overflow:scroll;height:100%;}
321
- .XydComponents-Component-layouts__PageContainer{padding:0;width:100%;min-height:100%;max-width:100%;margin:0 auto;font-size:15px;line-height:24px;}
322
- .XydComponents-Component-layouts__PageArticleContainer{width:980px;padding:40px 56px;padding-top:20px;max-width:100%;margin:0 auto;}
323
- .XydComponents-Component-layouts__PageArticleContainerFullWidth{width:1200px;}
324
- .XydComponents-Component-layouts__ArticleHost{display:flex;gap:30px;width:100%;align-items:flex-start;}
325
- .XydComponents-Component-layouts__ArticleContent{flex:1 1 0;overflow:hidden;}
326
- .XydComponents-Component-layouts__ArticleNav{position:sticky;top:30px;width:180px;margin-top:0;margin-left:50px;padding-left:16px;flex:none;}
327
- .XydComponents-Component-content-Subtitle-Subtitle_styles_ts__Host{margin-top:-18px;font-size:18px;color:#6e6e80;font-weight:300;}
328
- .XydComponents-Component-content-Anchor__AnchorHost{color:#7051d4;}
329
- .XydComponents-Component-coder-Code__MarkHost{display:flex;border-left-width:4px;border-color:transparent;margin:4px 0;}
330
- .XydComponents-Component-coder-Code__MarkLine{flex:1 1 0%;}
331
- .XydComponents-Component-coder-Code__MarkAnnotated{border-color:#60A5FA;background-color:#EEF2FF;}
332
- .XydComponents-Component-coder-Code__LineNumberHost{margin:0 12px 0px 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.5;}
333
- .XydComponents-Component-coder-Code__CodeHost{max-height:400px;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;margin:0;padding:8px 16px;border-top:1px solid rgb(236, 236, 241);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:12px;line-height:20px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll;}
334
- .XydComponents-Component-coder-Code__CodeHostFull{max-height:100%;}
335
- .XydComponents-Component-content-Content__ContentHost{display:flex;flex-direction:column;gap:24px;font-size:16px;line-height:1.5;}
336
- .XydComponents-Component-coder-CodeTabs__CodeTabsHost{overflow:hidden;min-width:0;border:1px solid rgb(236, 236, 241);border-radius:16px;}
337
- .XydComponents-Component-coder-CodeTabs__CodeTabsPreSingle{border:none!important;}
338
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesHost{display:flex;flex:1 1 0%;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;}
339
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesHostSingle{height:0;}
340
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesList{display:flex;flex-grow:1;justify-content:end;gap:8px;padding:0 10px;}
341
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;font-size:14px;color:rgb(53, 55, 64);}
342
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton[data-state="active"]{color:rgb(112, 81, 212);border-bottom:1px solid rgb(112, 81, 212);border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
343
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton:hover{transition:ease-in 0.1s;background:#e3e3eb;}
344
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesDescription{display:flex;align-items:center;gap:4px;font-size:14px;color:rgb(53, 55, 64);margin-left:4px;margin-right:4px;}
345
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesDescriptionItem{display:flex;padding-left:16px;padding-right:16px;flex:1 1 0%;gap:16px;border-radius:4px;}
346
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopy{display:flex;padding-left:8px;padding-right:8px;align-items:center;}
347
- .XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopySingle{top:17px;position:relative;right:5px;}
348
- .XydComponents-Component-ui-Loader__LoaderHost{display:inline-flex;align-items:center;justify-content:center;}
349
- .XydComponents-Component-ui-Loader__LoaderDots{display:flex;gap:4px;}
350
- .XydComponents-Component-ui-Loader__LoaderDot{width:8px;height:8px;background-color:currentColor;border-radius:50%;animation:pulse-XydComponents-Component-ui-Loader__LoaderDot 1.4s infinite ease-in-out;opacity:0.6;}
351
- .XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(2){animation-delay:0.2s;}
352
- .XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(3){animation-delay:0.4s;}
353
- @keyframes pulse-XydComponents-Component-ui-Loader__LoaderDot{0%,80%,100%{transform:scale(0.6);opacity:0.4;}40%{transform:scale(1);opacity:1;}}
354
- .XydComponents-Component-ui-Loader__LoaderSmall .XydComponents-Component-ui-Loader__LoaderDot{width:6px;height:6px;}
355
- .XydComponents-Component-ui-Loader__LoaderLarge .XydComponents-Component-ui-Loader__LoaderDot{width:12px;height:12px;}
356
- .XydComponents-Component-coder-CodeCopy__CodeCopyHost{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}
357
- .XydComponents-Component-coder-CodeCopy__CodeCopyHost:hover{transition:ease-in 0.1s;background:#e3e3eb;}
358
- :root {--xyd-navbar-height:50px;--xyd-global-page-gutter:8px;--xyd-sidebar-width:250px;}
359
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost{width:100%;overflow-x:hidden;background:#fff;}
360
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0px;right:8px;left:8px;height:50px;z-index:20;background:#fff;}
361
- @media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader{padding:0;}}
362
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderContent{display:flex;align-items:center;width:100%;}
363
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderSub{flex-direction:column;height:94px;transition:transform 200ms;}
364
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderHideMain{transform:translateY(calc(-50px + 3px));}
365
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton{display:none;}
366
- @media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:0;}}
367
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerIcon{width:24px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
368
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLine{width:100%;height:2px;background:#000;transition:transform 0.3s cubic-bezier(.65, 0, .35, 1);}
369
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:first-child{transform:translateY(11px) rotate(45deg);}
370
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:nth-child(2){opacity:0;}
371
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:last-child{transform:translateY(-11px) rotate(-45deg);}
372
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain{position:fixed;display:flex;top:calc(50px + 0px);bottom:0;left:0;right:0;padding:8px;overflow:hidden;}
373
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain{padding-top:calc(50px + 0px + 8px);}}
374
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub{top:calc(94px + 0px);}
375
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub{padding-top:calc(94px + 0px + 8px);}}
376
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar{flex:none;width:250px;background:#fff;display:flex;flex-direction:column;position:relative;height:100%;}
377
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar{display:none;}}
378
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar{display:none;}
379
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar{display:flex;position:fixed;top:0;bottom:0;left:0;width:250px;background:#fff;flex-direction:column;z-index:50;transform:translateX(-100%);transition:transform .3s cubic-bezier(.65, 0, .35, 1);box-shadow:4px 0 8px rgba(0, 0, 0, 0.1);}}
380
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebarOpen{transform:translateX(0);}}
381
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySidebarContent{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;}
382
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseButton{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}
383
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySearchInput{width:100%;height:40px;padding:0 12px;border:1px solid #eaeaea;border-radius:6px;font-size:14px;outline:none;transition:border-color 0.2s;}
384
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySearchInput:focus{border-color:#666;}
385
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon{width:20px;height:20px;position:relative;}
386
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::before,.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:#666;transform-origin:center;}
387
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::before{transform:rotate(45deg);}
388
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon::after{transform:rotate(-45deg);}
389
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay{display:none;}
390
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay{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;}}
391
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlayVisible{opacity:1;pointer-events:auto;}
392
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageHost{position:relative;flex:1;background:#fff;overflow:hidden;min-width:0;height:100%;}
393
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch;padding:0 48px;}
394
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{padding:0 32px;}}
395
- @media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{padding:0 24px;}}
396
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainer{max-width:1000px;margin:0 auto;padding:0 8px;}
397
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainerLarge{max-width:1200px;}
398
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{display:flex;gap:48px;padding:48px 0;min-height:100%;}
399
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{gap:32px;}}
400
- @media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{flex-direction:column;padding:24px 0;gap:24px;}}
401
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleHost{flex:1;min-width:0;}
402
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleContent{width:100%;}
403
- .XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{flex:none;width:256px;position:sticky;top:0;height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding-top:12px;}
404
- @media (max-width: 1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{width:200px;padding-right:16px;}}
405
- @media (max-width: 768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{width:100%;position:static;max-height:none;padding-right:0;}}
330
+ .a9tkkeg{font-weight:var(--xyd-font-weight-normal);}
331
+ .ae1ymcw{margin:20px 0px;}
332
+ .a1q2rf33{background:linear-gradient(45deg, var(--XydAtlas-Component-ApiRef-Item__background-navbar) 0%, var(--XydAtlas-Component-ApiRef-Item__background-navbar) 100%);padding:8px;border:1px solid var(--XydAtlas-Component-ApiRef-Item__color-border);border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;overflow:scroll;}
333
+ .ahk53ap{color:var(--XydAtlas-Component-ApiRef-Item__color-navbar);margin-right:4px;}
334
+ .a1t46rpg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;}
335
+ .aq5m3p7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:25px;}
336
+ .aq5m3p7[data-has-examples="true"] atlas-apiref-item-showcase{display:-ms-grid;display:grid;gap:100px;-ms-grid-columns:repeat(2, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr));}
337
+ @media (max-width: 767px){.aq5m3p7[data-has-examples="true"] atlas-apiref-item-showcase{-ms-grid-columns:1fr;grid-template-columns:1fr;}}
338
+ .aky03d0{-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}
339
+ .apmrvhc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:25px;margin-bottom:25px;margin-top:var(--space-xxlarge);}
340
+ .apmrvhc [part="controls"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;}
341
+ .apmrvhc >[part="header"]{border-bottom:1px solid var(--XydAtlas-Component-ApiRef-Item__color-border);display:-ms-grid;display:grid;-ms-grid-columns:1fr auto;grid-template-columns:1fr auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;}
342
+ .apmrvhc >[part="header"] h2,.apmrvhc >[part="header"] h3,.apmrvhc >[part="header"] h4,.apmrvhc >[part="header"] h5,.apmrvhc >[part="header"] h6{margin:0;}
343
+ .apmrvhc >[part="header"] >:first-child{-ms-grid-column-align:start;justify-self:start;}
344
+ .apmrvhc >[part="header"] >:not(:first-child){-ms-grid-column-align:end;justify-self:end;}
345
+ .d8q9wny{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;}
346
+ .a1b8wz9m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;list-style:none;border:none;}
347
+ .a1ayic9k{margin:0;padding:20px 0px;border-bottom:1px solid var(--dark32);}
348
+ .a1ayic9k:first-child{padding-top:0;}
349
+ .a1ayic9k:last-child{padding-bottom:0;border-bottom:none;}
350
+ .akisad5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;color:var(--XydAtlas-Component-ApiRef-Properties__color-description);}
351
+ .akisad5 p{color:var(--XydAtlas-Component-ApiRef-Properties__color-description);}
352
+ .a159tzrk{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin:4px 0;}
353
+ .a159tzrk dd{-webkit-margin-start:0px;margin-inline-start:0px;}
354
+ .at6ukcw{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;font-weight:var(--xyd-font-weight-semibold);color:var(--XydAtlas-Component-ApiRef-Properties__color-propName);}
355
+ .at6ukcw[data-parent-choice-type="true"]{font-weight:var(--xyd-font-weight-normal);}
356
+ .a1hhb1ak{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;border-radius:4px;color:var(--XydAtlas-Component-ApiRef-Properties__color-propType);}
357
+ .a1ud1m37{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-text-decoration:underline;text-decoration:underline;}
358
+ .a1ud1m37:hover{-webkit-text-decoration:none;text-decoration:none;color:var(--XydAtlas-Sys-Color-Primary--hover);}
359
+ .a1fjyrqx{padding:8px;border-style:none;display:none;}
360
+ .a12sxrry{display:unset;}
361
+ .a1ofrsp8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none;border:none;border-left:1px solid var(--XydAtlas-Component-ApiRef-Properties__color-border);}
362
+ .amjvvs5{padding:0 16px;}
363
+ .a9u79h5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin-top:16px;background:none;outline:inherit;border:none;cursor:pointer;color:inherit;}
364
+ .a9u79h5 svg{font-size:var(--xyd-font-size-small);}
365
+ .a9u79h5:hover svg{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--XydAtlas-Component-ApiRef-Properties__color--active);}
366
+ .a16o3qrr{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;margin-left:4px;}
367
+ .a16o3qrr:hover{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--XydAtlas-Component-ApiRef-Properties__color--active);}
368
+ atlas-apiref-propmeta {font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}
369
+ atlas-apiref-propmeta code {display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;border-radius:4px;color:var(--XydAtlas-Component-ApiRef-Properties__color-propType);}
370
+ atlas-apiref-propmeta[data-name="required"] code {color:var(--xyd-text-color--error);}
371
+ atlas-apiref-propmeta a {color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-text-decoration:underline;text-decoration:underline;}
372
+ atlas-apiref-propmeta a:hover {-webkit-text-decoration:none;text-decoration:none;color:var(--XydAtlas-Sys-Color-Primary--hover);}
373
+ .a1ln4qwr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px;}
374
+ .a1ln4qwr [part="examples"]{display:inline;}
375
+ .a1ln4qwr [part="examples"] span{margin-right:2px;}
376
+ .a1ln4qwr [part="examples-list"]{display:inline;}
377
+ .a1ln4qwr [part="examples-list"] xyd-badge{margin-right:2px;}
378
+ .c1de1isv{position:relative;max-width:100%;}
379
+ .c174knag{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;background-color:var(--XydAtlas-Component-Code-SampleButtons__color-containerBackground);}
380
+ .cdr58em{padding:8px;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
381
+ .czmf263{width:16px;height:16px;}
382
+ .c1olbpn1{overflow-x:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;font-weight:var(--xyd-font-weight-semibold);}
383
+ .c1dubejs{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;padding:4px;margin-left:4px;}
384
+ .ce063xp{padding:4px 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(--XydAtlas-Component-Code-SampleButtons__color);}
385
+ .ce063xp:hover{color:var(--XydAtlas-Component-Code-SampleButtons__color--active);}
386
+ .clt697q{color:var(--XydAtlas-Component-Code-SampleButtons__color--active);background-color:var(--XydAtlas-Component-Code-SampleButtons__color-background--active);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
387
+ .askauww{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:32px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
388
+ .askauww:first-child{margin-top:0;}
389
+ .askauww:last-child{margin-bottom:0;}
390
+ .a1nkbfqz{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
391
+ .a12vpet9{padding:16px 0;}
392
+ .a18e99ku{padding:4px 0;}
393
+ @layer templates{.a1cqu14j atlas-apiref-proptype{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall);}.a1cqu14j atlas-apiref-item-showcase{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-medium);}.a1cqu14j atlas-apiref-item-showcase p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-medium);}}
394
+ .a5edgc7{width:100%;}
395
+ @layer overrides {
396
+ :root {
397
+ --oas-method-get-color: #15803d;
398
+ --oas-method-get-bg: rgba(74, 222, 128, .2);
399
+ --oas-method-get-color--active: var(--white);
400
+ --oas-method-get-bg--active: #2ab673;
401
+
402
+ --oas-method-post-color: #1D4ED8;
403
+ --oas-method-post-bg: rgba(96, 165, 250, .2);
404
+ --oas-method-post-color--active: var(--white);
405
+ --oas-method-post-bg--active: #3064e3;
406
+
407
+ --oas-method-put-color: #C28C30;
408
+ --oas-method-put-bg: rgba(250, 204, 21, .2);
409
+ --oas-method-put-color--active: var(--white);
410
+ --oas-method-put-bg--active: #C28C30;
411
+
412
+ --oas-method-delete-color: #B91C1C;
413
+ --oas-method-delete-bg: rgba(248, 114, 114, 0.2);
414
+ --oas-method-delete-color--active: var(--white);
415
+ --oas-method-delete-bg--active: #cb3a32;
416
+
417
+ --oas-method-patch-color: #c2410c;
418
+ --oas-method-patch-bg: rgba(251, 146, 60, .2);
419
+ --oas-method-patch-color--active: var(--white);
420
+ --oas-method-patch-bg--active: #DA622B;
421
+ }
422
+
423
+ /* HTTP Method Colors */
424
+ [atlas-oas-method="GET"] {
425
+ --method-color: var(--oas-method-get-color);
426
+ --method-bg: var(--oas-method-get-bg);
427
+
428
+ &[data-active="true"] {
429
+ --method-bg: var(--oas-method-get-bg--active);
430
+ --method-color: var(--oas-method-get-color--active);
431
+ }
432
+ }
433
+
434
+ [atlas-oas-method="POST"] {
435
+ --method-color: var(--oas-method-post-color);
436
+ --method-bg: var(--oas-method-post-bg);
437
+
438
+ &[data-active="true"] {
439
+ --method-bg: var(--oas-method-post-bg--active);
440
+ --method-color: var(--oas-method-post-color--active);
441
+ }
442
+ }
443
+
444
+ [atlas-oas-method="PUT"] {
445
+ --method-color: var(--oas-method-put-color);
446
+ --method-bg: var(--oas-method-put-bg);
447
+
448
+ &[data-active="true"] {
449
+ --method-bg: var(--oas-method-put-bg--active);
450
+ --method-color: var(--oas-method-put-color--active);
451
+ }
452
+ }
453
+
454
+ [atlas-oas-method="DELETE"] {
455
+ --method-color: var(--oas-method-delete-color);
456
+ --method-bg: var(--oas-method-delete-bg);
457
+
458
+ &[data-active="true"] {
459
+ --method-bg: var(--oas-method-delete-bg--active);
460
+ --method-color: var(--oas-method-delete-color--active);
461
+ }
462
+ }
463
+
464
+ [atlas-oas-method="PATCH"] {
465
+ --method-color: var(--oas-method-patch-color);
466
+ --method-bg: var(--oas-method-patch-bg);
467
+
468
+ &[data-active="true"] {
469
+ --method-bg: var(--oas-method-patch-bg--active);
470
+ --method-color: var(--oas-method-patch-color--active);
471
+ }
472
+ }
473
+
474
+ [atlas-oas-method] {
475
+ color: var(--method-color);
476
+ }
477
+
478
+ [atlas-oas-method] xyd-badge {
479
+ background-color: var(--method-bg);
480
+ color: var(--method-color);
481
+ font-weight: var(--xyd-font-weight-bold);
482
+ }
483
+ }
484
+ :root {
485
+ color-scheme: light dark;
486
+ }
487
+ /* Global */
488
+ :root {
489
+ --white: #fff;
490
+ --black: #000;
491
+ --dark8: #f7f7f8;
492
+ --dark16: #f9f9f9;
493
+ --dark32: #ececf1;
494
+ --dark32-rgb: 236, 236, 241;
495
+ --dark40: #c5c5d2;
496
+ --dark48: #6e6e80;
497
+ --dark60: #443a3a;
498
+ --dark80: #111827;
499
+ --dark100: var(--black);
500
+ --purple80: #7051d4;
501
+ --purple100: #2e108e;
502
+ --blue16: #e4edff;
503
+ --blue32: #60A5FA;
504
+ --blue80: #1971a8;
505
+ --green32: #d4f5e7;
506
+ --green60: #14c397;
507
+ --green80: #28a745;
508
+ /* --green100: #108944; */
509
+ --green100: #00936f;
510
+ --red80: #dc3545;
511
+ --red100: #b91c1c;
512
+ --yellow80: #ffc107;
513
+
514
+ --color-bg: var(--white);
515
+ --color-text: var(--dark100);
516
+
517
+ --text-primary: var(--color-text);
518
+ --text-secondary: var(--dark80);
519
+ --text-tertiary: var(--dark60);
520
+
521
+ --color-primary: var(--theme-color-primary, var(--purple80));
522
+ --color-primary--active: var(--theme-color-primary-active, var(--purple100));
523
+ }
524
+ /* Dark Mode Global */
525
+ [data-color-scheme="dark"] {
526
+ --white: #0e0e10;
527
+ --black: #fff;
528
+ --dark8: #1a1a1a;
529
+ --dark16: #2d2d2d;
530
+ --dark32: #404040;
531
+ --dark32-rgb: 64, 64, 64;
532
+ --dark40: #525252;
533
+ --dark48: #9E9E9E;
534
+ --dark60: #a3a3a3;
535
+ --dark80: #d4d4d4;
536
+ --dark100: var(--black);
537
+ --purple80: #7051d4;
538
+ --purple100: #2e108e;
539
+ --blue16: #e4edff;
540
+ --blue32: #60A5FA;
541
+ --blue80: #1971a8;
542
+ --green80: #28a745;
543
+ --green100: #108944;
544
+ --red80: #dc3545;
545
+ --red100: #b91c1c;
546
+ --yellow80: #ffc107;
547
+
548
+ --color-bg: var(--white);
549
+ --color-text: var(--dark100);
550
+
551
+ --text-primary: var(--color-text);
552
+ --text-secondary: var(--dark80);
553
+ --text-tertiary: var(--dark60);
554
+
555
+ --color-primary: var(--theme-color-primary, var(--purple80));
556
+ --color-primary--active: var(--theme-color-primary-active, var(--purple100));
557
+
558
+ body {
559
+ color: var(--xyd-text-color--default);
560
+ }
561
+ }
562
+ /* System Dark Mode Support */
563
+ @media (prefers-color-scheme: dark) {
564
+ :root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) {
565
+ --white: #0e0e10;
566
+ --black: #fff;
567
+ --dark8: #1a1a1a;
568
+ --dark16: #2d2d2d;
569
+ --dark32: #404040;
570
+ --dark32-rgb: 64, 64, 64;
571
+ --dark40: #525252;
572
+ --dark48: #9E9E9E;
573
+ --dark60: #a3a3a3;
574
+ --dark80: #d4d4d4;
575
+ --dark100: var(--black);
576
+ --purple80: #7051d4;
577
+ --purple100: #2e108e;
578
+ --blue16: #e4edff;
579
+ --blue32: #60A5FA;
580
+ --blue80: #1971a8;
581
+ --green80: #28a745;
582
+ --green100: #108944;
583
+ --red80: #dc3545;
584
+ --red100: #b91c1c;
585
+ --yellow80: #ffc107;
586
+
587
+ --color-bg: var(--white);
588
+ --color-text: var(--dark100);
589
+
590
+ --text-primary: var(--color-text);
591
+ --text-secondary: var(--dark80);
592
+ --text-tertiary: var(--dark60);
593
+
594
+ --color-primary: var(--theme-color-primary, var(--purple80));
595
+ --color-primary--active: var(--theme-color-primary-active, var(--purple100));
596
+ }
597
+
598
+ :root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) body {
599
+ color: var(--xyd-text-color--default);
600
+ }
601
+ }
602
+ /* Layout */
603
+ :root {
604
+ --xyd-page-body-bgcolor: var(--color-bg);
605
+ --xyd-layout-header-bgcolor: var(--color-bg);
606
+ --xyd-page-body-color: var(--text-primary);
607
+ --xyd-page-body-color--secondary: var(--dark60);
608
+
609
+ --xyd-page-gutter: 8px;
610
+ --xyd-content-space: 12px;
611
+
612
+ --xyd-sidebar-width: 250px;
613
+ --xyd-sidebar-width--mobile: 250px;
614
+ --xyd-layout-sidebar-bgcolor: var(--color-bg);
615
+
616
+ --xyd-header-total-height: calc(var(--xyd-nav-height) + var(--xyd-subnav-height));
617
+
618
+ --xyd-layout-width-small: 800px;
619
+ --xyd-layout-width-medium: 1000px;
620
+ --xyd-layout-width-large: 1200px;
621
+ --xyd-layout-nav-width-small: 200px;
622
+ --xyd-layout-nav-width-medium: 256px;
623
+ }
624
+ /* Fonts */
625
+ :root {
626
+ /* Font Sizes */
627
+ --xyd-font-size-xsmall: 12px;
628
+ --xyd-font-size-small: 14px;
629
+ --xyd-font-size-medium: 16px;
630
+ --xyd-font-size-large: 18px;
631
+ --xyd-font-size-xlarge: 22px;
632
+ --xyd-font-size-xxlarge: 26px;
633
+ --xyd-font-size-2xl: 32px;
634
+
635
+ /* Line Heights */
636
+ --xyd-line-height-xsmall: 16px;
637
+ --xyd-line-height-small: 19px;
638
+ --xyd-line-height-medium: 25px;
639
+ --xyd-line-height-large: 27px;
640
+ --xyd-line-height-xlarge: 33px;
641
+ --xyd-line-height-xxlarge: 39px;
642
+ --xyd-line-height-2xl: 44px;
643
+
644
+ /* Font Weights */
645
+ --xyd-font-weight-normal: 400;
646
+ --xyd-font-weight-medium: 500;
647
+ --xyd-font-weight-semibold: 600;
648
+ --xyd-font-weight-bold: 700;
649
+ --xyd-font-weight-extrabold: 800;
650
+ --xyd-font-weight-black: 900;
651
+ }
652
+ /* Media Queries */
653
+ :root {
654
+ /* ////////////// MEDIA QUERIES ////////////// */
655
+ --xyd-mobile-breakpoint: 768px;
656
+ --xyd-tablet-breakpoint: 1024px;
657
+ }
658
+ /* Transitions */
659
+ :root {
660
+ --xyd-cubic-bezier: cubic-bezier(.65, 0, .35, 1);
661
+
662
+ }
663
+ /* Sizes */
664
+ :root {
665
+ --xyd-padding-default: 16px;
666
+ }
667
+ /* Components */
668
+ :root {
669
+ /* Callout */
670
+ --xyd-callout-bgcolor: var(--dark8);
671
+ --xyd-callout-border-color: var(--dark32);
672
+ --xyd-callout-icon-color: var(--dark48);
673
+ --xyd-callout-message-color: var(--dark80);
674
+
675
+ /* Button */
676
+ --xyd-button-primary-bg: var(--color-primary);
677
+ --xyd-button-primary-color: var(--white);
678
+ --xyd-button-primary-border: var(--color-primary);
679
+ --xyd-button-primary-bg-hover: var(--color-primary--active);
680
+ --xyd-button-primary-border-hover: var(--color-primary--active);
681
+
682
+ --xyd-button-secondary-bg: var(--dark16);
683
+ --xyd-button-secondary-color: var(--text-primary);
684
+ --xyd-button-secondary-border: var(--dark32);
685
+ --xyd-button-secondary-bg-hover: var(--dark32);
686
+ --xyd-button-secondary-border-hover: var(--dark40);
687
+
688
+ --xyd-button-tertiary-bg: transparent;
689
+ --xyd-button-tertiary-color: var(--text-primary);
690
+ --xyd-button-tertiary-border: transparent;
691
+ --xyd-button-tertiary-bg-hover: var(--dark16);
692
+ --xyd-button-tertiary-border-hover: var(--dark32);
693
+
694
+ /* Card */
695
+ --xyd-card-bgcolor: var(--color-bg);
696
+ --xyd-card-shadow-color: var(--dark32);
697
+ --xyd-card-border-color: var(--dark32);
698
+
699
+ /* Coder */
700
+ --xyd-code-bgcolor: linear-gradient(45deg, var(--dark8) 0%, var(--dark8) 100%);
701
+ --xyd-code-border-color: var(--dark32);
702
+
703
+ /* Coder Code */
704
+ --xyd-coder-code-background: linear-gradient(45deg, var(--dark8) 0%, var(--dark8) 100%);
705
+ --xyd-coder-code-border-color: var(--dark32);
706
+ --xyd-coder-code-mark-border-color: var(--blue32);
707
+ --xyd-coder-code-mark-bgcolor: var(--dark16);
708
+ --xyd-coder-code-copy-color: var(--dark48);
709
+
710
+ /* Code Tabs */
711
+ --xyd-codetabs-border-color: var(--dark32);
712
+ --xyd-codetabs-bgcolor: linear-gradient(45deg, var(--dark8) 0%, var(--dark8) 100%);
713
+ --xyd-codetabs-color: var(--dark80);
714
+ --xyd-codetabs-color--active: var(--color-primary);
715
+ --xyd-codetabs-color--hover: var(--dark32);
716
+
717
+ /* Badge */
718
+ --xyd-badge-color--default: var(--xyd-text-color);
719
+ --xyd-badge-bgcolor--default: var(--dark32);
720
+
721
+ --xyd-badge-color--warning: var(--xyd-page-body-color);
722
+ --xyd-badge-bgcolor--warning: var(--yellow80);
723
+ --xyd-badge-color--info: var(--color-bg);
724
+ --xyd-badge-bgcolor--info: var(--blue80);
725
+
726
+ /* Banner */
727
+ --xyd-banner-bgcolor: var(--blue16);
728
+ --xyd-banner-border-color: unset;
729
+ --xyd-banner-color: var(--black);
730
+ --xyd-banner-boxshadow: 0 2px 5px rgba(0, 0, 0, .1);
731
+
732
+ /* Breadcrumbs */
733
+ --xyd-breadcrumbs-color: var(--dark48);
734
+ --xyd-breadcrumbs-color--active: var(--text-primary);
735
+
736
+ /* Details */
737
+ --xyd-details-border-color: var(--dark32);
738
+ --xyd-details-bgcolor--secondary: var(--dark16);
739
+ --xyd-details-summary-color: var(--dark48);
740
+ --xyd-details-summary-color--active: var(--text-primary);
741
+ --xyd-details-summary-code-bgcolor: var(--color-bg);
742
+ --xyd-details-content-bgcolor: var(--color-bg);
743
+
744
+ /* GuideCard */
745
+ --xyd-guidecard-border-color--secondary: var(--dark32);
746
+ --xyd-guidecard-bgcolor--secondary: var(--dark16);
747
+ --xyd-guidecard-bgcolor--secondary-active: var(--color-bg);
748
+ --xyd-guidecard-icon-color: var(--text-primary);
749
+ --xyd-guidecard-title-color: var(--text-primary);
750
+ --xyd-guidecard-color: var(--dark48);
751
+ /* Heading */
752
+ --xyd-heading-color: var(--text-primary);
753
+ --xyd-heading-color--muted: var(--dark48);
754
+ --xyd-heading-icon-color: var(--color-primary);
755
+
756
+ /* Text */
757
+ --xyd-text-color: var(--text-primary);
758
+ --xyd-text-color--default: var(--text-primary);
759
+ --xyd-text-color--ghost: var(--text-tertiary);
760
+ --xyd-text-color--success: var(--green80);
761
+ --xyd-text-color--success--active: var(--green100);
762
+ --xyd-text-color--success--muted: rgba(40, 167, 69, 0.3);
763
+ --xyd-text-color--warn: var(--yellow80);
764
+ --xyd-text-color--error: var(--red80);
765
+ --xyd-text-color--error--active: var(--red100);
766
+ --xyd-text-color--error--muted: rgba(220, 53, 69, 0.3);
767
+ --xyd-text-color--primary: var(--color-primary);
768
+ --xyd-text-color--secondary: var(--text-secondary);
769
+
770
+ /* Anchor */
771
+ --xyd-anchor-color: var(--color-primary);
772
+ --xyd-anchor-color--hover: var(--color-primary--active);
773
+
774
+ /* Hr */
775
+ --xyd-hr-border-color: var(--dark32);
776
+
777
+ /* List */
778
+ --xyd-list-marker-color: var(--dark48);
779
+ --xyd-list-item-bgcolor: var(--dark48);
780
+
781
+ /* NavLinks */
782
+ --xyd-navlinks-border-color: var(--dark32);
783
+
784
+ /* Pre */
785
+ --xyd-pre-bgcolor: var(--dark16);
786
+
787
+ /* Steps */
788
+ --xyd-steps-marker-bgcolor: var(--dark32);
789
+ --xyd-steps-marker-color: var(--dark80);
790
+
791
+ /* Table */
792
+ --xyd-table-border-color: var(--dark32);
793
+ --xyd-table-bgcolor: var(--dark16);
794
+
795
+ /* Tabs */
796
+ --xyd-tabs-bgcolor: var(--dark16);
797
+ --xyd-tabs-arrow-bgcolor: var(--color-bg);
798
+ --xyd-tabs-color: var(--dark48);
799
+ --xyd-tabs-color--active: var(--text-primary);
800
+ --xyd-tabs-bgcolor--active: var(--color-bg);
801
+ --xyd-tabs-shadow-color--active: rgba(0, 0, 0, 0.05);
802
+
803
+ /* TocCard */
804
+ --xyd-toccard-border-color: var(--dark32);
805
+ --xyd-toccard-border-color--active: var(--dark40);
806
+ --xyd-toccard-color: var(--dark48);
807
+ --xyd-toccard-title-color: var(--dark80);
808
+ --xyd-toccard-icon-color: var(--dark80);
809
+
810
+ /* UnderlineNav */
811
+ --xyd-underlinenav-bgcolor: var(--color-bg);
812
+ --xyd-underlinenav-border-color: hsl(212, 15%, calc(96% - 12% * 1));
813
+ --xyd-underlinenav-list-color: hsl(212, 15%, calc(96% - 12% * 4));
814
+ --xyd-underlinenav-color--active: var(--color-primary);
815
+
816
+ /* VideoGuide Miniature*/
817
+ --xyd-videoguide-miniature-mini-width: 202px;
818
+ --xyd-videoguide-miniature-mini-height: 113px;
819
+ --xyd-videoguide-miniature-expanded-height: 100px;
820
+ --xyd-videoguide-miniature-z-index: 1000;
821
+ --xyd-videoguide-miniature-radius: 4px;
822
+ --xyd-videoguide-miniature-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.08), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
823
+ --xyd-videoguide-miniature-bgcolor: var(--color-bg);
824
+ --xyd-videoguide-miniature-duration: 0.3s;
825
+ --xyd-videoguide-miniature-color: var(--color-bg);
826
+
827
+ /* Nav */
828
+ --xyd-nav-height: 50px;
829
+ --xyd-nav-shadow-bgcolor: var(--color-bg);
830
+ --xyd-nav-item-color: var(--text-primary);
831
+ --xyd-nav-item-color--active: var(--dark80);
832
+ --xyd-nav-item-bgcolor--active: var(--dark16);
833
+
834
+ /* ProgressBar */
835
+ --xyd-progressbar-bgcolor: var(--dark16);
836
+ --xyd-progressbar-bgcolor--active: var(--color-primary);
837
+
838
+ /* Sidebar */
839
+ --xyd-sidebar-padding: 8px;
840
+
841
+ --xyd-sidebar-bgcolor: var(--dark16);
842
+ --xyd-sidebar-divider-color: var(--dark32);
843
+ --xyd-sidebar-divider-shadow-color: var(--dark32);
844
+
845
+ --xyd-sidebar-item-color--active: var(--text-primary);
846
+ --xyd-sidebar-item-bgcolor--active: var(--dark32);
847
+ --xyd-sidebar-item-bgcolor--active-hover: var(--dark32);
848
+ --xyd-sidebar-item-bgcolor--active-mark: var(--color-primary);
849
+ --xyd-sidebar-item-color: var(--dark48);
850
+ --xyd-sidebar-item-header-color: var(--text-primary);
851
+ --xyd-sidebar-item-padding-left: var(--xyd-padding-default);
852
+
853
+ /* SubNav */
854
+ --xyd-subnav-height: 44px;
855
+ --xyd-subnav-bgcolor: var(--dark16);
856
+ --xyd-subnav-prefix-color: var(--dark48);
857
+ --xyd-subnav-prefix-marker-color: var(--dark32);
858
+ --xyd-subnav-item-color: var(--dark48);
859
+ --xyd-subnav-item-color--active: var(--color-text);
860
+ --xyd-subnav-item-color--active-mark: var(--color-primary);
861
+
862
+ /* Toc */
863
+ --xyd-toc-bgcolor: var(--dark32);
864
+ --xyd-toc-scroll-bgcolor: var(--dark80);
865
+ --xyd-toc-item-color: var(--dark48);
866
+ --xyd-toc-item-color--active: var(--dark80);
867
+
868
+ /* SearchButton */
869
+ --xyd-searchbutton-background: var(--dark16);
870
+ }
871
+ /* Atlas */
872
+ :root {
873
+ --XydAtlas-Ref-Palette-White: var(--white);
874
+ --XydAtlas-Ref-Palette-Primary-60: var(--purple80);
875
+ --XydAtlas-Ref-Palette-Primary-70: var(--purple80);
876
+ --XydAtlas-Ref-Palette-Primary-80: var(--purple80);
877
+ --XydAtlas-Ref-Palette-Neutral-10: var(--dark8);
878
+ --XydAtlas-Ref-Palette-Neutral-20: var(--dark16);
879
+ --XydAtlas-Ref-Palette-Neutral-30: var(--dark32);
880
+ --XydAtlas-Ref-Palette-Neutral-40: var(--dark48);
881
+ --XydAtlas-Ref-Palette-Neutral-70: var(--dark60);
882
+ --XydAtlas-Ref-Palette-Neutral-80: var(--dark80);
883
+ --XydAtlas-Ref-Palette-Neutral-100: var(--dark100);
884
+
885
+ }
886
+ [data-color-scheme="dark"] {
887
+ --xyd-sidebar-bgcolor: var(--white);
888
+ --xyd-text-color--default: var(--dark48);
889
+ --xyd-heading-color--muted: var(--dark80);
890
+ --xyd-button-primary-color: var(--black);
891
+ }
892
+ /* System dark mode support for sidebar - only when OS preference is enabled */
893
+ @media (prefers-color-scheme: dark) {
894
+ :root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) {
895
+ --xyd-sidebar-bgcolor: var(--white);
896
+ --xyd-text-color--default: var(--dark48);
897
+ --xyd-heading-color--muted: var(--dark80);
898
+ --xyd-button-primary-color: var(--black);
899
+ }
900
+ }
901
+ /*TODO: in the future not needed cuz every component would have have default styles itself?*/
902
+ @layer reset {
903
+ body {
904
+ margin: 0;
905
+ }
906
+
907
+ ol, ul, menu {
908
+ list-style: none;
909
+ margin: 0;
910
+ padding: 0;
911
+ }
912
+
913
+ button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
914
+ -webkit-appearance: button;
915
+ background-color: transparent;
916
+ background-image: none;
917
+ }
918
+
919
+ button, [role=button] {
920
+ cursor: pointer;
921
+ }
922
+
923
+ button, select {
924
+ text-transform: none;
925
+ }
926
+
927
+ button, input, optgroup, select, textarea {
928
+ font-family: inherit;
929
+ font-feature-settings: inherit;
930
+ font-variation-settings: inherit;
931
+ font-size: 100%;
932
+ font-weight: inherit;
933
+ line-height: inherit;
934
+ letter-spacing: inherit;
935
+ color: inherit;
936
+ margin: 0;
937
+ padding: 0;
938
+ }
939
+
940
+ a {
941
+ color: inherit;
942
+ text-decoration: inherit;
943
+ }
944
+
945
+ *, :before, :after {
946
+ box-sizing: border-box;
947
+ border-width: 0;
948
+ border-style: solid;
949
+ }
950
+
951
+ p {
952
+ padding: 0;
953
+ margin: 0;
954
+ }
955
+ }
956
+ @layer defaults {
957
+ body {
958
+ font-size: var(--xyd-font-size-small);
959
+ line-height: var(--xyd-line-height-small);
960
+ color: var(--text-primary);
961
+ background: var(--white);
962
+ }
963
+
964
+ xyd-page-footer {
965
+ display: flex;
966
+ align-items: center;
967
+ justify-content: center;
968
+ flex-direction: column;
969
+
970
+ [part="github-button-container"] {
971
+ display: flex;
972
+ align-items: center;
973
+ justify-content: center;
974
+ flex-direction: column;
975
+ gap: 8px;
976
+ padding: 15px;
977
+ }
978
+ }
979
+
980
+ xyd-built-with {
981
+ display: flex;
982
+ gap: 8px;
983
+ padding: 15px;
984
+ justify-content: center;
985
+
986
+ [part="text"] {
987
+ font-size: var(--xyd-font-size-xsmall);
988
+ color: var(--dark48);
989
+ letter-spacing: 0.5px;
990
+ }
991
+
992
+ [part="logo"] {
993
+ a {
994
+ margin: 0;
995
+ padding: 0;
996
+ }
997
+
998
+ svg {
999
+ width: 48px;
1000
+ height: 100%;
1001
+ }
1002
+ }
1003
+ }
1004
+ }
1005
+ @layer components {
1006
+ xyd-nav xyd-search-button {
1007
+ max-width: 200px;
1008
+ }
1009
+ }
1010
+
406
1011