ply-css 1.6.1 → 1.7.1

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 (29) hide show
  1. package/CLAUDE.md +17 -0
  2. package/PLY.md +37 -1
  3. package/README.md +50 -2
  4. package/bin/ply-purge.js +172 -0
  5. package/dist/css/ply-core.css +29 -47
  6. package/dist/css/ply-core.min.css +1 -1
  7. package/dist/css/ply-essentials.min.css +1 -1
  8. package/dist/css/ply-helpers.min.css +1 -1
  9. package/dist/css/ply.css +34 -123
  10. package/dist/css/ply.min.css +1 -1
  11. package/dist/css/ply.purged.min.css +1 -0
  12. package/dist/css/styles.css +34 -123
  13. package/dist/css/styles.min.css +1 -1
  14. package/llms-full.txt +38 -6
  15. package/llms.txt +1 -1
  16. package/package.json +18 -1
  17. package/ply-classes.json +18 -21
  18. package/purge.js +81 -0
  19. package/safelist.js +43 -0
  20. package/snippets/custom-theme.html +3 -3
  21. package/snippets/starter-page.html +2 -2
  22. package/src/scss/_ply.scss +0 -2
  23. package/src/scss/components/_colors.scss +22 -35
  24. package/src/scss/components/_forms.scss +5 -6
  25. package/src/scss/components/_helpers-core.scss +3 -3
  26. package/src/scss/components/_multi-step-form.scss +5 -5
  27. package/src/scss/components/_rtl.scss +0 -11
  28. package/src/scss/components/_tables.scss +2 -1
  29. package/src/scss/components/_dropdown.scss +0 -68
package/dist/css/ply-essentials.min.css CHANGED
@@ -1 +1 @@
1
- :root{--ply-bg-body: #ffffff;--ply-bg-surface: #ffffff;--ply-bg-surface-alt: #f4f4f4;--ply-bg-muted: #e0e0e0;--ply-color-body: #161616;--ply-color-headings: #161616;--ply-color-secondary: #525252;--ply-color-muted: #767676;--ply-color-placeholder: #a8a8a8;--ply-color-text-inverse: #ffffff;--ply-border-color: #e0e0e0;--ply-border-strong: #8d8d8d;--ply-color-link: var(--ply-btn-default-bg);--ply-color-link-hover: #0347c6;--ply-color-link-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: #f4f4f4;--ply-color-input-border: #8d8d8d;--ply-color-input-bg: #f4f4f4;--ply-color-code-bg: #f4f4f4;--ply-color-code-border: #e0e0e0;--ply-color-table-border: #e0e0e0;--ply-color-table-stripped: #f4f4f4;--ply-color-table-hovered: #e8e8e8;--ply-color-accent: #0353e9;--ply-btn-default-bg: #0353e9;--ply-btn-default-bg-hover: #0347c6;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-btn-default-bg-active: #023eaf;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), black 25%);--ply-btn-secondary-bg: #393939;--ply-btn-secondary-bg-hover: #303030;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), black 15%);--ply-btn-secondary-bg-active: #2b2b2b;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), black 25%);--ply-border-radius: 0.25rem;--ply-btn-border-radius: 2rem;--ply-nav-bg: #ffffff;--ply-nav-color: #161616;--ply-nav-border: #161616;--ply-nav-hover: #e8e8e8;--ply-nav-active-color: #525252;--ply-layer-0: #ffffff;--ply-layer-1: #f4f4f4;--ply-layer-2: #e0e0e0;--ply-layer-3: #c6c6c6;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.1);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.12);--ply-bg-glass: rgba(255, 255, 255, 0.15);--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-surface: #d3e3fb;--ply-red-surface: #f8d5d8;--ply-green-surface: #d5ecd9;--ply-yellow-surface: #fff4cc;--ply-indigo-surface: #e0e7ff;--ply-purple-surface: #ede9fe;--ply-pink-surface: #fce7f3;--ply-orange-surface: #ffedd5;--ply-teal-surface: #ccfbf1;--ply-cyan-surface: #cffafe;--ply-blue-border: #92baf6;--ply-red-border: #ef969d;--ply-green-border: #96cfa1;--ply-yellow-border: #ffe480;--ply-indigo-border: #a5b4fc;--ply-purple-border: #c4b5fd;--ply-pink-border: #f9a8d4;--ply-orange-border: #fdba74;--ply-teal-border: #5eead4;--ply-cyan-border: #67e8f9;--ply-blue-1: #0f62fe;--ply-blue-2: #0043ce;--ply-blue-3: #002d9c;--ply-red-1: #da1e28;--ply-red-2: #a2191f;--ply-red-3: #750e13;--ply-green-1: #198038;--ply-green-2: #0e6027;--ply-green-3: #044317;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #4f46e5;--ply-indigo-2: #3730a3;--ply-indigo-3: #312e81;--ply-purple-1: #7c3aed;--ply-purple-2: #6d28d9;--ply-purple-3: #5b21b6;--ply-pink-1: #be185d;--ply-pink-2: #9d174d;--ply-pink-3: #831843;--ply-orange-1: #c2410c;--ply-orange-2: #9a3412;--ply-orange-3: #7c2d12;--ply-teal-1: #0f766e;--ply-teal-2: #115e59;--ply-teal-3: #134e4a;--ply-cyan-1: #0e7490;--ply-cyan-2: #155e75;--ply-cyan-3: #164e63;--ply-font-body: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-heading: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--ply-space-xs: 0.25rem;--ply-space-sm: 0.5rem;--ply-space-md: 0.75rem;--ply-space-lg: 1.5rem;--ply-space-xl: 2rem;--ply-space-xxl: 3rem}@media(prefers-color-scheme: dark){:root:not([data-theme]){--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: #262626;--ply-color-input-border: #6f6f6f;--ply-color-input-bg: #262626;--ply-color-code-bg: #262626;--ply-color-code-border: #393939;--ply-color-table-border: #393939;--ply-color-table-stripped: #1c1c1c;--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-bg: #161616;--ply-nav-color: #f4f4f4;--ply-nav-border: #f4f4f4;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-0: #161616;--ply-layer-1: #262626;--ply-layer-2: #393939;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}}[data-theme=dark]{--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: #262626;--ply-color-input-border: #6f6f6f;--ply-color-input-bg: #262626;--ply-color-code-bg: #262626;--ply-color-code-border: #393939;--ply-color-table-border: #393939;--ply-color-table-stripped: #1c1c1c;--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-bg: #161616;--ply-nav-color: #f4f4f4;--ply-nav-border: #f4f4f4;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-0: #161616;--ply-layer-1: #262626;--ply-layer-2: #393939;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}@media(prefers-contrast: more){:root{--ply-color-body: #000000;--ply-color-headings: #000000;--ply-color-secondary: #1a1a1a;--ply-color-muted: #333333;--ply-border-color: #000000;--ply-border-strong: #000000;--ply-color-link: #0000ee;--ply-color-link-hover: #0000cc;--ply-color-code-bg: #ffffff;--ply-color-code-border: #000000;--ply-color-focus: #000000;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #ffffff;--ply-layer-2: #ffffff;--ply-layer-3: #ffffff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root:not([data-theme]){--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@media(prefers-contrast: more){[data-theme=dark]{--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@keyframes spinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}.cursor-finger{cursor:pointer}.cursor-arrow{cursor:default}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-progress{cursor:progress}.cursor-help{cursor:help}.cursor-question-mark{cursor:help}.cursor-text{cursor:text}.cursor-cell{cursor:cell}.cursor-plus{cursor:cell}.cursor-crosshair{cursor:crosshair}.cursor-alias{cursor:alias}.cursor-shortcut{cursor:alias}.cursor-context-menu{cursor:context-menu}.cursor-copy{cursor:copy}.cursor-move{cursor:move}.cursor-no-drop{cursor:no-drop}.cursor-not-allowed{cursor:not-allowed}.cursor-all-scroll{cursor:all-scroll}.cursor-ew-resize{cursor:ew-resize}.cursor-col-resize{cursor:col-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-row-resize{cursor:row-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-n-resize{cursor:n-resize}.cursor-e-resize{cursor:e-resize}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-se-resize{cursor:se-resize}.full-screen{box-sizing:border-box;display:block;width:100%;height:100%;position:relative}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.display-flex{display:flex}.display-block{display:block}.display-inline-block{display:inline-block}.display-grid{display:grid}.display-none{display:none}.last{margin-right:0 !important}.pause{margin-bottom:.75rem !important}.end{margin-bottom:0 !important}.margin{margin:var(--ply-space-md, 0.75rem)}.margin-top{margin-top:var(--ply-space-md, 0.75rem)}.margin-top-extra{margin-top:var(--ply-space-lg, 1.5rem)}.margin-right{margin-right:var(--ply-space-md, 0.75rem)}.margin-bottom{margin-bottom:var(--ply-space-md, 0.75rem)}.margin-bottom-extra{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-left{margin-left:var(--ply-space-md, 0.75rem)}.margin-xs{margin:var(--ply-space-xs, 0.25rem)}.margin-sm{margin:var(--ply-space-sm, 0.5rem)}.margin-lg{margin:var(--ply-space-lg, 1.5rem)}.margin-xl{margin:var(--ply-space-xl, 2rem)}.margin-xxl{margin:var(--ply-space-xxl, 3rem)}.no-margin{margin:0 !important}.no-top-margin{margin-top:0 !important}.no-bottom-margin{margin-bottom:0 !important}.no-spacing{margin:0 !important;padding:0 !important}.no-padding{padding:0 !important}.padding{padding:var(--ply-space-md, 0.75rem)}.padding-top{padding-top:var(--ply-space-md, 0.75rem)}.padding-right{padding-right:var(--ply-space-md, 0.75rem)}.padding-bottom{padding-bottom:var(--ply-space-md, 0.75rem)}.padding-left{padding-left:var(--ply-space-md, 0.75rem)}.padding-xs{padding:var(--ply-space-xs, 0.25rem)}.padding-sm{padding:var(--ply-space-sm, 0.5rem)}.padding-lg{padding:var(--ply-space-lg, 1.5rem)}.padding-xl{padding:var(--ply-space-xl, 2rem)}.padding-xxl{padding:var(--ply-space-xxl, 3rem)}.border-top{border-top:1px solid var(--ply-border-color, #ccc)}.border-bottom{border-bottom:1px solid var(--ply-border-color, #ccc)}.border{border:1px solid var(--ply-border-color, #ccc)}.no-border{border:0 none !important}.width-100{width:100%}.width-90{width:90%}.width-80{width:80%}.width-75{width:75%}.width-70{width:70%}.width-66{width:66.6%}.width-65{width:65%}.width-60{width:60%}.width-50{width:50%}.width-40{width:40%}.width-35{width:35%}.width-33{width:33.3%}.width-30{width:30%}.width-25{width:25%}.width-20{width:20%}.width-10{width:10%}.group:after,.clearfix:after{content:"";display:table;clear:both}.hide{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.hide-on-desktop{display:none}.flat-list{margin-left:0;list-style:none}.border-radius{border-radius:var(--ply-border-radius)}.req,.required{font-weight:normal;color:var(--ply-red-1)}.error{color:var(--ply-red-1)}.success{color:var(--ply-green-1)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.875rem;line-height:2.25rem}.text-3xl{font-size:2.25rem;line-height:2.5rem}.text-4xl{font-size:3rem;line-height:1}.text-5xl{font-size:3.75rem;line-height:1}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.bold{font-weight:bold !important}.italic{font-style:italic}.uppercase{text-transform:uppercase}.nowrap,.nowrap td{white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.bg-white,.bg-surface{background-color:var(--ply-bg-surface)}.bg-black{background-color:#0f0f0f}.color-black{color:#0f0f0f}.color-white{color:#fff}@media only screen and (max-width: 767px){.left,.right{float:none}.hide-on-mobile{display:none}.hide-on-desktop{display:block}}.flex-wrap{flex-wrap:wrap}.display-table{display:table}.display-inline-table{display:inline-table}.display-table-cell{display:table-cell}.display-list-item{display:list-item}.display-inline-grid{display:inline-grid}.display-subgrid{display:subgrid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.margin-right-extra{margin-right:var(--ply-space-lg, 1.5rem)}.margin-left-auto{margin-left:auto}.margin-left-extra{margin-left:var(--ply-space-lg, 1.5rem)}.margin-top-xs{margin-top:var(--ply-space-xs, 0.25rem)}.margin-top-sm{margin-top:var(--ply-space-sm, 0.5rem)}.margin-top-lg{margin-top:var(--ply-space-lg, 1.5rem)}.margin-top-xl{margin-top:var(--ply-space-xl, 2rem)}.margin-top-xxl{margin-top:var(--ply-space-xxl, 3rem)}.margin-right-xs{margin-right:var(--ply-space-xs, 0.25rem)}.margin-right-sm{margin-right:var(--ply-space-sm, 0.5rem)}.margin-right-lg{margin-right:var(--ply-space-lg, 1.5rem)}.margin-right-xl{margin-right:var(--ply-space-xl, 2rem)}.margin-right-xxl{margin-right:var(--ply-space-xxl, 3rem)}.margin-bottom-xs{margin-bottom:var(--ply-space-xs, 0.25rem)}.margin-bottom-sm{margin-bottom:var(--ply-space-sm, 0.5rem)}.margin-bottom-lg{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-bottom-xl{margin-bottom:var(--ply-space-xl, 2rem)}.margin-bottom-xxl{margin-bottom:var(--ply-space-xxl, 3rem)}.margin-left-xs{margin-left:var(--ply-space-xs, 0.25rem)}.margin-left-sm{margin-left:var(--ply-space-sm, 0.5rem)}.margin-left-lg{margin-left:var(--ply-space-lg, 1.5rem)}.margin-left-xl{margin-left:var(--ply-space-xl, 2rem)}.margin-left-xxl{margin-left:var(--ply-space-xxl, 3rem)}.no-right-margin{margin-right:0 !important}.no-left-margin{margin-left:0 !important}.no-top-padding{padding-top:0 !important}.no-right-padding{padding-right:0 !important}.no-bottom-padding{padding-bottom:0 !important}.no-left-padding{padding-left:0 !important}.padding-top-extra{padding-top:var(--ply-space-lg, 1.5rem)}.padding-right-extra{padding-right:var(--ply-space-lg, 1.5rem)}.padding-bottom-extra{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-left-extra{padding-left:var(--ply-space-lg, 1.5rem)}.padding-top-xs{padding-top:var(--ply-space-xs, 0.25rem)}.padding-top-sm{padding-top:var(--ply-space-sm, 0.5rem)}.padding-top-lg{padding-top:var(--ply-space-lg, 1.5rem)}.padding-top-xl{padding-top:var(--ply-space-xl, 2rem)}.padding-top-xxl{padding-top:var(--ply-space-xxl, 3rem)}.padding-right-xs{padding-right:var(--ply-space-xs, 0.25rem)}.padding-right-sm{padding-right:var(--ply-space-sm, 0.5rem)}.padding-right-lg{padding-right:var(--ply-space-lg, 1.5rem)}.padding-right-xl{padding-right:var(--ply-space-xl, 2rem)}.padding-right-xxl{padding-right:var(--ply-space-xxl, 3rem)}.padding-bottom-xs{padding-bottom:var(--ply-space-xs, 0.25rem)}.padding-bottom-sm{padding-bottom:var(--ply-space-sm, 0.5rem)}.padding-bottom-lg{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-bottom-xl{padding-bottom:var(--ply-space-xl, 2rem)}.padding-bottom-xxl{padding-bottom:var(--ply-space-xxl, 3rem)}.padding-left-xs{padding-left:var(--ply-space-xs, 0.25rem)}.padding-left-sm{padding-left:var(--ply-space-sm, 0.5rem)}.padding-left-lg{padding-left:var(--ply-space-lg, 1.5rem)}.padding-left-xl{padding-left:var(--ply-space-xl, 2rem)}.padding-left-xxl{padding-left:var(--ply-space-xxl, 3rem)}.border-right{border-right:1px solid var(--ply-border-color, #ccc)}.border-left{border-left:1px solid var(--ply-border-color, #ccc)}.border-top-thick{border-top:3px solid var(--ply-border-color, #ccc)}.border-right-thick{border-right:3px solid var(--ply-border-color, #ccc)}.border-bottom-thick{border-bottom:3px solid var(--ply-border-color, #ccc)}.border-left-thick{border-left:3px solid var(--ply-border-color, #ccc)}.border-thick{border:3px solid var(--ply-border-color, #ccc)}.no-border-top{border-top:0 none !important}.no-border-right{border-right:0 none !important}.no-border-bottom{border-bottom:0 none !important}.no-border-left{border-left:0 none !important}@media(max-width: 1024px){.small-desktop-width-100{width:100%}.small-desktop-width-90{width:90%}.small-desktop-width-80{width:80%}.small-desktop-width-75{width:75%}.small-desktop-width-70{width:70%}.small-desktop-width-66{width:66.6%}.small-desktop-width-65{width:65%}.small-desktop-width-60{width:60%}.small-desktop-width-50{width:50%}.small-desktop-width-40{width:40%}.small-desktop-width-35{width:35%}.small-desktop-width-33{width:33.3%}.small-desktop-width-30{width:30%}.small-desktop-width-25{width:25%}.small-desktop-width-20{width:20%}.small-desktop-width-10{width:10%}}@media(max-width: 767px){.tablet-width-100{width:100%}.tablet-width-90{width:90%}.tablet-width-80{width:80%}.tablet-width-75{width:75%}.tablet-width-70{width:70%}.tablet-width-66{width:66.6%}.tablet-width-65{width:65%}.tablet-width-60{width:60%}.tablet-width-50{width:50%}.tablet-width-40{width:40%}.tablet-width-35{width:35%}.tablet-width-33{width:33.3%}.tablet-width-30{width:30%}.tablet-width-25{width:25%}.tablet-width-20{width:20%}.tablet-width-10{width:10%}}@media(max-width: 650px){.large-phone-width-100{width:100%}.large-phone-width-90{width:90%}.large-phone-width-80{width:80%}.large-phone-width-75{width:75%}.large-phone-width-70{width:70%}.large-phone-width-66{width:66.6%}.large-phone-width-65{width:65%}.large-phone-width-60{width:60%}.large-phone-width-50{width:50%}.large-phone-width-40{width:40%}.large-phone-width-35{width:35%}.large-phone-width-33{width:33.3%}.large-phone-width-30{width:30%}.large-phone-width-25{width:25%}.large-phone-width-20{width:20%}.large-phone-width-10{width:10%}}@media(max-width: 480px){.phone-width-100{width:100%}.phone-width-90{width:90%}.phone-width-80{width:80%}.phone-width-75{width:75%}.phone-width-70{width:70%}.phone-width-66{width:66.6%}.phone-width-65{width:65%}.phone-width-60{width:60%}.phone-width-50{width:50%}.phone-width-40{width:40%}.phone-width-35{width:35%}.phone-width-33{width:33.3%}.phone-width-30{width:30%}.phone-width-25{width:25%}.phone-width-20{width:20%}.phone-width-10{width:10%}}.height-100{height:100%}.height-90{height:90%}.height-80{height:80%}.height-75{height:75%}.height-70{height:70%}.height-66{height:66.6%}.height-65{height:65%}.height-60{height:60%}.height-50{height:50%}.height-40{height:40%}.height-35{height:35%}.height-33{height:33.3%}.height-30{height:30%}.height-25{height:25%}.height-20{height:20%}.height-10{height:10%}.border-box{box-sizing:border-box}.skip-link{position:absolute;top:-100%;left:0;z-index:1000;padding:.75rem 1.5rem;background:var(--ply-bg-body);color:var(--ply-color-link);text-decoration:underline;font-weight:600}.skip-link:focus{top:0}.circle{border-radius:100%}.border-radius-lg{border-radius:calc(var(--ply-border-radius)*3)}.border-radius-xl{border-radius:calc(var(--ply-border-radius)*6)}.text-primary{color:var(--ply-color-body)}.text-secondary{color:var(--ply-color-secondary)}.text-tertiary,.text-muted{color:var(--ply-color-muted)}.text-inverse{color:var(--ply-color-text-inverse)}.text-on-color{color:#fff}.no-orphan{text-wrap:pretty}.text-balance{text-wrap:balance}.bg-glass{background:var(--ply-bg-glass, rgba(255, 255, 255, 0.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.color-accent{color:var(--ply-color-accent)}.bg-accent{background-color:var(--ply-color-accent)}.bg-blue{background-color:var(--ply-bg-blue)}.bg-red{background-color:var(--ply-bg-red)}.bg-green{background-color:var(--ply-bg-green)}.bg-yellow{background-color:var(--ply-bg-yellow)}.gap-xs{--units-gap: var(--ply-space-xs, 0.25rem);gap:var(--units-gap)}.gap-sm{--units-gap: var(--ply-space-sm, 0.5rem);gap:var(--units-gap)}.gap{--units-gap: var(--ply-space-md, 0.75rem);gap:var(--units-gap)}.gap-lg{--units-gap: var(--ply-space-lg, 1.5rem);gap:var(--units-gap)}.gap-xl{--units-gap: var(--ply-space-xl, 2rem);gap:var(--units-gap)}.gap-xxl{--units-gap: var(--ply-space-xxl, 3rem);gap:var(--units-gap)}.no-link-style a{color:inherit;text-decoration:none}.no-link-style a:hover{color:inherit;text-decoration:none}.spinning{animation-duration:.75s;animation-name:spinning;animation-iteration-count:infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fade-in{animation-duration:.25s;animation-name:fadeIn;animation-iteration-count:1}.code{border:1px solid #f0f1f2;border-radius:var(--ply-border-radius);display:inline-block;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;padding:.05rem .35rem}.big{font-size:1.125rem}.small{font-size:.875rem}.smaller{font-size:.75rem}.highlight{background-color:#fff4cc}.sans{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.serif{font-family:"Georgia",serif}.mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.hide-text{text-indent:-5000px;font-size:0}.normal{font-weight:normal}.light{font-weight:300 !important}.medium{font-weight:400 !important}.layer-0{background-color:var(--ply-layer-0)}.layer-1{background-color:var(--ply-layer-1);box-shadow:var(--ply-shadow-1)}.layer-2{background-color:var(--ply-layer-2);box-shadow:var(--ply-shadow-2)}.layer-3{background-color:var(--ply-layer-3);box-shadow:var(--ply-shadow-3)}.shadow-1{box-shadow:var(--ply-shadow-1)}.shadow-2{box-shadow:var(--ply-shadow-2)}.shadow-3{box-shadow:var(--ply-shadow-3)}.color-gray-10{color:rgba(0,0,0,.1)}.color-white-10{color:hsla(0,0%,100%,.1)}.color-gray-20{color:rgba(0,0,0,.2)}.color-white-20{color:hsla(0,0%,100%,.2)}.color-gray-30{color:rgba(0,0,0,.3)}.color-white-30{color:hsla(0,0%,100%,.3)}.color-gray-40{color:rgba(0,0,0,.4)}.color-white-40{color:hsla(0,0%,100%,.4)}.color-gray-50{color:rgba(0,0,0,.5)}.color-white-50{color:hsla(0,0%,100%,.5)}.color-gray-60{color:rgba(0,0,0,.6)}.color-white-60{color:hsla(0,0%,100%,.6)}.color-gray-70{color:rgba(0,0,0,.7)}.color-white-70{color:hsla(0,0%,100%,.7)}.color-gray-80{color:rgba(0,0,0,.8)}.color-white-80{color:hsla(0,0%,100%,.8)}.color-gray-90{color:rgba(0,0,0,.9)}.color-white-90{color:hsla(0,0%,100%,.9)}.color-blue{color:var(--ply-blue-1)}.color-red{color:var(--ply-red-1)}.color-green{color:var(--ply-green-1)}.color-yellow{color:var(--ply-yellow-1)}.units-container{margin:auto;max-width:1200px;overflow-x:clip;padding:.75rem;position:relative;width:100%}.units-container.fill-width{max-width:100%}.units-row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-flow:row wrap;gap:var(--units-gap, 1rem);margin:0 0 1.5rem}.units-row.reverse-direction,.units-row.right-to-left{flex-direction:row-reverse}.units-row.joined,.units-row.split{--units-gap: 0px;gap:0}.units-row.centered-content{justify-content:center;text-align:center}.units-row.stacked{margin-bottom:0}.units-row.equal-height [class*=unit-]{display:flex}.units-row.equal-height [class*=unit-]>*{width:100%}.units-row.unit-role-right{float:right;margin-left:.0004166667rem}.units-row.unit-role-left{margin-left:0}.units-row:last-child{margin-bottom:0}[class*=unit-]{box-sizing:border-box}[class*=unit-].fill-height{display:flex}.unit-auto{flex-basis:0;flex-grow:1}.unit-100{flex-basis:100%}.unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.unit-88{flex-basis:calc(87.5% - var(--units-gap, 1rem)*0.12)}.unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.unit-62{flex-basis:calc(62.5% - var(--units-gap, 1rem)*0.38)}.unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.unit-38{flex-basis:calc(37.5% - var(--units-gap, 1rem)*0.62)}.unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.unit-12{flex-basis:calc(12.5% - var(--units-gap, 1rem)*0.88)}.unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}.forever-unit-auto{flex-basis:0;flex-grow:1}.forever-unit-100{flex-basis:100%}.forever-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.forever-unit-88{flex-basis:calc(87.5% - var(--units-gap, 1rem)*0.12)}.forever-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.forever-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.forever-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.forever-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.forever-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.forever-unit-62{flex-basis:calc(62.5% - var(--units-gap, 1rem)*0.38)}.forever-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.forever-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.forever-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.forever-unit-38{flex-basis:calc(37.5% - var(--units-gap, 1rem)*0.62)}.forever-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.forever-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.forever-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.forever-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.forever-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.forever-unit-12{flex-basis:calc(12.5% - var(--units-gap, 1rem)*0.88)}.forever-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}@media(min-width: 1400px){.large-screen-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.large-screen-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.large-screen-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.large-screen-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.large-screen-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.large-screen-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.large-screen-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.large-screen-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.large-screen-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.large-screen-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.large-screen-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.large-screen-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.large-screen-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.large-screen-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.large-screen-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(min-width: 1800px){.x-large-screen-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.x-large-screen-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.x-large-screen-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.x-large-screen-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.x-large-screen-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.x-large-screen-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.x-large-screen-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.x-large-screen-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.x-large-screen-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.x-large-screen-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.x-large-screen-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.x-large-screen-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.x-large-screen-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.x-large-screen-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.x-large-screen-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 1024px){.small-desktop-unit-100{flex-basis:100%}.small-desktop-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.small-desktop-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.small-desktop-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.small-desktop-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.small-desktop-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.small-desktop-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.small-desktop-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.small-desktop-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.small-desktop-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.small-desktop-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.small-desktop-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.small-desktop-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.small-desktop-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.small-desktop-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.small-desktop-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 767px){.unit-auto,.unit-100,.unit-90,.unit-80,.unit-75,.unit-70,.unit-66,.unit-65,.unit-60,.unit-50,.unit-40,.unit-35,.unit-33,.unit-30,.unit-25,.unit-20,.unit-10{flex-basis:100%}.tablet-unit-100{flex-basis:100%}.tablet-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.tablet-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.tablet-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.tablet-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.tablet-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.tablet-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.tablet-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.tablet-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.tablet-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.tablet-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.tablet-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.tablet-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.tablet-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.tablet-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.tablet-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 650px){.large-phone-unit-100{flex-basis:100%}.large-phone-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.large-phone-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.large-phone-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.large-phone-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.large-phone-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.large-phone-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.large-phone-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.large-phone-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.large-phone-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.large-phone-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.large-phone-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.large-phone-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.large-phone-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.large-phone-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.large-phone-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 480px){.phone-unit-100{flex-basis:100%}.phone-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.phone-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.phone-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.phone-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.phone-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.phone-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.phone-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.phone-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.phone-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.phone-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.phone-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.phone-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.phone-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.phone-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.phone-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}.unit-push-90{margin-left:90%}.unit-push-80{margin-left:80%}.unit-push-75{margin-left:75%}.unit-push-70{margin-left:70%}.unit-push-66{margin-left:66.6%}.unit-push-65{margin-left:65%}.unit-push-60{margin-left:60%}.unit-push-50{margin-left:50%}.unit-push-40{margin-left:40%}.unit-push-35{margin-left:35%}.unit-push-33{margin-left:33.3%}.unit-push-30{margin-left:30%}.unit-push-25{margin-left:25%}.unit-push-20{margin-left:20%}.unit-push-10{margin-left:10%}.centered,.unit-centered{float:none !important;margin:0 auto 1.5rem}.fully-centered{align-items:center;justify-content:center;text-align:center}.vertically-centered-space-between{align-items:center;justify-content:space-between}.justify-center,.horizontally-centered{justify-content:center;text-align:center}.justify-flex-end,.align-end{justify-content:flex-end}.justify-flex-start,.align-beginning{justify-content:flex-start}.justify-space-around{justify-content:space-around}.justify-space-between{justify-content:space-between}.align-baseline{align-items:baseline}.align-center{align-items:center;text-align:center}.align-middle{align-items:center}.align-flex-end,.vertical-bottom{align-items:flex-end}.align-flex-start,.vertical-top{align-items:flex-start}.align-stretch,.fill-height{align-items:stretch}.blocks-2,.blocks-3,.blocks-4,.blocks-5,.blocks-6{padding-left:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem .5rem}.blocks-2>li,.blocks-3>li,.blocks-4>li,.blocks-5>li,.blocks-6>li{height:auto}.blocks-2>li ul,.blocks-3>li ul,.blocks-4>li ul,.blocks-5>li ul,.blocks-6>li ul{list-style-type:disc}.blocks-2>li ul ul,.blocks-3>li ul ul,.blocks-4>li ul ul,.blocks-5>li ul ul,.blocks-6>li ul ul{list-style-type:circle}.blocks-2>li li,.blocks-3>li li,.blocks-4>li li,.blocks-5>li li,.blocks-6>li li{margin:0}.blocks-2>li{flex:0 0 calc(50% - .25rem)}.blocks-3>li{flex:0 0 calc(33.333% - .3333333333rem)}.blocks-4>li{flex:0 0 calc(25% - .375rem)}.blocks-5>li{flex:0 0 calc(20% - .4rem)}.blocks-6>li{flex:0 0 calc(16.666% - .4166666667rem)}
1
+ :root{--ply-bg-body: #ffffff;--ply-bg-surface: #ffffff;--ply-bg-surface-alt: #f4f4f4;--ply-bg-muted: #e0e0e0;--ply-color-body: #161616;--ply-color-headings: #161616;--ply-color-secondary: #525252;--ply-color-muted: #767676;--ply-color-placeholder: #a8a8a8;--ply-color-text-inverse: #ffffff;--ply-border-color: #e0e0e0;--ply-border-strong: #8d8d8d;--ply-color-link: var(--ply-btn-default-bg);--ply-color-link-hover: #0347c6;--ply-color-link-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: var(--ply-bg-surface-alt);--ply-color-input-border: var(--ply-border-strong);--ply-color-input-bg: var(--ply-bg-surface-alt);--ply-color-error: var(--ply-red-1);--ply-color-success: var(--ply-green-1);--ply-color-code-bg: var(--ply-bg-surface-alt);--ply-color-code-border: var(--ply-border-color);--ply-color-table-border: var(--ply-border-color);--ply-color-table-striped: #f4f4f4;--ply-color-table-stripped: var(--ply-color-table-striped);--ply-color-table-hovered: #e8e8e8;--ply-color-accent: #0353e9;--ply-btn-default-bg: #0353e9;--ply-btn-default-bg-hover: #0347c6;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-btn-default-bg-active: #023eaf;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), black 25%);--ply-btn-secondary-bg: #393939;--ply-btn-secondary-bg-hover: #303030;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), black 15%);--ply-btn-secondary-bg-active: #2b2b2b;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), black 25%);--ply-border-radius: 0.25rem;--ply-btn-border-radius: 2rem;--ply-nav-bg: var(--ply-bg-body);--ply-nav-color: var(--ply-color-body);--ply-nav-border: var(--ply-color-body);--ply-nav-hover: #e8e8e8;--ply-nav-active-color: #525252;--ply-layer-0: var(--ply-bg-body);--ply-layer-1: var(--ply-bg-surface-alt);--ply-layer-2: var(--ply-bg-muted);--ply-layer-3: #c6c6c6;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.1);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.12);--ply-bg-glass: rgba(255, 255, 255, 0.15);--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-surface: #d3e3fb;--ply-red-surface: #f8d5d8;--ply-green-surface: #d5ecd9;--ply-yellow-surface: #fff4cc;--ply-indigo-surface: #e0e7ff;--ply-purple-surface: #ede9fe;--ply-pink-surface: #fce7f3;--ply-orange-surface: #ffedd5;--ply-teal-surface: #ccfbf1;--ply-cyan-surface: #cffafe;--ply-blue-border: #92baf6;--ply-red-border: #ef969d;--ply-green-border: #96cfa1;--ply-yellow-border: #ffe480;--ply-indigo-border: #a5b4fc;--ply-purple-border: #c4b5fd;--ply-pink-border: #f9a8d4;--ply-orange-border: #fdba74;--ply-teal-border: #5eead4;--ply-cyan-border: #67e8f9;--ply-blue-1: #0f62fe;--ply-blue-2: #0043ce;--ply-blue-3: #002d9c;--ply-red-1: #da1e28;--ply-red-2: #a2191f;--ply-red-3: #750e13;--ply-green-1: #198038;--ply-green-2: #0e6027;--ply-green-3: #044317;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #4f46e5;--ply-indigo-2: #3730a3;--ply-indigo-3: #312e81;--ply-purple-1: #7c3aed;--ply-purple-2: #6d28d9;--ply-purple-3: #5b21b6;--ply-pink-1: #be185d;--ply-pink-2: #9d174d;--ply-pink-3: #831843;--ply-orange-1: #c2410c;--ply-orange-2: #9a3412;--ply-orange-3: #7c2d12;--ply-teal-1: #0f766e;--ply-teal-2: #115e59;--ply-teal-3: #134e4a;--ply-cyan-1: #0e7490;--ply-cyan-2: #155e75;--ply-cyan-3: #164e63;--ply-font-body: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-heading: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--ply-space-xs: 0.25rem;--ply-space-sm: 0.5rem;--ply-space-md: 0.75rem;--ply-space-lg: 1.5rem;--ply-space-xl: 2rem;--ply-space-xxl: 3rem}@media(prefers-color-scheme: dark){:root:not([data-theme]){--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-table-striped: #1c1c1c;--ply-color-table-stripped: var(--ply-color-table-striped);--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}}[data-theme=dark]{--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-table-striped: #1c1c1c;--ply-color-table-stripped: var(--ply-color-table-striped);--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}@media(prefers-contrast: more){:root{--ply-color-body: #000000;--ply-color-headings: #000000;--ply-color-secondary: #1a1a1a;--ply-color-muted: #333333;--ply-border-color: #000000;--ply-border-strong: #000000;--ply-color-link: #0000ee;--ply-color-link-hover: #0000cc;--ply-color-code-bg: #ffffff;--ply-color-code-border: #000000;--ply-color-focus: #000000;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #ffffff;--ply-layer-2: #ffffff;--ply-layer-3: #ffffff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root:not([data-theme]){--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@media(prefers-contrast: more){[data-theme=dark]{--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@keyframes spinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}.cursor-finger{cursor:pointer}.cursor-arrow{cursor:default}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-progress{cursor:progress}.cursor-help{cursor:help}.cursor-question-mark{cursor:help}.cursor-text{cursor:text}.cursor-cell{cursor:cell}.cursor-plus{cursor:cell}.cursor-crosshair{cursor:crosshair}.cursor-alias{cursor:alias}.cursor-shortcut{cursor:alias}.cursor-context-menu{cursor:context-menu}.cursor-copy{cursor:copy}.cursor-move{cursor:move}.cursor-no-drop{cursor:no-drop}.cursor-not-allowed{cursor:not-allowed}.cursor-all-scroll{cursor:all-scroll}.cursor-ew-resize{cursor:ew-resize}.cursor-col-resize{cursor:col-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-row-resize{cursor:row-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-n-resize{cursor:n-resize}.cursor-e-resize{cursor:e-resize}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-se-resize{cursor:se-resize}.full-screen{box-sizing:border-box;display:block;width:100%;height:100%;position:relative}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.display-flex{display:flex}.display-block{display:block}.display-inline-block{display:inline-block}.display-grid{display:grid}.display-none{display:none}.last{margin-right:0 !important}.pause{margin-bottom:.75rem !important}.end{margin-bottom:0 !important}.margin{margin:var(--ply-space-md, 0.75rem)}.margin-top{margin-top:var(--ply-space-md, 0.75rem)}.margin-top-extra{margin-top:var(--ply-space-lg, 1.5rem)}.margin-right{margin-right:var(--ply-space-md, 0.75rem)}.margin-bottom{margin-bottom:var(--ply-space-md, 0.75rem)}.margin-bottom-extra{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-left{margin-left:var(--ply-space-md, 0.75rem)}.margin-xs{margin:var(--ply-space-xs, 0.25rem)}.margin-sm{margin:var(--ply-space-sm, 0.5rem)}.margin-lg{margin:var(--ply-space-lg, 1.5rem)}.margin-xl{margin:var(--ply-space-xl, 2rem)}.margin-xxl{margin:var(--ply-space-xxl, 3rem)}.no-margin{margin:0 !important}.no-top-margin{margin-top:0 !important}.no-bottom-margin{margin-bottom:0 !important}.no-spacing{margin:0 !important;padding:0 !important}.no-padding{padding:0 !important}.padding{padding:var(--ply-space-md, 0.75rem)}.padding-top{padding-top:var(--ply-space-md, 0.75rem)}.padding-right{padding-right:var(--ply-space-md, 0.75rem)}.padding-bottom{padding-bottom:var(--ply-space-md, 0.75rem)}.padding-left{padding-left:var(--ply-space-md, 0.75rem)}.padding-xs{padding:var(--ply-space-xs, 0.25rem)}.padding-sm{padding:var(--ply-space-sm, 0.5rem)}.padding-lg{padding:var(--ply-space-lg, 1.5rem)}.padding-xl{padding:var(--ply-space-xl, 2rem)}.padding-xxl{padding:var(--ply-space-xxl, 3rem)}.border-top{border-top:1px solid var(--ply-border-color, #ccc)}.border-bottom{border-bottom:1px solid var(--ply-border-color, #ccc)}.border{border:1px solid var(--ply-border-color, #ccc)}.no-border{border:0 none !important}.width-100{width:100%}.width-90{width:90%}.width-80{width:80%}.width-75{width:75%}.width-70{width:70%}.width-66{width:66.6%}.width-65{width:65%}.width-60{width:60%}.width-50{width:50%}.width-40{width:40%}.width-35{width:35%}.width-33{width:33.3%}.width-30{width:30%}.width-25{width:25%}.width-20{width:20%}.width-10{width:10%}.group:after,.clearfix:after{content:"";display:table;clear:both}.hide{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.hide-on-desktop{display:none}.flat-list{margin-left:0;list-style:none}.border-radius{border-radius:var(--ply-border-radius)}.req,.required{font-weight:normal;color:var(--ply-color-error)}.error{color:var(--ply-color-error)}.success{color:var(--ply-color-success)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.875rem;line-height:2.25rem}.text-3xl{font-size:2.25rem;line-height:2.5rem}.text-4xl{font-size:3rem;line-height:1}.text-5xl{font-size:3.75rem;line-height:1}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.bold{font-weight:bold !important}.italic{font-style:italic}.uppercase{text-transform:uppercase}.nowrap,.nowrap td{white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.bg-white,.bg-surface{background-color:var(--ply-bg-surface)}.bg-black{background-color:#0f0f0f}.color-black{color:#0f0f0f}.color-white{color:#fff}@media only screen and (max-width: 767px){.left,.right{float:none}.hide-on-mobile{display:none}.hide-on-desktop{display:block}}.flex-wrap{flex-wrap:wrap}.display-table{display:table}.display-inline-table{display:inline-table}.display-table-cell{display:table-cell}.display-list-item{display:list-item}.display-inline-grid{display:inline-grid}.display-subgrid{display:subgrid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.margin-right-extra{margin-right:var(--ply-space-lg, 1.5rem)}.margin-left-auto{margin-left:auto}.margin-left-extra{margin-left:var(--ply-space-lg, 1.5rem)}.margin-top-xs{margin-top:var(--ply-space-xs, 0.25rem)}.margin-top-sm{margin-top:var(--ply-space-sm, 0.5rem)}.margin-top-lg{margin-top:var(--ply-space-lg, 1.5rem)}.margin-top-xl{margin-top:var(--ply-space-xl, 2rem)}.margin-top-xxl{margin-top:var(--ply-space-xxl, 3rem)}.margin-right-xs{margin-right:var(--ply-space-xs, 0.25rem)}.margin-right-sm{margin-right:var(--ply-space-sm, 0.5rem)}.margin-right-lg{margin-right:var(--ply-space-lg, 1.5rem)}.margin-right-xl{margin-right:var(--ply-space-xl, 2rem)}.margin-right-xxl{margin-right:var(--ply-space-xxl, 3rem)}.margin-bottom-xs{margin-bottom:var(--ply-space-xs, 0.25rem)}.margin-bottom-sm{margin-bottom:var(--ply-space-sm, 0.5rem)}.margin-bottom-lg{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-bottom-xl{margin-bottom:var(--ply-space-xl, 2rem)}.margin-bottom-xxl{margin-bottom:var(--ply-space-xxl, 3rem)}.margin-left-xs{margin-left:var(--ply-space-xs, 0.25rem)}.margin-left-sm{margin-left:var(--ply-space-sm, 0.5rem)}.margin-left-lg{margin-left:var(--ply-space-lg, 1.5rem)}.margin-left-xl{margin-left:var(--ply-space-xl, 2rem)}.margin-left-xxl{margin-left:var(--ply-space-xxl, 3rem)}.no-right-margin{margin-right:0 !important}.no-left-margin{margin-left:0 !important}.no-top-padding{padding-top:0 !important}.no-right-padding{padding-right:0 !important}.no-bottom-padding{padding-bottom:0 !important}.no-left-padding{padding-left:0 !important}.padding-top-extra{padding-top:var(--ply-space-lg, 1.5rem)}.padding-right-extra{padding-right:var(--ply-space-lg, 1.5rem)}.padding-bottom-extra{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-left-extra{padding-left:var(--ply-space-lg, 1.5rem)}.padding-top-xs{padding-top:var(--ply-space-xs, 0.25rem)}.padding-top-sm{padding-top:var(--ply-space-sm, 0.5rem)}.padding-top-lg{padding-top:var(--ply-space-lg, 1.5rem)}.padding-top-xl{padding-top:var(--ply-space-xl, 2rem)}.padding-top-xxl{padding-top:var(--ply-space-xxl, 3rem)}.padding-right-xs{padding-right:var(--ply-space-xs, 0.25rem)}.padding-right-sm{padding-right:var(--ply-space-sm, 0.5rem)}.padding-right-lg{padding-right:var(--ply-space-lg, 1.5rem)}.padding-right-xl{padding-right:var(--ply-space-xl, 2rem)}.padding-right-xxl{padding-right:var(--ply-space-xxl, 3rem)}.padding-bottom-xs{padding-bottom:var(--ply-space-xs, 0.25rem)}.padding-bottom-sm{padding-bottom:var(--ply-space-sm, 0.5rem)}.padding-bottom-lg{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-bottom-xl{padding-bottom:var(--ply-space-xl, 2rem)}.padding-bottom-xxl{padding-bottom:var(--ply-space-xxl, 3rem)}.padding-left-xs{padding-left:var(--ply-space-xs, 0.25rem)}.padding-left-sm{padding-left:var(--ply-space-sm, 0.5rem)}.padding-left-lg{padding-left:var(--ply-space-lg, 1.5rem)}.padding-left-xl{padding-left:var(--ply-space-xl, 2rem)}.padding-left-xxl{padding-left:var(--ply-space-xxl, 3rem)}.border-right{border-right:1px solid var(--ply-border-color, #ccc)}.border-left{border-left:1px solid var(--ply-border-color, #ccc)}.border-top-thick{border-top:3px solid var(--ply-border-color, #ccc)}.border-right-thick{border-right:3px solid var(--ply-border-color, #ccc)}.border-bottom-thick{border-bottom:3px solid var(--ply-border-color, #ccc)}.border-left-thick{border-left:3px solid var(--ply-border-color, #ccc)}.border-thick{border:3px solid var(--ply-border-color, #ccc)}.no-border-top{border-top:0 none !important}.no-border-right{border-right:0 none !important}.no-border-bottom{border-bottom:0 none !important}.no-border-left{border-left:0 none !important}@media(max-width: 1024px){.small-desktop-width-100{width:100%}.small-desktop-width-90{width:90%}.small-desktop-width-80{width:80%}.small-desktop-width-75{width:75%}.small-desktop-width-70{width:70%}.small-desktop-width-66{width:66.6%}.small-desktop-width-65{width:65%}.small-desktop-width-60{width:60%}.small-desktop-width-50{width:50%}.small-desktop-width-40{width:40%}.small-desktop-width-35{width:35%}.small-desktop-width-33{width:33.3%}.small-desktop-width-30{width:30%}.small-desktop-width-25{width:25%}.small-desktop-width-20{width:20%}.small-desktop-width-10{width:10%}}@media(max-width: 767px){.tablet-width-100{width:100%}.tablet-width-90{width:90%}.tablet-width-80{width:80%}.tablet-width-75{width:75%}.tablet-width-70{width:70%}.tablet-width-66{width:66.6%}.tablet-width-65{width:65%}.tablet-width-60{width:60%}.tablet-width-50{width:50%}.tablet-width-40{width:40%}.tablet-width-35{width:35%}.tablet-width-33{width:33.3%}.tablet-width-30{width:30%}.tablet-width-25{width:25%}.tablet-width-20{width:20%}.tablet-width-10{width:10%}}@media(max-width: 650px){.large-phone-width-100{width:100%}.large-phone-width-90{width:90%}.large-phone-width-80{width:80%}.large-phone-width-75{width:75%}.large-phone-width-70{width:70%}.large-phone-width-66{width:66.6%}.large-phone-width-65{width:65%}.large-phone-width-60{width:60%}.large-phone-width-50{width:50%}.large-phone-width-40{width:40%}.large-phone-width-35{width:35%}.large-phone-width-33{width:33.3%}.large-phone-width-30{width:30%}.large-phone-width-25{width:25%}.large-phone-width-20{width:20%}.large-phone-width-10{width:10%}}@media(max-width: 480px){.phone-width-100{width:100%}.phone-width-90{width:90%}.phone-width-80{width:80%}.phone-width-75{width:75%}.phone-width-70{width:70%}.phone-width-66{width:66.6%}.phone-width-65{width:65%}.phone-width-60{width:60%}.phone-width-50{width:50%}.phone-width-40{width:40%}.phone-width-35{width:35%}.phone-width-33{width:33.3%}.phone-width-30{width:30%}.phone-width-25{width:25%}.phone-width-20{width:20%}.phone-width-10{width:10%}}.height-100{height:100%}.height-90{height:90%}.height-80{height:80%}.height-75{height:75%}.height-70{height:70%}.height-66{height:66.6%}.height-65{height:65%}.height-60{height:60%}.height-50{height:50%}.height-40{height:40%}.height-35{height:35%}.height-33{height:33.3%}.height-30{height:30%}.height-25{height:25%}.height-20{height:20%}.height-10{height:10%}.border-box{box-sizing:border-box}.skip-link{position:absolute;top:-100%;left:0;z-index:1000;padding:.75rem 1.5rem;background:var(--ply-bg-body);color:var(--ply-color-link);text-decoration:underline;font-weight:600}.skip-link:focus{top:0}.circle{border-radius:100%}.border-radius-lg{border-radius:calc(var(--ply-border-radius)*3)}.border-radius-xl{border-radius:calc(var(--ply-border-radius)*6)}.text-primary{color:var(--ply-color-body)}.text-secondary{color:var(--ply-color-secondary)}.text-tertiary,.text-muted{color:var(--ply-color-muted)}.text-inverse{color:var(--ply-color-text-inverse)}.text-on-color{color:#fff}.no-orphan{text-wrap:pretty}.text-balance{text-wrap:balance}.bg-glass{background:var(--ply-bg-glass, rgba(255, 255, 255, 0.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.color-accent{color:var(--ply-color-accent)}.bg-accent{background-color:var(--ply-color-accent)}.bg-blue{background-color:var(--ply-bg-blue)}.bg-red{background-color:var(--ply-bg-red)}.bg-green{background-color:var(--ply-bg-green)}.bg-yellow{background-color:var(--ply-bg-yellow)}.gap-xs{--units-gap: var(--ply-space-xs, 0.25rem);gap:var(--units-gap)}.gap-sm{--units-gap: var(--ply-space-sm, 0.5rem);gap:var(--units-gap)}.gap{--units-gap: var(--ply-space-md, 0.75rem);gap:var(--units-gap)}.gap-lg{--units-gap: var(--ply-space-lg, 1.5rem);gap:var(--units-gap)}.gap-xl{--units-gap: var(--ply-space-xl, 2rem);gap:var(--units-gap)}.gap-xxl{--units-gap: var(--ply-space-xxl, 3rem);gap:var(--units-gap)}.no-link-style a{color:inherit;text-decoration:none}.no-link-style a:hover{color:inherit;text-decoration:none}.spinning{animation-duration:.75s;animation-name:spinning;animation-iteration-count:infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fade-in{animation-duration:.25s;animation-name:fadeIn;animation-iteration-count:1}.code{border:1px solid #f0f1f2;border-radius:var(--ply-border-radius);display:inline-block;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;padding:.05rem .35rem}.big{font-size:1.125rem}.small{font-size:.875rem}.smaller{font-size:.75rem}.highlight{background-color:#fff4cc}.sans{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.serif{font-family:"Georgia",serif}.mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.hide-text{text-indent:-5000px;font-size:0}.normal{font-weight:normal}.light{font-weight:300 !important}.medium{font-weight:400 !important}.layer-0{background-color:var(--ply-layer-0)}.layer-1{background-color:var(--ply-layer-1);box-shadow:var(--ply-shadow-1)}.layer-2{background-color:var(--ply-layer-2);box-shadow:var(--ply-shadow-2)}.layer-3{background-color:var(--ply-layer-3);box-shadow:var(--ply-shadow-3)}.shadow-1{box-shadow:var(--ply-shadow-1)}.shadow-2{box-shadow:var(--ply-shadow-2)}.shadow-3{box-shadow:var(--ply-shadow-3)}.color-gray-10{color:rgba(0,0,0,.1)}.color-white-10{color:hsla(0,0%,100%,.1)}.color-gray-20{color:rgba(0,0,0,.2)}.color-white-20{color:hsla(0,0%,100%,.2)}.color-gray-30{color:rgba(0,0,0,.3)}.color-white-30{color:hsla(0,0%,100%,.3)}.color-gray-40{color:rgba(0,0,0,.4)}.color-white-40{color:hsla(0,0%,100%,.4)}.color-gray-50{color:rgba(0,0,0,.5)}.color-white-50{color:hsla(0,0%,100%,.5)}.color-gray-60{color:rgba(0,0,0,.6)}.color-white-60{color:hsla(0,0%,100%,.6)}.color-gray-70{color:rgba(0,0,0,.7)}.color-white-70{color:hsla(0,0%,100%,.7)}.color-gray-80{color:rgba(0,0,0,.8)}.color-white-80{color:hsla(0,0%,100%,.8)}.color-gray-90{color:rgba(0,0,0,.9)}.color-white-90{color:hsla(0,0%,100%,.9)}.color-blue{color:var(--ply-blue-1)}.color-red{color:var(--ply-red-1)}.color-green{color:var(--ply-green-1)}.color-yellow{color:var(--ply-yellow-1)}.units-container{margin:auto;max-width:1200px;overflow-x:clip;padding:.75rem;position:relative;width:100%}.units-container.fill-width{max-width:100%}.units-row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-flow:row wrap;gap:var(--units-gap, 1rem);margin:0 0 1.5rem}.units-row.reverse-direction,.units-row.right-to-left{flex-direction:row-reverse}.units-row.joined,.units-row.split{--units-gap: 0px;gap:0}.units-row.centered-content{justify-content:center;text-align:center}.units-row.stacked{margin-bottom:0}.units-row.equal-height [class*=unit-]{display:flex}.units-row.equal-height [class*=unit-]>*{width:100%}.units-row.unit-role-right{float:right;margin-left:.0004166667rem}.units-row.unit-role-left{margin-left:0}.units-row:last-child{margin-bottom:0}[class*=unit-]{box-sizing:border-box}[class*=unit-].fill-height{display:flex}.unit-auto{flex-basis:0;flex-grow:1}.unit-100{flex-basis:100%}.unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.unit-88{flex-basis:calc(87.5% - var(--units-gap, 1rem)*0.12)}.unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.unit-62{flex-basis:calc(62.5% - var(--units-gap, 1rem)*0.38)}.unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.unit-38{flex-basis:calc(37.5% - var(--units-gap, 1rem)*0.62)}.unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.unit-12{flex-basis:calc(12.5% - var(--units-gap, 1rem)*0.88)}.unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}.forever-unit-auto{flex-basis:0;flex-grow:1}.forever-unit-100{flex-basis:100%}.forever-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.forever-unit-88{flex-basis:calc(87.5% - var(--units-gap, 1rem)*0.12)}.forever-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.forever-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.forever-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.forever-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.forever-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.forever-unit-62{flex-basis:calc(62.5% - var(--units-gap, 1rem)*0.38)}.forever-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.forever-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.forever-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.forever-unit-38{flex-basis:calc(37.5% - var(--units-gap, 1rem)*0.62)}.forever-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.forever-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.forever-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.forever-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.forever-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.forever-unit-12{flex-basis:calc(12.5% - var(--units-gap, 1rem)*0.88)}.forever-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}@media(min-width: 1400px){.large-screen-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.large-screen-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.large-screen-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.large-screen-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.large-screen-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.large-screen-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.large-screen-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.large-screen-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.large-screen-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.large-screen-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.large-screen-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.large-screen-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.large-screen-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.large-screen-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.large-screen-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(min-width: 1800px){.x-large-screen-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.x-large-screen-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.x-large-screen-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.x-large-screen-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.x-large-screen-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.x-large-screen-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.x-large-screen-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.x-large-screen-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.x-large-screen-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.x-large-screen-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.x-large-screen-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.x-large-screen-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.x-large-screen-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.x-large-screen-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.x-large-screen-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 1024px){.small-desktop-unit-100{flex-basis:100%}.small-desktop-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.small-desktop-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.small-desktop-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.small-desktop-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.small-desktop-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.small-desktop-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.small-desktop-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.small-desktop-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.small-desktop-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.small-desktop-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.small-desktop-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.small-desktop-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.small-desktop-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.small-desktop-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.small-desktop-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 767px){.unit-auto,.unit-100,.unit-90,.unit-80,.unit-75,.unit-70,.unit-66,.unit-65,.unit-60,.unit-50,.unit-40,.unit-35,.unit-33,.unit-30,.unit-25,.unit-20,.unit-10{flex-basis:100%}.tablet-unit-100{flex-basis:100%}.tablet-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.tablet-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.tablet-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.tablet-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.tablet-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.tablet-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.tablet-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.tablet-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.tablet-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.tablet-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.tablet-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.tablet-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.tablet-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.tablet-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.tablet-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 650px){.large-phone-unit-100{flex-basis:100%}.large-phone-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.large-phone-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.large-phone-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.large-phone-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.large-phone-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.large-phone-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.large-phone-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.large-phone-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.large-phone-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.large-phone-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.large-phone-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.large-phone-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.large-phone-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.large-phone-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.large-phone-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}@media(max-width: 480px){.phone-unit-100{flex-basis:100%}.phone-unit-90{flex-basis:calc(90% - var(--units-gap, 1rem)*0.1)}.phone-unit-80{flex-basis:calc(80% - var(--units-gap, 1rem)*0.2)}.phone-unit-75{flex-basis:calc(75% - var(--units-gap, 1rem)*0.25)}.phone-unit-70{flex-basis:calc(70% - var(--units-gap, 1rem)*0.3)}.phone-unit-66{flex-basis:calc(66.6% - var(--units-gap, 1rem)*0.34)}.phone-unit-65{flex-basis:calc(65% - var(--units-gap, 1rem)*0.35)}.phone-unit-60{flex-basis:calc(60% - var(--units-gap, 1rem)*0.4)}.phone-unit-50{flex-basis:calc(50% - var(--units-gap, 1rem)*0.5)}.phone-unit-40{flex-basis:calc(40% - var(--units-gap, 1rem)*0.6)}.phone-unit-35{flex-basis:calc(35% - var(--units-gap, 1rem)*0.65)}.phone-unit-33{flex-basis:calc(33.3% - var(--units-gap, 1rem)*0.67)}.phone-unit-30{flex-basis:calc(30% - var(--units-gap, 1rem)*0.7)}.phone-unit-25{flex-basis:calc(25% - var(--units-gap, 1rem)*0.75)}.phone-unit-20{flex-basis:calc(20% - var(--units-gap, 1rem)*0.8)}.phone-unit-10{flex-basis:calc(10% - var(--units-gap, 1rem)*0.9)}}.unit-push-90{margin-left:90%}.unit-push-80{margin-left:80%}.unit-push-75{margin-left:75%}.unit-push-70{margin-left:70%}.unit-push-66{margin-left:66.6%}.unit-push-65{margin-left:65%}.unit-push-60{margin-left:60%}.unit-push-50{margin-left:50%}.unit-push-40{margin-left:40%}.unit-push-35{margin-left:35%}.unit-push-33{margin-left:33.3%}.unit-push-30{margin-left:30%}.unit-push-25{margin-left:25%}.unit-push-20{margin-left:20%}.unit-push-10{margin-left:10%}.centered,.unit-centered{float:none !important;margin:0 auto 1.5rem}.fully-centered{align-items:center;justify-content:center;text-align:center}.vertically-centered-space-between{align-items:center;justify-content:space-between}.justify-center,.horizontally-centered{justify-content:center;text-align:center}.justify-flex-end,.align-end{justify-content:flex-end}.justify-flex-start,.align-beginning{justify-content:flex-start}.justify-space-around{justify-content:space-around}.justify-space-between{justify-content:space-between}.align-baseline{align-items:baseline}.align-center{align-items:center;text-align:center}.align-middle{align-items:center}.align-flex-end,.vertical-bottom{align-items:flex-end}.align-flex-start,.vertical-top{align-items:flex-start}.align-stretch,.fill-height{align-items:stretch}.blocks-2,.blocks-3,.blocks-4,.blocks-5,.blocks-6{padding-left:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem .5rem}.blocks-2>li,.blocks-3>li,.blocks-4>li,.blocks-5>li,.blocks-6>li{height:auto}.blocks-2>li ul,.blocks-3>li ul,.blocks-4>li ul,.blocks-5>li ul,.blocks-6>li ul{list-style-type:disc}.blocks-2>li ul ul,.blocks-3>li ul ul,.blocks-4>li ul ul,.blocks-5>li ul ul,.blocks-6>li ul ul{list-style-type:circle}.blocks-2>li li,.blocks-3>li li,.blocks-4>li li,.blocks-5>li li,.blocks-6>li li{margin:0}.blocks-2>li{flex:0 0 calc(50% - .25rem)}.blocks-3>li{flex:0 0 calc(33.333% - .3333333333rem)}.blocks-4>li{flex:0 0 calc(25% - .375rem)}.blocks-5>li{flex:0 0 calc(20% - .4rem)}.blocks-6>li{flex:0 0 calc(16.666% - .4166666667rem)}
package/dist/css/ply-helpers.min.css CHANGED
@@ -1 +1 @@
1
- :root{--ply-bg-body: #ffffff;--ply-bg-surface: #ffffff;--ply-bg-surface-alt: #f4f4f4;--ply-bg-muted: #e0e0e0;--ply-color-body: #161616;--ply-color-headings: #161616;--ply-color-secondary: #525252;--ply-color-muted: #767676;--ply-color-placeholder: #a8a8a8;--ply-color-text-inverse: #ffffff;--ply-border-color: #e0e0e0;--ply-border-strong: #8d8d8d;--ply-color-link: var(--ply-btn-default-bg);--ply-color-link-hover: #0347c6;--ply-color-link-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: #f4f4f4;--ply-color-input-border: #8d8d8d;--ply-color-input-bg: #f4f4f4;--ply-color-code-bg: #f4f4f4;--ply-color-code-border: #e0e0e0;--ply-color-table-border: #e0e0e0;--ply-color-table-stripped: #f4f4f4;--ply-color-table-hovered: #e8e8e8;--ply-color-accent: #0353e9;--ply-btn-default-bg: #0353e9;--ply-btn-default-bg-hover: #0347c6;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-btn-default-bg-active: #023eaf;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), black 25%);--ply-btn-secondary-bg: #393939;--ply-btn-secondary-bg-hover: #303030;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), black 15%);--ply-btn-secondary-bg-active: #2b2b2b;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), black 25%);--ply-border-radius: 0.25rem;--ply-btn-border-radius: 2rem;--ply-nav-bg: #ffffff;--ply-nav-color: #161616;--ply-nav-border: #161616;--ply-nav-hover: #e8e8e8;--ply-nav-active-color: #525252;--ply-layer-0: #ffffff;--ply-layer-1: #f4f4f4;--ply-layer-2: #e0e0e0;--ply-layer-3: #c6c6c6;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.1);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.12);--ply-bg-glass: rgba(255, 255, 255, 0.15);--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-surface: #d3e3fb;--ply-red-surface: #f8d5d8;--ply-green-surface: #d5ecd9;--ply-yellow-surface: #fff4cc;--ply-indigo-surface: #e0e7ff;--ply-purple-surface: #ede9fe;--ply-pink-surface: #fce7f3;--ply-orange-surface: #ffedd5;--ply-teal-surface: #ccfbf1;--ply-cyan-surface: #cffafe;--ply-blue-border: #92baf6;--ply-red-border: #ef969d;--ply-green-border: #96cfa1;--ply-yellow-border: #ffe480;--ply-indigo-border: #a5b4fc;--ply-purple-border: #c4b5fd;--ply-pink-border: #f9a8d4;--ply-orange-border: #fdba74;--ply-teal-border: #5eead4;--ply-cyan-border: #67e8f9;--ply-blue-1: #0f62fe;--ply-blue-2: #0043ce;--ply-blue-3: #002d9c;--ply-red-1: #da1e28;--ply-red-2: #a2191f;--ply-red-3: #750e13;--ply-green-1: #198038;--ply-green-2: #0e6027;--ply-green-3: #044317;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #4f46e5;--ply-indigo-2: #3730a3;--ply-indigo-3: #312e81;--ply-purple-1: #7c3aed;--ply-purple-2: #6d28d9;--ply-purple-3: #5b21b6;--ply-pink-1: #be185d;--ply-pink-2: #9d174d;--ply-pink-3: #831843;--ply-orange-1: #c2410c;--ply-orange-2: #9a3412;--ply-orange-3: #7c2d12;--ply-teal-1: #0f766e;--ply-teal-2: #115e59;--ply-teal-3: #134e4a;--ply-cyan-1: #0e7490;--ply-cyan-2: #155e75;--ply-cyan-3: #164e63;--ply-font-body: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-heading: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--ply-space-xs: 0.25rem;--ply-space-sm: 0.5rem;--ply-space-md: 0.75rem;--ply-space-lg: 1.5rem;--ply-space-xl: 2rem;--ply-space-xxl: 3rem}@media(prefers-color-scheme: dark){:root:not([data-theme]){--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: #262626;--ply-color-input-border: #6f6f6f;--ply-color-input-bg: #262626;--ply-color-code-bg: #262626;--ply-color-code-border: #393939;--ply-color-table-border: #393939;--ply-color-table-stripped: #1c1c1c;--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-bg: #161616;--ply-nav-color: #f4f4f4;--ply-nav-border: #f4f4f4;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-0: #161616;--ply-layer-1: #262626;--ply-layer-2: #393939;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}}[data-theme=dark]{--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: #262626;--ply-color-input-border: #6f6f6f;--ply-color-input-bg: #262626;--ply-color-code-bg: #262626;--ply-color-code-border: #393939;--ply-color-table-border: #393939;--ply-color-table-stripped: #1c1c1c;--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-bg: #161616;--ply-nav-color: #f4f4f4;--ply-nav-border: #f4f4f4;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-0: #161616;--ply-layer-1: #262626;--ply-layer-2: #393939;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}@media(prefers-contrast: more){:root{--ply-color-body: #000000;--ply-color-headings: #000000;--ply-color-secondary: #1a1a1a;--ply-color-muted: #333333;--ply-border-color: #000000;--ply-border-strong: #000000;--ply-color-link: #0000ee;--ply-color-link-hover: #0000cc;--ply-color-code-bg: #ffffff;--ply-color-code-border: #000000;--ply-color-focus: #000000;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #ffffff;--ply-layer-2: #ffffff;--ply-layer-3: #ffffff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root:not([data-theme]){--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@media(prefers-contrast: more){[data-theme=dark]{--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@keyframes spinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}.cursor-finger{cursor:pointer}.cursor-arrow{cursor:default}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-progress{cursor:progress}.cursor-help{cursor:help}.cursor-question-mark{cursor:help}.cursor-text{cursor:text}.cursor-cell{cursor:cell}.cursor-plus{cursor:cell}.cursor-crosshair{cursor:crosshair}.cursor-alias{cursor:alias}.cursor-shortcut{cursor:alias}.cursor-context-menu{cursor:context-menu}.cursor-copy{cursor:copy}.cursor-move{cursor:move}.cursor-no-drop{cursor:no-drop}.cursor-not-allowed{cursor:not-allowed}.cursor-all-scroll{cursor:all-scroll}.cursor-ew-resize{cursor:ew-resize}.cursor-col-resize{cursor:col-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-row-resize{cursor:row-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-n-resize{cursor:n-resize}.cursor-e-resize{cursor:e-resize}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-se-resize{cursor:se-resize}.full-screen{box-sizing:border-box;display:block;width:100%;height:100%;position:relative}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.display-flex{display:flex}.display-block{display:block}.display-inline-block{display:inline-block}.display-grid{display:grid}.display-none{display:none}.last{margin-right:0 !important}.pause{margin-bottom:.75rem !important}.end{margin-bottom:0 !important}.margin{margin:var(--ply-space-md, 0.75rem)}.margin-top{margin-top:var(--ply-space-md, 0.75rem)}.margin-top-extra{margin-top:var(--ply-space-lg, 1.5rem)}.margin-right{margin-right:var(--ply-space-md, 0.75rem)}.margin-bottom{margin-bottom:var(--ply-space-md, 0.75rem)}.margin-bottom-extra{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-left{margin-left:var(--ply-space-md, 0.75rem)}.margin-xs{margin:var(--ply-space-xs, 0.25rem)}.margin-sm{margin:var(--ply-space-sm, 0.5rem)}.margin-lg{margin:var(--ply-space-lg, 1.5rem)}.margin-xl{margin:var(--ply-space-xl, 2rem)}.margin-xxl{margin:var(--ply-space-xxl, 3rem)}.no-margin{margin:0 !important}.no-top-margin{margin-top:0 !important}.no-bottom-margin{margin-bottom:0 !important}.no-spacing{margin:0 !important;padding:0 !important}.no-padding{padding:0 !important}.padding{padding:var(--ply-space-md, 0.75rem)}.padding-top{padding-top:var(--ply-space-md, 0.75rem)}.padding-right{padding-right:var(--ply-space-md, 0.75rem)}.padding-bottom{padding-bottom:var(--ply-space-md, 0.75rem)}.padding-left{padding-left:var(--ply-space-md, 0.75rem)}.padding-xs{padding:var(--ply-space-xs, 0.25rem)}.padding-sm{padding:var(--ply-space-sm, 0.5rem)}.padding-lg{padding:var(--ply-space-lg, 1.5rem)}.padding-xl{padding:var(--ply-space-xl, 2rem)}.padding-xxl{padding:var(--ply-space-xxl, 3rem)}.border-top{border-top:1px solid var(--ply-border-color, #ccc)}.border-bottom{border-bottom:1px solid var(--ply-border-color, #ccc)}.border{border:1px solid var(--ply-border-color, #ccc)}.no-border{border:0 none !important}.width-100{width:100%}.width-90{width:90%}.width-80{width:80%}.width-75{width:75%}.width-70{width:70%}.width-66{width:66.6%}.width-65{width:65%}.width-60{width:60%}.width-50{width:50%}.width-40{width:40%}.width-35{width:35%}.width-33{width:33.3%}.width-30{width:30%}.width-25{width:25%}.width-20{width:20%}.width-10{width:10%}.group:after,.clearfix:after{content:"";display:table;clear:both}.hide{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.hide-on-desktop{display:none}.flat-list{margin-left:0;list-style:none}.border-radius{border-radius:var(--ply-border-radius)}.req,.required{font-weight:normal;color:var(--ply-red-1)}.error{color:var(--ply-red-1)}.success{color:var(--ply-green-1)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.875rem;line-height:2.25rem}.text-3xl{font-size:2.25rem;line-height:2.5rem}.text-4xl{font-size:3rem;line-height:1}.text-5xl{font-size:3.75rem;line-height:1}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.bold{font-weight:bold !important}.italic{font-style:italic}.uppercase{text-transform:uppercase}.nowrap,.nowrap td{white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.bg-white,.bg-surface{background-color:var(--ply-bg-surface)}.bg-black{background-color:#0f0f0f}.color-black{color:#0f0f0f}.color-white{color:#fff}@media only screen and (max-width: 767px){.left,.right{float:none}.hide-on-mobile{display:none}.hide-on-desktop{display:block}}.flex-wrap{flex-wrap:wrap}.display-table{display:table}.display-inline-table{display:inline-table}.display-table-cell{display:table-cell}.display-list-item{display:list-item}.display-inline-grid{display:inline-grid}.display-subgrid{display:subgrid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.margin-right-extra{margin-right:var(--ply-space-lg, 1.5rem)}.margin-left-auto{margin-left:auto}.margin-left-extra{margin-left:var(--ply-space-lg, 1.5rem)}.margin-top-xs{margin-top:var(--ply-space-xs, 0.25rem)}.margin-top-sm{margin-top:var(--ply-space-sm, 0.5rem)}.margin-top-lg{margin-top:var(--ply-space-lg, 1.5rem)}.margin-top-xl{margin-top:var(--ply-space-xl, 2rem)}.margin-top-xxl{margin-top:var(--ply-space-xxl, 3rem)}.margin-right-xs{margin-right:var(--ply-space-xs, 0.25rem)}.margin-right-sm{margin-right:var(--ply-space-sm, 0.5rem)}.margin-right-lg{margin-right:var(--ply-space-lg, 1.5rem)}.margin-right-xl{margin-right:var(--ply-space-xl, 2rem)}.margin-right-xxl{margin-right:var(--ply-space-xxl, 3rem)}.margin-bottom-xs{margin-bottom:var(--ply-space-xs, 0.25rem)}.margin-bottom-sm{margin-bottom:var(--ply-space-sm, 0.5rem)}.margin-bottom-lg{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-bottom-xl{margin-bottom:var(--ply-space-xl, 2rem)}.margin-bottom-xxl{margin-bottom:var(--ply-space-xxl, 3rem)}.margin-left-xs{margin-left:var(--ply-space-xs, 0.25rem)}.margin-left-sm{margin-left:var(--ply-space-sm, 0.5rem)}.margin-left-lg{margin-left:var(--ply-space-lg, 1.5rem)}.margin-left-xl{margin-left:var(--ply-space-xl, 2rem)}.margin-left-xxl{margin-left:var(--ply-space-xxl, 3rem)}.no-right-margin{margin-right:0 !important}.no-left-margin{margin-left:0 !important}.no-top-padding{padding-top:0 !important}.no-right-padding{padding-right:0 !important}.no-bottom-padding{padding-bottom:0 !important}.no-left-padding{padding-left:0 !important}.padding-top-extra{padding-top:var(--ply-space-lg, 1.5rem)}.padding-right-extra{padding-right:var(--ply-space-lg, 1.5rem)}.padding-bottom-extra{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-left-extra{padding-left:var(--ply-space-lg, 1.5rem)}.padding-top-xs{padding-top:var(--ply-space-xs, 0.25rem)}.padding-top-sm{padding-top:var(--ply-space-sm, 0.5rem)}.padding-top-lg{padding-top:var(--ply-space-lg, 1.5rem)}.padding-top-xl{padding-top:var(--ply-space-xl, 2rem)}.padding-top-xxl{padding-top:var(--ply-space-xxl, 3rem)}.padding-right-xs{padding-right:var(--ply-space-xs, 0.25rem)}.padding-right-sm{padding-right:var(--ply-space-sm, 0.5rem)}.padding-right-lg{padding-right:var(--ply-space-lg, 1.5rem)}.padding-right-xl{padding-right:var(--ply-space-xl, 2rem)}.padding-right-xxl{padding-right:var(--ply-space-xxl, 3rem)}.padding-bottom-xs{padding-bottom:var(--ply-space-xs, 0.25rem)}.padding-bottom-sm{padding-bottom:var(--ply-space-sm, 0.5rem)}.padding-bottom-lg{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-bottom-xl{padding-bottom:var(--ply-space-xl, 2rem)}.padding-bottom-xxl{padding-bottom:var(--ply-space-xxl, 3rem)}.padding-left-xs{padding-left:var(--ply-space-xs, 0.25rem)}.padding-left-sm{padding-left:var(--ply-space-sm, 0.5rem)}.padding-left-lg{padding-left:var(--ply-space-lg, 1.5rem)}.padding-left-xl{padding-left:var(--ply-space-xl, 2rem)}.padding-left-xxl{padding-left:var(--ply-space-xxl, 3rem)}.border-right{border-right:1px solid var(--ply-border-color, #ccc)}.border-left{border-left:1px solid var(--ply-border-color, #ccc)}.border-top-thick{border-top:3px solid var(--ply-border-color, #ccc)}.border-right-thick{border-right:3px solid var(--ply-border-color, #ccc)}.border-bottom-thick{border-bottom:3px solid var(--ply-border-color, #ccc)}.border-left-thick{border-left:3px solid var(--ply-border-color, #ccc)}.border-thick{border:3px solid var(--ply-border-color, #ccc)}.no-border-top{border-top:0 none !important}.no-border-right{border-right:0 none !important}.no-border-bottom{border-bottom:0 none !important}.no-border-left{border-left:0 none !important}@media(max-width: 1024px){.small-desktop-width-100{width:100%}.small-desktop-width-90{width:90%}.small-desktop-width-80{width:80%}.small-desktop-width-75{width:75%}.small-desktop-width-70{width:70%}.small-desktop-width-66{width:66.6%}.small-desktop-width-65{width:65%}.small-desktop-width-60{width:60%}.small-desktop-width-50{width:50%}.small-desktop-width-40{width:40%}.small-desktop-width-35{width:35%}.small-desktop-width-33{width:33.3%}.small-desktop-width-30{width:30%}.small-desktop-width-25{width:25%}.small-desktop-width-20{width:20%}.small-desktop-width-10{width:10%}}@media(max-width: 767px){.tablet-width-100{width:100%}.tablet-width-90{width:90%}.tablet-width-80{width:80%}.tablet-width-75{width:75%}.tablet-width-70{width:70%}.tablet-width-66{width:66.6%}.tablet-width-65{width:65%}.tablet-width-60{width:60%}.tablet-width-50{width:50%}.tablet-width-40{width:40%}.tablet-width-35{width:35%}.tablet-width-33{width:33.3%}.tablet-width-30{width:30%}.tablet-width-25{width:25%}.tablet-width-20{width:20%}.tablet-width-10{width:10%}}@media(max-width: 650px){.large-phone-width-100{width:100%}.large-phone-width-90{width:90%}.large-phone-width-80{width:80%}.large-phone-width-75{width:75%}.large-phone-width-70{width:70%}.large-phone-width-66{width:66.6%}.large-phone-width-65{width:65%}.large-phone-width-60{width:60%}.large-phone-width-50{width:50%}.large-phone-width-40{width:40%}.large-phone-width-35{width:35%}.large-phone-width-33{width:33.3%}.large-phone-width-30{width:30%}.large-phone-width-25{width:25%}.large-phone-width-20{width:20%}.large-phone-width-10{width:10%}}@media(max-width: 480px){.phone-width-100{width:100%}.phone-width-90{width:90%}.phone-width-80{width:80%}.phone-width-75{width:75%}.phone-width-70{width:70%}.phone-width-66{width:66.6%}.phone-width-65{width:65%}.phone-width-60{width:60%}.phone-width-50{width:50%}.phone-width-40{width:40%}.phone-width-35{width:35%}.phone-width-33{width:33.3%}.phone-width-30{width:30%}.phone-width-25{width:25%}.phone-width-20{width:20%}.phone-width-10{width:10%}}.height-100{height:100%}.height-90{height:90%}.height-80{height:80%}.height-75{height:75%}.height-70{height:70%}.height-66{height:66.6%}.height-65{height:65%}.height-60{height:60%}.height-50{height:50%}.height-40{height:40%}.height-35{height:35%}.height-33{height:33.3%}.height-30{height:30%}.height-25{height:25%}.height-20{height:20%}.height-10{height:10%}.border-box{box-sizing:border-box}.skip-link{position:absolute;top:-100%;left:0;z-index:1000;padding:.75rem 1.5rem;background:var(--ply-bg-body);color:var(--ply-color-link);text-decoration:underline;font-weight:600}.skip-link:focus{top:0}.circle{border-radius:100%}.border-radius-lg{border-radius:calc(var(--ply-border-radius)*3)}.border-radius-xl{border-radius:calc(var(--ply-border-radius)*6)}.text-primary{color:var(--ply-color-body)}.text-secondary{color:var(--ply-color-secondary)}.text-tertiary,.text-muted{color:var(--ply-color-muted)}.text-inverse{color:var(--ply-color-text-inverse)}.text-on-color{color:#fff}.no-orphan{text-wrap:pretty}.text-balance{text-wrap:balance}.bg-glass{background:var(--ply-bg-glass, rgba(255, 255, 255, 0.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.color-accent{color:var(--ply-color-accent)}.bg-accent{background-color:var(--ply-color-accent)}.bg-blue{background-color:var(--ply-bg-blue)}.bg-red{background-color:var(--ply-bg-red)}.bg-green{background-color:var(--ply-bg-green)}.bg-yellow{background-color:var(--ply-bg-yellow)}.gap-xs{--units-gap: var(--ply-space-xs, 0.25rem);gap:var(--units-gap)}.gap-sm{--units-gap: var(--ply-space-sm, 0.5rem);gap:var(--units-gap)}.gap{--units-gap: var(--ply-space-md, 0.75rem);gap:var(--units-gap)}.gap-lg{--units-gap: var(--ply-space-lg, 1.5rem);gap:var(--units-gap)}.gap-xl{--units-gap: var(--ply-space-xl, 2rem);gap:var(--units-gap)}.gap-xxl{--units-gap: var(--ply-space-xxl, 3rem);gap:var(--units-gap)}.no-link-style a{color:inherit;text-decoration:none}.no-link-style a:hover{color:inherit;text-decoration:none}.spinning{animation-duration:.75s;animation-name:spinning;animation-iteration-count:infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fade-in{animation-duration:.25s;animation-name:fadeIn;animation-iteration-count:1}.code{border:1px solid #f0f1f2;border-radius:var(--ply-border-radius);display:inline-block;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;padding:.05rem .35rem}.big{font-size:1.125rem}.small{font-size:.875rem}.smaller{font-size:.75rem}.highlight{background-color:#fff4cc}.sans{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.serif{font-family:"Georgia",serif}.mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.hide-text{text-indent:-5000px;font-size:0}.normal{font-weight:normal}.light{font-weight:300 !important}.medium{font-weight:400 !important}.layer-0{background-color:var(--ply-layer-0)}.layer-1{background-color:var(--ply-layer-1);box-shadow:var(--ply-shadow-1)}.layer-2{background-color:var(--ply-layer-2);box-shadow:var(--ply-shadow-2)}.layer-3{background-color:var(--ply-layer-3);box-shadow:var(--ply-shadow-3)}.shadow-1{box-shadow:var(--ply-shadow-1)}.shadow-2{box-shadow:var(--ply-shadow-2)}.shadow-3{box-shadow:var(--ply-shadow-3)}.color-gray-10{color:rgba(0,0,0,.1)}.color-white-10{color:hsla(0,0%,100%,.1)}.color-gray-20{color:rgba(0,0,0,.2)}.color-white-20{color:hsla(0,0%,100%,.2)}.color-gray-30{color:rgba(0,0,0,.3)}.color-white-30{color:hsla(0,0%,100%,.3)}.color-gray-40{color:rgba(0,0,0,.4)}.color-white-40{color:hsla(0,0%,100%,.4)}.color-gray-50{color:rgba(0,0,0,.5)}.color-white-50{color:hsla(0,0%,100%,.5)}.color-gray-60{color:rgba(0,0,0,.6)}.color-white-60{color:hsla(0,0%,100%,.6)}.color-gray-70{color:rgba(0,0,0,.7)}.color-white-70{color:hsla(0,0%,100%,.7)}.color-gray-80{color:rgba(0,0,0,.8)}.color-white-80{color:hsla(0,0%,100%,.8)}.color-gray-90{color:rgba(0,0,0,.9)}.color-white-90{color:hsla(0,0%,100%,.9)}.color-blue{color:var(--ply-blue-1)}.color-red{color:var(--ply-red-1)}.color-green{color:var(--ply-green-1)}.color-yellow{color:var(--ply-yellow-1)}
1
+ :root{--ply-bg-body: #ffffff;--ply-bg-surface: #ffffff;--ply-bg-surface-alt: #f4f4f4;--ply-bg-muted: #e0e0e0;--ply-color-body: #161616;--ply-color-headings: #161616;--ply-color-secondary: #525252;--ply-color-muted: #767676;--ply-color-placeholder: #a8a8a8;--ply-color-text-inverse: #ffffff;--ply-border-color: #e0e0e0;--ply-border-strong: #8d8d8d;--ply-color-link: var(--ply-btn-default-bg);--ply-color-link-hover: #0347c6;--ply-color-link-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-color-focus: #0f62fe;--ply-color-field-bg: var(--ply-bg-surface-alt);--ply-color-input-border: var(--ply-border-strong);--ply-color-input-bg: var(--ply-bg-surface-alt);--ply-color-error: var(--ply-red-1);--ply-color-success: var(--ply-green-1);--ply-color-code-bg: var(--ply-bg-surface-alt);--ply-color-code-border: var(--ply-border-color);--ply-color-table-border: var(--ply-border-color);--ply-color-table-striped: #f4f4f4;--ply-color-table-stripped: var(--ply-color-table-striped);--ply-color-table-hovered: #e8e8e8;--ply-color-accent: #0353e9;--ply-btn-default-bg: #0353e9;--ply-btn-default-bg-hover: #0347c6;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);--ply-btn-default-bg-active: #023eaf;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), black 25%);--ply-btn-secondary-bg: #393939;--ply-btn-secondary-bg-hover: #303030;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), black 15%);--ply-btn-secondary-bg-active: #2b2b2b;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), black 25%);--ply-border-radius: 0.25rem;--ply-btn-border-radius: 2rem;--ply-nav-bg: var(--ply-bg-body);--ply-nav-color: var(--ply-color-body);--ply-nav-border: var(--ply-color-body);--ply-nav-hover: #e8e8e8;--ply-nav-active-color: #525252;--ply-layer-0: var(--ply-bg-body);--ply-layer-1: var(--ply-bg-surface-alt);--ply-layer-2: var(--ply-bg-muted);--ply-layer-3: #c6c6c6;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.1);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.12);--ply-bg-glass: rgba(255, 255, 255, 0.15);--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-surface: #d3e3fb;--ply-red-surface: #f8d5d8;--ply-green-surface: #d5ecd9;--ply-yellow-surface: #fff4cc;--ply-indigo-surface: #e0e7ff;--ply-purple-surface: #ede9fe;--ply-pink-surface: #fce7f3;--ply-orange-surface: #ffedd5;--ply-teal-surface: #ccfbf1;--ply-cyan-surface: #cffafe;--ply-blue-border: #92baf6;--ply-red-border: #ef969d;--ply-green-border: #96cfa1;--ply-yellow-border: #ffe480;--ply-indigo-border: #a5b4fc;--ply-purple-border: #c4b5fd;--ply-pink-border: #f9a8d4;--ply-orange-border: #fdba74;--ply-teal-border: #5eead4;--ply-cyan-border: #67e8f9;--ply-blue-1: #0f62fe;--ply-blue-2: #0043ce;--ply-blue-3: #002d9c;--ply-red-1: #da1e28;--ply-red-2: #a2191f;--ply-red-3: #750e13;--ply-green-1: #198038;--ply-green-2: #0e6027;--ply-green-3: #044317;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #4f46e5;--ply-indigo-2: #3730a3;--ply-indigo-3: #312e81;--ply-purple-1: #7c3aed;--ply-purple-2: #6d28d9;--ply-purple-3: #5b21b6;--ply-pink-1: #be185d;--ply-pink-2: #9d174d;--ply-pink-3: #831843;--ply-orange-1: #c2410c;--ply-orange-2: #9a3412;--ply-orange-3: #7c2d12;--ply-teal-1: #0f766e;--ply-teal-2: #115e59;--ply-teal-3: #134e4a;--ply-cyan-1: #0e7490;--ply-cyan-2: #155e75;--ply-cyan-3: #164e63;--ply-font-body: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-heading: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji;--ply-font-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--ply-space-xs: 0.25rem;--ply-space-sm: 0.5rem;--ply-space-md: 0.75rem;--ply-space-lg: 1.5rem;--ply-space-xl: 2rem;--ply-space-xxl: 3rem}@media(prefers-color-scheme: dark){:root:not([data-theme]){--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-table-striped: #1c1c1c;--ply-color-table-stripped: var(--ply-color-table-striped);--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}}[data-theme=dark]{--ply-bg-body: #161616;--ply-bg-surface: #262626;--ply-bg-surface-alt: #262626;--ply-bg-muted: #393939;--ply-color-body: #f4f4f4;--ply-color-headings: #f4f4f4;--ply-color-secondary: #c6c6c6;--ply-color-muted: #8d8d8d;--ply-color-placeholder: #6f6f6f;--ply-color-text-inverse: #161616;--ply-border-color: #393939;--ply-border-strong: #6f6f6f;--ply-color-link: #4589ff;--ply-color-link-hover: #619bff;--ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);--ply-color-focus: #0f62fe;--ply-color-table-striped: #1c1c1c;--ply-color-table-stripped: var(--ply-color-table-striped);--ply-color-table-hovered: #353535;--ply-color-accent: #4589ff;--ply-btn-default-bg: #0f62fe;--ply-btn-default-bg-hover: #619bff;--ply-btn-default-bg-hover: color-mix(in oklch, var(--ply-btn-default-bg), white 15%);--ply-btn-default-bg-active: #73a6ff;--ply-btn-default-bg-active: color-mix(in oklch, var(--ply-btn-default-bg), white 25%);--ply-btn-secondary-bg: #a8a8a8;--ply-btn-secondary-bg-hover: #b5b5b5;--ply-btn-secondary-bg-hover: color-mix(in oklch, var(--ply-btn-secondary-bg), white 15%);--ply-btn-secondary-bg-active: #bebebe;--ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), white 25%);--ply-btn-default-color: #fff;--ply-btn-secondary-color: #161616;--ply-btn-ghost-color: #4589ff;--ply-nav-hover: #353535;--ply-nav-active-color: #a8a8a8;--ply-layer-3: #525252;--ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);--ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);--ply-shadow-3: 0 4px 24px rgba(0, 0, 0, 0.4);--ply-bg-glass: rgba(38, 38, 38, 0.25);--ply-blue-surface: #1a2744;--ply-red-surface: #3b1c1e;--ply-green-surface: #1a2e1e;--ply-yellow-surface: #332b10;--ply-indigo-surface: #1e1b4b;--ply-purple-surface: #2e1065;--ply-pink-surface: #3b0a2a;--ply-orange-surface: #331a08;--ply-teal-surface: #132f2e;--ply-cyan-surface: #133040;--ply-blue-border: #1a52a5;--ply-red-border: #b2232f;--ply-green-border: #237f35;--ply-yellow-border: #cca000;--ply-indigo-border: #3730a3;--ply-purple-border: #5b21b6;--ply-pink-border: #9d174d;--ply-orange-border: #c2410c;--ply-teal-border: #0f766e;--ply-cyan-border: #0e7490;--ply-bg-blue: #0f62fe;--ply-bg-blue-hover: #0043ce;--ply-bg-blue-active: #002d9c;--ply-bg-red: #da1e28;--ply-bg-red-hover: #a2191f;--ply-bg-red-active: #750e13;--ply-bg-green: #198038;--ply-bg-green-hover: #0e6027;--ply-bg-green-active: #044317;--ply-bg-yellow: #f1c21b;--ply-bg-yellow-hover: #d2a106;--ply-bg-yellow-active: #b28600;--ply-blue-1: #4589ff;--ply-blue-2: #78a9ff;--ply-blue-3: #a6c8ff;--ply-red-1: #ff8389;--ply-red-2: #fa4d56;--ply-red-3: #da1e28;--ply-green-1: #42be65;--ply-green-2: #6fdc8c;--ply-green-3: #a7f0ba;--ply-yellow-1: #f1c21b;--ply-yellow-2: #d2a106;--ply-yellow-3: #b28600;--ply-indigo-1: #818cf8;--ply-indigo-2: #a5b4fc;--ply-indigo-3: #c7d2fe;--ply-purple-1: #a78bfa;--ply-purple-2: #c4b5fd;--ply-purple-3: #ddd6fe;--ply-pink-1: #f472b6;--ply-pink-2: #f9a8d4;--ply-pink-3: #fbcfe8;--ply-orange-1: #fb923c;--ply-orange-2: #fdba74;--ply-orange-3: #fed7aa;--ply-teal-1: #2dd4bf;--ply-teal-2: #5eead4;--ply-teal-3: #99f6e4;--ply-cyan-1: #22d3ee;--ply-cyan-2: #67e8f9;--ply-cyan-3: #a5f3fc}@media(prefers-contrast: more){:root{--ply-color-body: #000000;--ply-color-headings: #000000;--ply-color-secondary: #1a1a1a;--ply-color-muted: #333333;--ply-border-color: #000000;--ply-border-strong: #000000;--ply-color-link: #0000ee;--ply-color-link-hover: #0000cc;--ply-color-code-bg: #ffffff;--ply-color-code-border: #000000;--ply-color-focus: #000000;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #ffffff;--ply-layer-2: #ffffff;--ply-layer-3: #ffffff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root:not([data-theme]){--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@media(prefers-contrast: more){[data-theme=dark]{--ply-color-body: #ffffff;--ply-color-headings: #ffffff;--ply-color-secondary: #e5e5e5;--ply-color-muted: #cccccc;--ply-border-color: #ffffff;--ply-border-strong: #ffffff;--ply-color-link: #6eb5ff;--ply-color-link-hover: #a6d0ff;--ply-color-code-bg: #000000;--ply-color-code-border: #ffffff;--ply-color-focus: #ffffff;--ply-shadow-1: none;--ply-shadow-2: none;--ply-shadow-3: none;--ply-layer-1: #161616;--ply-layer-2: #161616;--ply-layer-3: #161616}}@keyframes spinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}.cursor-finger{cursor:pointer}.cursor-arrow{cursor:default}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-progress{cursor:progress}.cursor-help{cursor:help}.cursor-question-mark{cursor:help}.cursor-text{cursor:text}.cursor-cell{cursor:cell}.cursor-plus{cursor:cell}.cursor-crosshair{cursor:crosshair}.cursor-alias{cursor:alias}.cursor-shortcut{cursor:alias}.cursor-context-menu{cursor:context-menu}.cursor-copy{cursor:copy}.cursor-move{cursor:move}.cursor-no-drop{cursor:no-drop}.cursor-not-allowed{cursor:not-allowed}.cursor-all-scroll{cursor:all-scroll}.cursor-ew-resize{cursor:ew-resize}.cursor-col-resize{cursor:col-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-row-resize{cursor:row-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-n-resize{cursor:n-resize}.cursor-e-resize{cursor:e-resize}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-se-resize{cursor:se-resize}.full-screen{box-sizing:border-box;display:block;width:100%;height:100%;position:relative}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.display-flex{display:flex}.display-block{display:block}.display-inline-block{display:inline-block}.display-grid{display:grid}.display-none{display:none}.last{margin-right:0 !important}.pause{margin-bottom:.75rem !important}.end{margin-bottom:0 !important}.margin{margin:var(--ply-space-md, 0.75rem)}.margin-top{margin-top:var(--ply-space-md, 0.75rem)}.margin-top-extra{margin-top:var(--ply-space-lg, 1.5rem)}.margin-right{margin-right:var(--ply-space-md, 0.75rem)}.margin-bottom{margin-bottom:var(--ply-space-md, 0.75rem)}.margin-bottom-extra{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-left{margin-left:var(--ply-space-md, 0.75rem)}.margin-xs{margin:var(--ply-space-xs, 0.25rem)}.margin-sm{margin:var(--ply-space-sm, 0.5rem)}.margin-lg{margin:var(--ply-space-lg, 1.5rem)}.margin-xl{margin:var(--ply-space-xl, 2rem)}.margin-xxl{margin:var(--ply-space-xxl, 3rem)}.no-margin{margin:0 !important}.no-top-margin{margin-top:0 !important}.no-bottom-margin{margin-bottom:0 !important}.no-spacing{margin:0 !important;padding:0 !important}.no-padding{padding:0 !important}.padding{padding:var(--ply-space-md, 0.75rem)}.padding-top{padding-top:var(--ply-space-md, 0.75rem)}.padding-right{padding-right:var(--ply-space-md, 0.75rem)}.padding-bottom{padding-bottom:var(--ply-space-md, 0.75rem)}.padding-left{padding-left:var(--ply-space-md, 0.75rem)}.padding-xs{padding:var(--ply-space-xs, 0.25rem)}.padding-sm{padding:var(--ply-space-sm, 0.5rem)}.padding-lg{padding:var(--ply-space-lg, 1.5rem)}.padding-xl{padding:var(--ply-space-xl, 2rem)}.padding-xxl{padding:var(--ply-space-xxl, 3rem)}.border-top{border-top:1px solid var(--ply-border-color, #ccc)}.border-bottom{border-bottom:1px solid var(--ply-border-color, #ccc)}.border{border:1px solid var(--ply-border-color, #ccc)}.no-border{border:0 none !important}.width-100{width:100%}.width-90{width:90%}.width-80{width:80%}.width-75{width:75%}.width-70{width:70%}.width-66{width:66.6%}.width-65{width:65%}.width-60{width:60%}.width-50{width:50%}.width-40{width:40%}.width-35{width:35%}.width-33{width:33.3%}.width-30{width:30%}.width-25{width:25%}.width-20{width:20%}.width-10{width:10%}.group:after,.clearfix:after{content:"";display:table;clear:both}.hide{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.hide-on-desktop{display:none}.flat-list{margin-left:0;list-style:none}.border-radius{border-radius:var(--ply-border-radius)}.req,.required{font-weight:normal;color:var(--ply-color-error)}.error{color:var(--ply-color-error)}.success{color:var(--ply-color-success)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.875rem;line-height:2.25rem}.text-3xl{font-size:2.25rem;line-height:2.5rem}.text-4xl{font-size:3rem;line-height:1}.text-5xl{font-size:3.75rem;line-height:1}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.bold{font-weight:bold !important}.italic{font-style:italic}.uppercase{text-transform:uppercase}.nowrap,.nowrap td{white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.bg-white,.bg-surface{background-color:var(--ply-bg-surface)}.bg-black{background-color:#0f0f0f}.color-black{color:#0f0f0f}.color-white{color:#fff}@media only screen and (max-width: 767px){.left,.right{float:none}.hide-on-mobile{display:none}.hide-on-desktop{display:block}}.flex-wrap{flex-wrap:wrap}.display-table{display:table}.display-inline-table{display:inline-table}.display-table-cell{display:table-cell}.display-list-item{display:list-item}.display-inline-grid{display:inline-grid}.display-subgrid{display:subgrid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.margin-right-extra{margin-right:var(--ply-space-lg, 1.5rem)}.margin-left-auto{margin-left:auto}.margin-left-extra{margin-left:var(--ply-space-lg, 1.5rem)}.margin-top-xs{margin-top:var(--ply-space-xs, 0.25rem)}.margin-top-sm{margin-top:var(--ply-space-sm, 0.5rem)}.margin-top-lg{margin-top:var(--ply-space-lg, 1.5rem)}.margin-top-xl{margin-top:var(--ply-space-xl, 2rem)}.margin-top-xxl{margin-top:var(--ply-space-xxl, 3rem)}.margin-right-xs{margin-right:var(--ply-space-xs, 0.25rem)}.margin-right-sm{margin-right:var(--ply-space-sm, 0.5rem)}.margin-right-lg{margin-right:var(--ply-space-lg, 1.5rem)}.margin-right-xl{margin-right:var(--ply-space-xl, 2rem)}.margin-right-xxl{margin-right:var(--ply-space-xxl, 3rem)}.margin-bottom-xs{margin-bottom:var(--ply-space-xs, 0.25rem)}.margin-bottom-sm{margin-bottom:var(--ply-space-sm, 0.5rem)}.margin-bottom-lg{margin-bottom:var(--ply-space-lg, 1.5rem)}.margin-bottom-xl{margin-bottom:var(--ply-space-xl, 2rem)}.margin-bottom-xxl{margin-bottom:var(--ply-space-xxl, 3rem)}.margin-left-xs{margin-left:var(--ply-space-xs, 0.25rem)}.margin-left-sm{margin-left:var(--ply-space-sm, 0.5rem)}.margin-left-lg{margin-left:var(--ply-space-lg, 1.5rem)}.margin-left-xl{margin-left:var(--ply-space-xl, 2rem)}.margin-left-xxl{margin-left:var(--ply-space-xxl, 3rem)}.no-right-margin{margin-right:0 !important}.no-left-margin{margin-left:0 !important}.no-top-padding{padding-top:0 !important}.no-right-padding{padding-right:0 !important}.no-bottom-padding{padding-bottom:0 !important}.no-left-padding{padding-left:0 !important}.padding-top-extra{padding-top:var(--ply-space-lg, 1.5rem)}.padding-right-extra{padding-right:var(--ply-space-lg, 1.5rem)}.padding-bottom-extra{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-left-extra{padding-left:var(--ply-space-lg, 1.5rem)}.padding-top-xs{padding-top:var(--ply-space-xs, 0.25rem)}.padding-top-sm{padding-top:var(--ply-space-sm, 0.5rem)}.padding-top-lg{padding-top:var(--ply-space-lg, 1.5rem)}.padding-top-xl{padding-top:var(--ply-space-xl, 2rem)}.padding-top-xxl{padding-top:var(--ply-space-xxl, 3rem)}.padding-right-xs{padding-right:var(--ply-space-xs, 0.25rem)}.padding-right-sm{padding-right:var(--ply-space-sm, 0.5rem)}.padding-right-lg{padding-right:var(--ply-space-lg, 1.5rem)}.padding-right-xl{padding-right:var(--ply-space-xl, 2rem)}.padding-right-xxl{padding-right:var(--ply-space-xxl, 3rem)}.padding-bottom-xs{padding-bottom:var(--ply-space-xs, 0.25rem)}.padding-bottom-sm{padding-bottom:var(--ply-space-sm, 0.5rem)}.padding-bottom-lg{padding-bottom:var(--ply-space-lg, 1.5rem)}.padding-bottom-xl{padding-bottom:var(--ply-space-xl, 2rem)}.padding-bottom-xxl{padding-bottom:var(--ply-space-xxl, 3rem)}.padding-left-xs{padding-left:var(--ply-space-xs, 0.25rem)}.padding-left-sm{padding-left:var(--ply-space-sm, 0.5rem)}.padding-left-lg{padding-left:var(--ply-space-lg, 1.5rem)}.padding-left-xl{padding-left:var(--ply-space-xl, 2rem)}.padding-left-xxl{padding-left:var(--ply-space-xxl, 3rem)}.border-right{border-right:1px solid var(--ply-border-color, #ccc)}.border-left{border-left:1px solid var(--ply-border-color, #ccc)}.border-top-thick{border-top:3px solid var(--ply-border-color, #ccc)}.border-right-thick{border-right:3px solid var(--ply-border-color, #ccc)}.border-bottom-thick{border-bottom:3px solid var(--ply-border-color, #ccc)}.border-left-thick{border-left:3px solid var(--ply-border-color, #ccc)}.border-thick{border:3px solid var(--ply-border-color, #ccc)}.no-border-top{border-top:0 none !important}.no-border-right{border-right:0 none !important}.no-border-bottom{border-bottom:0 none !important}.no-border-left{border-left:0 none !important}@media(max-width: 1024px){.small-desktop-width-100{width:100%}.small-desktop-width-90{width:90%}.small-desktop-width-80{width:80%}.small-desktop-width-75{width:75%}.small-desktop-width-70{width:70%}.small-desktop-width-66{width:66.6%}.small-desktop-width-65{width:65%}.small-desktop-width-60{width:60%}.small-desktop-width-50{width:50%}.small-desktop-width-40{width:40%}.small-desktop-width-35{width:35%}.small-desktop-width-33{width:33.3%}.small-desktop-width-30{width:30%}.small-desktop-width-25{width:25%}.small-desktop-width-20{width:20%}.small-desktop-width-10{width:10%}}@media(max-width: 767px){.tablet-width-100{width:100%}.tablet-width-90{width:90%}.tablet-width-80{width:80%}.tablet-width-75{width:75%}.tablet-width-70{width:70%}.tablet-width-66{width:66.6%}.tablet-width-65{width:65%}.tablet-width-60{width:60%}.tablet-width-50{width:50%}.tablet-width-40{width:40%}.tablet-width-35{width:35%}.tablet-width-33{width:33.3%}.tablet-width-30{width:30%}.tablet-width-25{width:25%}.tablet-width-20{width:20%}.tablet-width-10{width:10%}}@media(max-width: 650px){.large-phone-width-100{width:100%}.large-phone-width-90{width:90%}.large-phone-width-80{width:80%}.large-phone-width-75{width:75%}.large-phone-width-70{width:70%}.large-phone-width-66{width:66.6%}.large-phone-width-65{width:65%}.large-phone-width-60{width:60%}.large-phone-width-50{width:50%}.large-phone-width-40{width:40%}.large-phone-width-35{width:35%}.large-phone-width-33{width:33.3%}.large-phone-width-30{width:30%}.large-phone-width-25{width:25%}.large-phone-width-20{width:20%}.large-phone-width-10{width:10%}}@media(max-width: 480px){.phone-width-100{width:100%}.phone-width-90{width:90%}.phone-width-80{width:80%}.phone-width-75{width:75%}.phone-width-70{width:70%}.phone-width-66{width:66.6%}.phone-width-65{width:65%}.phone-width-60{width:60%}.phone-width-50{width:50%}.phone-width-40{width:40%}.phone-width-35{width:35%}.phone-width-33{width:33.3%}.phone-width-30{width:30%}.phone-width-25{width:25%}.phone-width-20{width:20%}.phone-width-10{width:10%}}.height-100{height:100%}.height-90{height:90%}.height-80{height:80%}.height-75{height:75%}.height-70{height:70%}.height-66{height:66.6%}.height-65{height:65%}.height-60{height:60%}.height-50{height:50%}.height-40{height:40%}.height-35{height:35%}.height-33{height:33.3%}.height-30{height:30%}.height-25{height:25%}.height-20{height:20%}.height-10{height:10%}.border-box{box-sizing:border-box}.skip-link{position:absolute;top:-100%;left:0;z-index:1000;padding:.75rem 1.5rem;background:var(--ply-bg-body);color:var(--ply-color-link);text-decoration:underline;font-weight:600}.skip-link:focus{top:0}.circle{border-radius:100%}.border-radius-lg{border-radius:calc(var(--ply-border-radius)*3)}.border-radius-xl{border-radius:calc(var(--ply-border-radius)*6)}.text-primary{color:var(--ply-color-body)}.text-secondary{color:var(--ply-color-secondary)}.text-tertiary,.text-muted{color:var(--ply-color-muted)}.text-inverse{color:var(--ply-color-text-inverse)}.text-on-color{color:#fff}.no-orphan{text-wrap:pretty}.text-balance{text-wrap:balance}.bg-glass{background:var(--ply-bg-glass, rgba(255, 255, 255, 0.15));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.color-accent{color:var(--ply-color-accent)}.bg-accent{background-color:var(--ply-color-accent)}.bg-blue{background-color:var(--ply-bg-blue)}.bg-red{background-color:var(--ply-bg-red)}.bg-green{background-color:var(--ply-bg-green)}.bg-yellow{background-color:var(--ply-bg-yellow)}.gap-xs{--units-gap: var(--ply-space-xs, 0.25rem);gap:var(--units-gap)}.gap-sm{--units-gap: var(--ply-space-sm, 0.5rem);gap:var(--units-gap)}.gap{--units-gap: var(--ply-space-md, 0.75rem);gap:var(--units-gap)}.gap-lg{--units-gap: var(--ply-space-lg, 1.5rem);gap:var(--units-gap)}.gap-xl{--units-gap: var(--ply-space-xl, 2rem);gap:var(--units-gap)}.gap-xxl{--units-gap: var(--ply-space-xxl, 3rem);gap:var(--units-gap)}.no-link-style a{color:inherit;text-decoration:none}.no-link-style a:hover{color:inherit;text-decoration:none}.spinning{animation-duration:.75s;animation-name:spinning;animation-iteration-count:infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fade-in{animation-duration:.25s;animation-name:fadeIn;animation-iteration-count:1}.code{border:1px solid #f0f1f2;border-radius:var(--ply-border-radius);display:inline-block;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;padding:.05rem .35rem}.big{font-size:1.125rem}.small{font-size:.875rem}.smaller{font-size:.75rem}.highlight{background-color:#fff4cc}.sans{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.serif{font-family:"Georgia",serif}.mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.hide-text{text-indent:-5000px;font-size:0}.normal{font-weight:normal}.light{font-weight:300 !important}.medium{font-weight:400 !important}.layer-0{background-color:var(--ply-layer-0)}.layer-1{background-color:var(--ply-layer-1);box-shadow:var(--ply-shadow-1)}.layer-2{background-color:var(--ply-layer-2);box-shadow:var(--ply-shadow-2)}.layer-3{background-color:var(--ply-layer-3);box-shadow:var(--ply-shadow-3)}.shadow-1{box-shadow:var(--ply-shadow-1)}.shadow-2{box-shadow:var(--ply-shadow-2)}.shadow-3{box-shadow:var(--ply-shadow-3)}.color-gray-10{color:rgba(0,0,0,.1)}.color-white-10{color:hsla(0,0%,100%,.1)}.color-gray-20{color:rgba(0,0,0,.2)}.color-white-20{color:hsla(0,0%,100%,.2)}.color-gray-30{color:rgba(0,0,0,.3)}.color-white-30{color:hsla(0,0%,100%,.3)}.color-gray-40{color:rgba(0,0,0,.4)}.color-white-40{color:hsla(0,0%,100%,.4)}.color-gray-50{color:rgba(0,0,0,.5)}.color-white-50{color:hsla(0,0%,100%,.5)}.color-gray-60{color:rgba(0,0,0,.6)}.color-white-60{color:hsla(0,0%,100%,.6)}.color-gray-70{color:rgba(0,0,0,.7)}.color-white-70{color:hsla(0,0%,100%,.7)}.color-gray-80{color:rgba(0,0,0,.8)}.color-white-80{color:hsla(0,0%,100%,.8)}.color-gray-90{color:rgba(0,0,0,.9)}.color-white-90{color:hsla(0,0%,100%,.9)}.color-blue{color:var(--ply-blue-1)}.color-red{color:var(--ply-red-1)}.color-green{color:var(--ply-green-1)}.color-yellow{color:var(--ply-yellow-1)}
package/dist/css/ply.css CHANGED
@@ -21,13 +21,16 @@
21
21
  --ply-color-link-hover: #0347c6;
22
22
  --ply-color-link-hover: color-mix(in oklch, var(--ply-btn-default-bg), black 15%);
23
23
  --ply-color-focus: #0f62fe;
24
- --ply-color-field-bg: #f4f4f4;
25
- --ply-color-input-border: #8d8d8d;
26
- --ply-color-input-bg: #f4f4f4;
27
- --ply-color-code-bg: #f4f4f4;
28
- --ply-color-code-border: #e0e0e0;
29
- --ply-color-table-border: #e0e0e0;
30
- --ply-color-table-stripped: #f4f4f4;
24
+ --ply-color-field-bg: var(--ply-bg-surface-alt);
25
+ --ply-color-input-border: var(--ply-border-strong);
26
+ --ply-color-input-bg: var(--ply-bg-surface-alt);
27
+ --ply-color-error: var(--ply-red-1);
28
+ --ply-color-success: var(--ply-green-1);
29
+ --ply-color-code-bg: var(--ply-bg-surface-alt);
30
+ --ply-color-code-border: var(--ply-border-color);
31
+ --ply-color-table-border: var(--ply-border-color);
32
+ --ply-color-table-striped: #f4f4f4;
33
+ --ply-color-table-stripped: var(--ply-color-table-striped);
31
34
  --ply-color-table-hovered: #e8e8e8;
32
35
  --ply-color-accent: #0353e9;
33
36
  --ply-btn-default-bg: #0353e9;
@@ -42,14 +45,14 @@
42
45
  --ply-btn-secondary-bg-active: color-mix(in oklch, var(--ply-btn-secondary-bg), black 25%);
43
46
  --ply-border-radius: 0.25rem;
44
47
  --ply-btn-border-radius: 2rem;
45
- --ply-nav-bg: #ffffff;
46
- --ply-nav-color: #161616;
47
- --ply-nav-border: #161616;
48
+ --ply-nav-bg: var(--ply-bg-body);
49
+ --ply-nav-color: var(--ply-color-body);
50
+ --ply-nav-border: var(--ply-color-body);
48
51
  --ply-nav-hover: #e8e8e8;
49
52
  --ply-nav-active-color: #525252;
50
- --ply-layer-0: #ffffff;
51
- --ply-layer-1: #f4f4f4;
52
- --ply-layer-2: #e0e0e0;
53
+ --ply-layer-0: var(--ply-bg-body);
54
+ --ply-layer-1: var(--ply-bg-surface-alt);
55
+ --ply-layer-2: var(--ply-bg-muted);
53
56
  --ply-layer-3: #c6c6c6;
54
57
  --ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);
55
58
  --ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.1);
@@ -146,13 +149,8 @@
146
149
  --ply-color-link-hover: #619bff;
147
150
  --ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);
148
151
  --ply-color-focus: #0f62fe;
149
- --ply-color-field-bg: #262626;
150
- --ply-color-input-border: #6f6f6f;
151
- --ply-color-input-bg: #262626;
152
- --ply-color-code-bg: #262626;
153
- --ply-color-code-border: #393939;
154
- --ply-color-table-border: #393939;
155
- --ply-color-table-stripped: #1c1c1c;
152
+ --ply-color-table-striped: #1c1c1c;
153
+ --ply-color-table-stripped: var(--ply-color-table-striped);
156
154
  --ply-color-table-hovered: #353535;
157
155
  --ply-color-accent: #4589ff;
158
156
  --ply-btn-default-bg: #0f62fe;
@@ -168,14 +166,8 @@
168
166
  --ply-btn-default-color: #fff;
169
167
  --ply-btn-secondary-color: #161616;
170
168
  --ply-btn-ghost-color: #4589ff;
171
- --ply-nav-bg: #161616;
172
- --ply-nav-color: #f4f4f4;
173
- --ply-nav-border: #f4f4f4;
174
169
  --ply-nav-hover: #353535;
175
170
  --ply-nav-active-color: #a8a8a8;
176
- --ply-layer-0: #161616;
177
- --ply-layer-1: #262626;
178
- --ply-layer-2: #393939;
179
171
  --ply-layer-3: #525252;
180
172
  --ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);
181
173
  --ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);
@@ -262,13 +254,8 @@
262
254
  --ply-color-link-hover: #619bff;
263
255
  --ply-color-link-hover: color-mix(in oklch, #4589ff, white 15%);
264
256
  --ply-color-focus: #0f62fe;
265
- --ply-color-field-bg: #262626;
266
- --ply-color-input-border: #6f6f6f;
267
- --ply-color-input-bg: #262626;
268
- --ply-color-code-bg: #262626;
269
- --ply-color-code-border: #393939;
270
- --ply-color-table-border: #393939;
271
- --ply-color-table-stripped: #1c1c1c;
257
+ --ply-color-table-striped: #1c1c1c;
258
+ --ply-color-table-stripped: var(--ply-color-table-striped);
272
259
  --ply-color-table-hovered: #353535;
273
260
  --ply-color-accent: #4589ff;
274
261
  --ply-btn-default-bg: #0f62fe;
@@ -284,14 +271,8 @@
284
271
  --ply-btn-default-color: #fff;
285
272
  --ply-btn-secondary-color: #161616;
286
273
  --ply-btn-ghost-color: #4589ff;
287
- --ply-nav-bg: #161616;
288
- --ply-nav-color: #f4f4f4;
289
- --ply-nav-border: #f4f4f4;
290
274
  --ply-nav-hover: #353535;
291
275
  --ply-nav-active-color: #a8a8a8;
292
- --ply-layer-0: #161616;
293
- --ply-layer-1: #262626;
294
- --ply-layer-2: #393939;
295
276
  --ply-layer-3: #525252;
296
277
  --ply-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.2);
297
278
  --ply-shadow-2: 0 2px 8px rgba(0, 0, 0, 0.3);
@@ -1230,15 +1211,15 @@ meter {
1230
1211
  .req,
1231
1212
  .required {
1232
1213
  font-weight: normal;
1233
- color: var(--ply-red-1);
1214
+ color: var(--ply-color-error);
1234
1215
  }
1235
1216
 
1236
1217
  .error {
1237
- color: var(--ply-red-1);
1218
+ color: var(--ply-color-error);
1238
1219
  }
1239
1220
 
1240
1221
  .success {
1241
- color: var(--ply-green-1);
1222
+ color: var(--ply-color-success);
1242
1223
  }
1243
1224
 
1244
1225
  .text-xs {
@@ -3555,8 +3536,9 @@ table.table-stroked th {
3555
3536
  border-bottom: 1px solid var(--ply-color-table-border, #ccc);
3556
3537
  }
3557
3538
 
3539
+ table.table-striped tbody tr:nth-child(odd) td,
3558
3540
  table.table-stripped tbody tr:nth-child(odd) td {
3559
- background: var(--ply-color-table-stripped, #f8f8f8);
3541
+ background: var(--ply-color-table-striped, var(--ply-color-table-stripped, #f8f8f8));
3560
3542
  }
3561
3543
 
3562
3544
  table.table-hovered tbody tr:hover td {
@@ -3775,16 +3757,16 @@ input.input-error,
3775
3757
  textarea.input-error,
3776
3758
  select.input-error,
3777
3759
  .input-error {
3778
- border-color: #de2c3b;
3779
- box-shadow: 0 0 0 2px rgba(222, 44, 59, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
3760
+ border-color: var(--ply-color-error);
3761
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--ply-color-error) 30%, transparent), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
3780
3762
  }
3781
3763
 
3782
3764
  input.input-success,
3783
3765
  textarea.input-success,
3784
3766
  select.input-success,
3785
3767
  .input-success {
3786
- border-color: #1a7a32;
3787
- box-shadow: 0 0 0 2px rgba(26, 122, 50, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
3768
+ border-color: var(--ply-color-success);
3769
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--ply-color-success) 30%, transparent), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
3788
3770
  }
3789
3771
 
3790
3772
  input.input-gray,
@@ -5927,69 +5909,6 @@ button.btn-white.btn-outline.btn-active {
5927
5909
  color: #fff;
5928
5910
  }
5929
5911
 
5930
- /* =Dropdown
5931
- -----------------------------------------------------------------------------*/
5932
- .dropdown {
5933
- display: none;
5934
- position: absolute;
5935
- z-index: 102;
5936
- top: 0;
5937
- right: 0;
5938
- width: 250px;
5939
- color: var(--ply-color-body, #0f0f0f);
5940
- background: var(--ply-bg-surface, #fff);
5941
- box-shadow: var(--ply-shadow-2, 0 1px 5px rgba(0, 0, 0, 0.3));
5942
- overflow: auto;
5943
- }
5944
- .dropdown section {
5945
- max-height: 250px;
5946
- overflow: auto;
5947
- padding: 20px;
5948
- }
5949
- .dropdown footer {
5950
- padding: 20px;
5951
- }
5952
-
5953
- ul.dropdown {
5954
- max-height: 300px;
5955
- list-style: none;
5956
- margin: 0;
5957
- line-height: 1.5;
5958
- font-size: 95%;
5959
- padding: 0;
5960
- }
5961
- ul.dropdown a {
5962
- display: block;
5963
- padding: 7px 15px;
5964
- text-decoration: none;
5965
- color: var(--ply-color-body, #0f0f0f);
5966
- }
5967
- ul.dropdown a:hover {
5968
- background: var(--ply-bg-surface-alt, #eee);
5969
- }
5970
- ul.dropdown a:focus-visible {
5971
- outline: 2px solid var(--ply-color-focus, #0f62fe);
5972
- outline-offset: 2px;
5973
- }
5974
- ul.dropdown li.divider {
5975
- border-bottom: 1px solid var(--ply-border-color, #e2e2e2);
5976
- }
5977
-
5978
- .caret {
5979
- display: inline-block;
5980
- width: 0;
5981
- height: 0;
5982
- margin-left: 0.3em;
5983
- vertical-align: middle;
5984
- border-top: 5px solid;
5985
- border-right: 5px solid transparent;
5986
- border-left: 5px solid transparent;
5987
- }
5988
- .caret.caret-up {
5989
- border-top: 0;
5990
- border-bottom: 4px solid;
5991
- }
5992
-
5993
5912
  /* =Typeahead / Autocomplete
5994
5913
  -----------------------------------------------------------------------------*/
5995
5914
  .typeahead,
@@ -6556,8 +6475,8 @@ th.sortable.sort-desc::after {
6556
6475
  }
6557
6476
  .step.completed::before {
6558
6477
  border-color: var(--ply-border-color);
6559
- background: color-mix(in srgb, #1a7a32 13%, var(--ply-bg-surface, #fff));
6560
- color: #1a7a32;
6478
+ background: color-mix(in srgb, var(--ply-color-success) 13%, var(--ply-bg-surface, #fff));
6479
+ color: var(--ply-color-success);
6561
6480
  content: "✓";
6562
6481
  }
6563
6482
  .step.completed:not(:last-child)::after {
@@ -6567,13 +6486,13 @@ th.sortable.sort-desc::after {
6567
6486
  color: var(--ply-color-secondary);
6568
6487
  }
6569
6488
  .step.step-error::before {
6570
- border-color: #de2c3b;
6489
+ border-color: var(--ply-color-error);
6571
6490
  background: transparent;
6572
- color: #de2c3b;
6491
+ color: var(--ply-color-error);
6573
6492
  content: "!";
6574
6493
  }
6575
6494
  .step.step-error .step-label {
6576
- color: #de2c3b;
6495
+ color: var(--ply-color-error);
6577
6496
  font-weight: 600;
6578
6497
  }
6579
6498
 
@@ -7119,14 +7038,6 @@ dialog[open]::backdrop {
7119
7038
  [dir=rtl] .nav-stacked ul {
7120
7039
  padding-right: 0;
7121
7040
  }
7122
- [dir=rtl] .dropdown-menu {
7123
- left: auto;
7124
- right: 0;
7125
- }
7126
- [dir=rtl] .dropdown-menu-right {
7127
- right: auto;
7128
- left: 0;
7129
- }
7130
7041
  [dir=rtl] .form select {
7131
7042
  background-position: left 0.75em center;
7132
7043
  padding-left: 2.4975rem;