kempo-css 2.2.2 → 2.2.4

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 (28) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/kempo.css +3 -1
  3. package/dist/kempo.min.css +1 -1
  4. package/docs/borders-spacing.html +15 -7
  5. package/docs/buttons.html +15 -7
  6. package/docs/colors.html +15 -7
  7. package/docs/components/ThemePropertyInput.js +2 -2
  8. package/docs/elevation.html +15 -7
  9. package/docs/examples/responsive-grid.html +1 -1
  10. package/docs/index.html +15 -7
  11. package/docs/inputs.html +15 -7
  12. package/docs/kempo.css +3 -1
  13. package/docs/kempo.min.css +1 -1
  14. package/docs/layout.html +16 -8
  15. package/docs/tables.html +16 -8
  16. package/docs/theme-editor.html +21 -13
  17. package/docs/typography.html +15 -7
  18. package/docs/utilities.html +15 -7
  19. package/docs-src/default.template.html +5 -5
  20. package/docs-src/examples/responsive-grid.html +1 -1
  21. package/docs-src/head.fragment.html +1 -1
  22. package/docs-src/layout.page.html +1 -1
  23. package/docs-src/nav.fragment.html +9 -1
  24. package/docs-src/tables.page.html +1 -1
  25. package/docs-src/theme-editor.page.html +11 -11
  26. package/package.json +1 -1
  27. package/src/kempo.css +3 -1
  28. package/tasks/_template.md +35 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,11 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file.
4
4
 
5
+ ## [2.2.3] - 2026-05-03
6
+
7
+ ### Fixed
8
+ - `<hr>` inside flex container had collapsing width, fixed.
9
+
5
10
  ## [2.2.2] - 2026-04-18
6
11
 
7
12
  ### Fixed
package/dist/kempo.css CHANGED
@@ -406,7 +406,7 @@ h1, h2, h3, h4, h5, h6,
406
406
  .h4, h4 { font-size: var(--fs_h4) }
407
407
  .h5, h5 { font-size: var(--fs_h5) }
408
408
  .h6, h6 { font-size: var(--fs_h6) }
409
- p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl, pre, hr, dd {
409
+ p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl, pre, dd {
410
410
  margin-bottom: var(--spacer);
411
411
  }
412
412
  ul, ol, dl {
@@ -468,6 +468,8 @@ a:focus,
468
468
  color: inherit;
469
469
  }
470
470
  hr {
471
+ width: calc(100% - (2 * var(--spacer)));
472
+ margin: var(--spacer_h) var(--spacer);
471
473
  border: none;
472
474
  border-top: 1px solid var(--c_border);
473
475
  }
package/dist/kempo.min.css CHANGED
@@ -1 +1 @@
1
- :root{color-scheme:light;--ff_body:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_heading:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_mono:Consolas,monaco,monospace;--fs_base:16px;--fs_small:calc(0.6 * var(--fs_base));--fs_large:calc(1.5 * var(--fs_base));--fs_h6:var(--fs_base);--fs_h5:calc(1.25 * var(--fs_base));--fs_h4:calc(1.5 * var(--fs_base));--fs_h3:calc(1.75 * var(--fs_base));--fs_h2:calc(2 * var(--fs_base));--fs_h1:calc(2.5 * var(--fs_base));--fw_base:400;--fw_bold:700;--spacer:1rem;--spacer_h:calc(0.5 * var(--spacer));--spacer_q:calc(0.25 * var(--spacer));--line-height:1.35em;--container_width:90rem;--animation_ms:256ms;--radius:0.25rem;--link_decoration:underline;--input_padding:var(--spacer_h) var(--spacer);--input_border_width:1px;--btn_padding:var(--spacer_h) var(--spacer);--c_bg:light-dark(rgb(249, 249, 249), rgb(51, 51, 51));--c_overscroll:light-dark(rgb(255, 255, 255), rgb(0, 0, 0));--c_border:light-dark(rgb(204, 204, 204), rgb(119, 119, 119));--c_primary:rgb(51, 102, 255);--c_secondary:rgb(153, 51, 255);--c_success:rgb(0, 136, 0);--c_warning:rgb(255, 102, 0);--c_danger:rgb(255, 0, 51);--btn_bg:light-dark(rgb(221, 221, 221), rgb(170, 170, 170));--tc:light-dark(rgba(0, 0, 0, 0.93), rgba(255, 255, 255, 0.93));--tc_dark:rgba(0, 0, 0, 0.93);--tc_light:rgba(255, 255, 255, 0.93);--tc_muted:light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5));--c_overlay:rgba(0, 0, 0, 0.5);--c_bg__alt:oklch(from var(--c_bg) calc(l - 0.04) c h);--c_bg__inv:light-dark(oklch(from var(--c_bg) calc(l - 0.73) c h), oklch(from var(--c_bg) calc(l + 0.73) c h));--c_border__inv:light-dark(oklch(from var(--c_border) calc(l - 0.34) c h), oklch(from var(--c_border) calc(l + 0.34) c h));--c_primary__hover:oklch(from var(--c_primary) calc(l - 0.12) c h);--c_secondary__hover:oklch(from var(--c_secondary) calc(l - 0.12) c h);--c_success__hover:oklch(from var(--c_success) calc(l - 0.12) c h);--c_warning__hover:oklch(from var(--c_warning) calc(l - 0.12) c h);--c_danger__hover:oklch(from var(--c_danger) calc(l - 0.12) c h);--c_input_accent:var(--c_primary);--c_input_border:var(--c_border);--c_highlight:oklch(from var(--c_primary) l c h / 0.25);--tc_inv:light-dark(rgba(255, 255, 255, 0.93), rgba(0, 0, 0, 0.93));--tc_on_primary:rgba(255, 255, 255, 0.93);--tc_on_secondary:rgba(255, 255, 255, 0.93);--tc_on_success:rgba(255, 255, 255, 0.93);--tc_on_warning:rgba(255, 255, 255, 0.93);--tc_on_danger:rgba(255, 255, 255, 0.93);--tc_primary:light-dark(var(--c_primary), oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h));--tc_secondary:light-dark(var(--c_secondary), oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h));--tc_success:light-dark(var(--c_success), oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h));--tc_warning:light-dark(var(--c_warning), oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h));--tc_danger:light-dark(var(--c_danger), oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h));--tc__inv:var(--tc_inv);--tc_primary__inv:oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h);--tc_secondary__inv:oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h);--tc_success__inv:oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h);--tc_warning__inv:oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h);--tc_danger__inv:oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h);--btn_box_shadow:0 0 0 transparent;--btn_box_shadow__hover:0 0 0 transparent;--btn_border:transparent;--btn_bg__hover:oklch(from var(--btn_bg) calc(l - 0.08) c h);--btn_tc:rgba(0, 0, 0, 0.93);--btn_transparent__hover:light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));--tc_link:var(--tc_primary);--tc_link__hover:var(--tc_secondary);--tc_link__inv:var(--tc_primary__inv);--tc_link__inv__hover:var(--tc_secondary__inv);--focus_shadow:0 0 2px 2px var(--c_primary);--focus_shadow_on_primary:0 0 2px 2px var(--tc_on_primary);--input_bg:light-dark(white, var(--c_bg__alt));--input_tc:light-dark(rgba(0, 0, 0, 0.93), var(--tc));--date_picker_icon_filter:light-dark(invert(0), invert(1));--c_bg_elevation_0:oklch(from var(--c_bg) calc(l - 0.13) c h);--c_bg_elevation_1:light-dark(oklch(from var(--c_bg) calc(l - 0.065) c h), oklch(from var(--c_bg) calc(l - 0.10) c h));--c_bg_elevation_2:var(--c_bg);--c_bg_elevation_3:light-dark(oklch(from var(--c_bg) calc(l + 0.01) c h), oklch(from var(--c_bg) calc(l + 0.03) c h));--c_bg_elevation_4:light-dark(oklch(from var(--c_bg) calc(l + 0.02) c h), oklch(from var(--c_bg) calc(l + 0.06) c h));--c_bg_elevation_5:light-dark(oklch(from var(--c_bg) calc(l + 0.03) c h), oklch(from var(--c_bg) calc(l + 0.09) c h));--c_bg_elevation_6:light-dark(oklch(from var(--c_bg) calc(l + 0.04) c h), oklch(from var(--c_bg) calc(l + 0.13) c h));--c_bg_elevation_7:light-dark(oklch(from var(--c_bg) calc(l + 0.05) c h), oklch(from var(--c_bg) calc(l + 0.17) c h));--c_bg_elevation_8:light-dark(oklch(from var(--c_bg) calc(l + 0.06) c h), oklch(from var(--c_bg) calc(l + 0.21) c h));--c_bg_elevation_9:light-dark(oklch(from var(--c_bg) calc(l + 0.07) c h), oklch(from var(--c_bg) calc(l + 0.25) c h));--c_bg_elevation_10:light-dark(oklch(from var(--c_bg) calc(l + 0.08) c h), oklch(from var(--c_bg) calc(l + 0.31) c h));--shadow_color:black;--shadow_size:1px;--shadow_base_opacity:0.12;--shadow_opacity_step:0.04;--shadow_0:inset 0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 2)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.5));--shadow_1:inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.25)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 0.75));--shadow_3:0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / var(--shadow_base_opacity));--shadow_4:0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 4) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step)));--shadow_5:0 calc(var(--shadow_size) * 3) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step) * 2));--shadow_6:var(--shadow_5);--shadow_7:var(--shadow_5);--shadow_8:var(--shadow_5);--shadow_9:var(--shadow_5);--shadow_10:var(--shadow_5)}[theme=light]{color-scheme:light}[theme=dark]{color-scheme:dark;--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}[theme=auto]{color-scheme:light dark}@media (prefers-color-scheme:dark){[theme=auto]{--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}}:root{interpolate-size:allow-keywords}*,::after,::before{font-family:inherit;box-sizing:border-box;line-height:var(--line-height)}blockquote,body,code,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,ul{margin:0;padding:.1px}html{font-family:var(--ff_body);font-size:var(--fs_base);font-weight:var(--fw_base);color:var(--tc);scrollbar-gutter:stable}::selection{background:var(--c_highlight)}body{min-height:100vh;background-color:var(--c_bg);color:var(--tc);overflow-y:scroll;font-family:var(--ff_body);position:relative}body.no-scroll{overflow:hidden!important}.container,main{max-width:var(--container_width);margin-left:auto;margin-right:auto;padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer)}nav>.link,nav>a{display:inline-block;padding:var(--spacer)!important;text-decoration:none}menu{margin:0;padding:0}menu a{display:block;padding:var(--spacer_q);text-decoration:none;color:inherit}summary{cursor:pointer;margin-bottom:var(--sapcer);outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:var(--radius)}summary:focus{box-shadow:var(--focus_shadow)}.d-b{display:block!important}.d-ib{display:inline-block!important}.d-g{display:grid!important}.d-i{display:inline!important}.d-n{display:none!important}.d-f{display:flex!important;flex-wrap:wrap}.d-if{display:inline-flex!important;flex-wrap:wrap}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-f{display:flex!important;flex-wrap:wrap}.d-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-f{display:flex!important;flex-wrap:wrap}.t-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-f{display:flex!important;flex-wrap:wrap}.m-d-if{display:inline-flex!important;flex-wrap:wrap}}.flex,.flex-1{flex:1 1 auto}.flex-0{flex:0 0}.flex-2{flex:2 2 auto}.flex-3{flex:3 3 auto}.flex-4{flex:4 4 auto}.flex-5{flex:5 5 auto}.flex-6{flex:6 6 auto}.flex-7{flex:7 7 auto}.flex-8{flex:8 8 auto}.flex-9{flex:9 9 auto}.flex-10{flex:10 10 auto}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-if{display:inline-flex!important;flex-wrap:wrap}.d-d-f{display:flex!important;flex-wrap:wrap}.d-flex,.d-flex-1{flex:1 1 auto}.d-flex-0{flex:0 0}.d-flex-2{flex:2 2 auto}.d-flex-3{flex:3 3 auto}.d-flex-4{flex:4 4 auto}.d-flex-5{flex:5 5 auto}.d-flex-6{flex:6 6 auto}.d-flex-7{flex:7 7 auto}.d-flex-8{flex:8 8 auto}.d-flex-9{flex:9 9 auto}.d-flex-10{flex:10 10 auto}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-if{display:inline-flex!important;flex-wrap:wrap}.t-d-f{display:flex!important;flex-wrap:wrap}.t-flex,.t-flex-1{flex:1 1 auto}.t-flex-0{flex:0 0}.t-flex-2{flex:2 2 auto}.t-flex-3{flex:3 3 auto}.t-flex-4{flex:4 4 auto}.t-flex-5{flex:5 5 auto}.t-flex-6{flex:6 6 auto}.t-flex-7{flex:7 7 auto}.t-flex-8{flex:8 8 auto}.t-flex-9{flex:9 9 auto}.t-flex-10{flex:10 10 auto}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-if{display:inline-flex!important;flex-wrap:wrap}.m-d-f{display:flex!important;flex-wrap:wrap}.m-flex,.m-flex-1{flex:1 1 auto}.m-flex-0{flex:0 0}.m-flex-2{flex:2 2 auto}.m-flex-3{flex:3 3 auto}.m-flex-4{flex:4 4 auto}.m-flex-5{flex:5 5 auto}.m-flex-6{flex:6 6 auto}.m-flex-7{flex:7 7 auto}.m-flex-8{flex:8 8 auto}.m-flex-9{flex:9 9 auto}.m-flex-10{flex:10 10 auto}}.fixed{position:fixed;top:0;width:100%;z-index:99;box-shadow:none;transition:box-shadow var(--animation_ms)}.fixed.scrolled{box-shadow:var(--elevation_2_shadow)}k-nav[fixed]{box-shadow:none;transition:box-shadow var(--animation_ms)}k-nav[fixed].scrolled{box-shadow:var(--elevation_2_shadow)}.small,small{font-size:var(--fs_small)!important}.large{font-size:var(--fs_large)!important}.h1,.h2,.h3,.h4,.h5,.h6,b,h1,h2,h3,h4,h5,h6,strong{font-weight:var(--fw_bold)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--ff_heading)}.h1,h1{font-size:var(--fs_h1)}.h2,h2{font-size:var(--fs_h2)}.h3,h3{font-size:var(--fs_h3)}.h4,h4{font-size:var(--fs_h4)}.h5,h5{font-size:var(--fs_h5)}.h6,h6{font-size:var(--fs_h6)}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin-bottom:var(--spacer)}dl,ol,ul{padding-left:calc(1.5 * var(--spacer))}blockquote{border-left:2px solid var(--c_border);padding:var(--spacer)}mark{background-color:var(--c_highlight);color:inherit}.ff-mono,code,pre{font-family:var(--ff_mono)}code{background-color:var(--c_bg__alt);border-radius:var(--radius);word-break:break-word;padding:calc(.125 * var(--spacer)) var(--spacer_q)}pre code{display:block;padding:var(--spacer);word-break:normal;overflow:auto;white-space:pre-wrap}output{display:block;border:1px solid var(--c_border);border-radius:var(--radius);padding:var(--spacer) var(--spacer) 0 var(--spacer)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.link,a{color:var(--tc_link);box-shadow:0 0 0 transparent;transition:color var(--animation_ms),box-shadow var(--animation_ms);outline:0;border-radius:var(--radius);text-decoration:var(--link_decoration)}.link:hover,a:hover{color:var(--tc_link__hover)}.link:focus-visible,a:focus{box-shadow:var(--focus_shadow)}.no-link,.no-link:hover{text-decoration:none;color:inherit}hr{border:none;border-top:1px solid var(--c_border)}small{font-size:.75em}dl{padding:0;margin:0}dd,dt{padding-left:var(--spacer);border-left:2px solid var(--c_border)}dt{padding-top:var(--spacer_h)}dd{padding-bottom:var(--spacer_h)}dd+dd{margin-top:calc(-1 * var(--spacer));padding-top:0}li ul{margin-bottom:0}.td-n{text-decoration:none}.td-u{text-decoration:underline}.td-lt{text-decoration:line-through}.p{padding:var(--spacer)!important}.ph{padding:var(--spacer_h)!important}.pq{padding:var(--spacer_q)!important}.p0{padding:.1px!important}.pt,.py{padding-top:var(--spacer)!important}.pr,.px{padding-right:var(--spacer)!important}.pb,.py{padding-bottom:var(--spacer)!important}.pl,.px{padding-left:var(--spacer)!important}.pth,.pyh{padding-top:var(--spacer_h)!important}.prh,.pxh{padding-right:var(--spacer_h)!important}.pbh,.pyh{padding-bottom:var(--spacer_h)!important}.plh,.pxh{padding-left:var(--spacer_h)!important}.ptq,.pyq{padding-top:var(--spacer_q)!important}.prq,.pxq{padding-right:var(--spacer_q)!important}.pbq,.pyq{padding-bottom:var(--spacer_q)!important}.plq,.pxq{padding-left:var(--spacer_q)!important}.pt0,.py0{padding-top:.1px!important}.pr0,.px0{padding-right:.1px!important}.pb0,.py0{padding-bottom:.1px!important}.pl0,.px0{padding-left:.1px!important}.m{margin:var(--spacer)!important}.mh{margin:var(--spacer_h)!important}.mq{margin:var(--spacer_q)!important}.m0{margin:0!important}.-m{margin:calc(-1 * var(--spacer))!important}.mt,.my{margin-top:var(--spacer)!important}.mr,.mx{margin-right:var(--spacer)!important}.mb,.my{margin-bottom:var(--spacer)!important}.ml,.mx{margin-left:var(--spacer)!important}.mth,.myh{margin-top:var(--spacer_h)!important}.mrh,.mxh{margin-right:var(--spacer_h)!important}.mbh,.myh{margin-bottom:var(--spacer_h)!important}.mlh,.mxh{margin-left:var(--spacer_h)!important}.mtq,.myq{margin-top:var(--spacer_q)!important}.mrq,.mxq{margin-right:var(--spacer_q)!important}.mbq,.myq{margin-bottom:var(--spacer_q)!important}.mlq,.mxq{margin-left:var(--spacer_q)!important}.mt0,.my0{margin-top:0!important}.mr0,.mx0{margin-right:0!important}.mb0,.my0{margin-bottom:0!important}.ml0,.mx0{margin-left:0!important}.-mt,.-my{margin-top:calc(-1 * var(--spacer))!important}.-mr,.-mx{margin-right:calc(-1 * var(--spacer))!important}.-mb,.-my{margin-bottom:calc(-1 * var(--spacer))!important}.-ml,.-mx{margin-left:calc(-1 * var(--spacer))!important}.b{border:1px solid var(--c_border)!important}.b0{border:none!important}.bt,.by{border-top:1px solid var(--c_border)!important}.br,.bx{border-right:1px solid var(--c_border)!important}.bb,.by{border-bottom:1px solid var(--c_border)!important}.bl,.bx{border-left:1px solid var(--c_border)!important}.bt0,.by0{border-top:none!important}.br0,.bx0{border-right:none!important}.bb0,.by0{border-bottom:none!important}.bl0,.bx0{border-left:none!important}.r{border-radius:var(--radius)!important}.r0{border-radius:0!important}.round{border-radius:9999rem!important}.rl,.rt,.rtl{border-top-left-radius:var(--radius)!important}.rr,.rt,.rtr{border-top-right-radius:var(--radius)!important}.rb,.rbr,.rr{border-bottom-right-radius:var(--radius)!important}.rb,.rbl,.rl{border-bottom-left-radius:var(--radius)!important}.rl0,.rt0,.rtl0{border-top-left-radius:0!important}.rr0,.rt0,.rtr0{border-top-right-radius:0!important}.rb0,.rbr0,.rr0{border-bottom-right-radius:0!important}.rb0,.rbl0,.rl0{border-bottom-left-radius:0!important}.row{display:flex;flex-wrap:wrap}.col{flex:1 1}.span-1{min-width:8.333%;flex-basis:8.333%}.span-2{min-width:16.666%;flex-basis:16.666%}.span-3{min-width:25%;flex-basis:25%}.span-4{min-width:33.333%;flex-basis:33.333%}.span-5{min-width:41.666%;flex-basis:41.666%}.span-6{min-width:50%;flex-basis:50%}.span-7{min-width:58.333%;flex-basis:58.333%}.span-8{min-width:66.666%;flex-basis:66.666%}.span-9{min-width:75%;flex-basis:75%}.span-10{min-width:83.333%;flex-basis:83.333%}.span-11{min-width:91.333%;flex-basis:91.333%}.span-12{min-width:100%;flex-basis:100%}@media (min-width:1024px){.d-span-1{min-width:8.333%;flex-basis:8.333%}.d-span-2{min-width:16.666%;flex-basis:16.666%}.d-span-3{min-width:25%;flex-basis:25%}.d-span-4{min-width:33.333%;flex-basis:33.333%}.d-span-5{min-width:41.666%;flex-basis:41.666%}.d-span-6{min-width:50%;flex-basis:50%}.d-span-7{min-width:58.333%;flex-basis:58.333%}.d-span-8{min-width:66.666%;flex-basis:66.666%}.d-span-9{min-width:75%;flex-basis:75%}.d-span-10{min-width:83.333%;flex-basis:83.333%}.d-span-11{min-width:91.333%;flex-basis:91.333%}.d-span-12{min-width:100%;flex-basis:100%}}@media (min-width:769px) and (max-width:1023px){.t-span-1{min-width:8.333%;flex-basis:8.333%}.t-span-2{min-width:16.666%;flex-basis:16.666%}.t-span-3{min-width:25%;flex-basis:25%}.t-span-4{min-width:33.333%;flex-basis:33.333%}.t-span-5{min-width:41.666%;flex-basis:41.666%}.t-span-6{min-width:50%;flex-basis:50%}.t-span-7{min-width:58.333%;flex-basis:58.333%}.t-span-8{min-width:66.666%;flex-basis:66.666%}.t-span-9{min-width:75%;flex-basis:75%}.t-span-10{min-width:83.333%;flex-basis:83.333%}.t-span-11{min-width:91.333%;flex-basis:91.333%}.t-span-12{min-width:100%;flex-basis:100%}}@media (max-width:768px){.m-span-1{min-width:8.333%;flex-basis:8.333%}.m-span-2{min-width:16.666%;flex-basis:16.666%}.m-span-3{min-width:25%;flex-basis:25%}.m-span-4{min-width:33.333%;flex-basis:33.333%}.m-span-5{min-width:41.666%;flex-basis:41.666%}.m-span-6{min-width:50%;flex-basis:50%}.m-span-7{min-width:58.333%;flex-basis:58.333%}.m-span-8{min-width:66.666%;flex-basis:66.666%}.m-span-9{min-width:75%;flex-basis:75%}.m-span-10{min-width:83.333%;flex-basis:83.333%}.m-span-11{min-width:91.333%;flex-basis:91.333%}.m-span-12{min-width:100%;flex-basis:100%}}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}.cols-7{grid-template-columns:repeat(7,1fr)}.cols-8{grid-template-columns:repeat(8,1fr)}.cols-9{grid-template-columns:repeat(9,1fr)}.cols-10{grid-template-columns:repeat(10,1fr)}@media (min-width:1024px){.d-cols-2{grid-template-columns:repeat(2,1fr)}.d-cols-3{grid-template-columns:repeat(3,1fr)}.d-cols-4{grid-template-columns:repeat(4,1fr)}.d-cols-5{grid-template-columns:repeat(5,1fr)}.d-cols-6{grid-template-columns:repeat(6,1fr)}.d-cols-7{grid-template-columns:repeat(7,1fr)}.d-cols-8{grid-template-columns:repeat(8,1fr)}.d-cols-9{grid-template-columns:repeat(9,1fr)}.d-cols-10{grid-template-columns:repeat(10,1fr)}}@media (min-width:769px) and (max-width:1023px){.t-cols-2{grid-template-columns:repeat(2,1fr)}.t-cols-3{grid-template-columns:repeat(3,1fr)}.t-cols-4{grid-template-columns:repeat(4,1fr)}.t-cols-5{grid-template-columns:repeat(5,1fr)}.t-cols-6{grid-template-columns:repeat(6,1fr)}.t-cols-7{grid-template-columns:repeat(7,1fr)}.t-cols-8{grid-template-columns:repeat(8,1fr)}.t-cols-9{grid-template-columns:repeat(9,1fr)}.t-cols-10{grid-template-columns:repeat(10,1fr)}}@media (max-width:768px){.m-cols-2{grid-template-columns:repeat(2,1fr)}.m-cols-3{grid-template-columns:repeat(3,1fr)}.m-cols-4{grid-template-columns:repeat(4,1fr)}.m-cols-5{grid-template-columns:repeat(5,1fr)}.m-cols-6{grid-template-columns:repeat(6,1fr)}.m-cols-7{grid-template-columns:repeat(7,1fr)}.m-cols-8{grid-template-columns:repeat(8,1fr)}.m-cols-9{grid-template-columns:repeat(9,1fr)}.m-cols-10{grid-template-columns:repeat(10,1fr)}}.btn,button:not(.no-btn):not(.no-style),input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:var(--btn_padding);background-color:var(--btn_bg);border:1px solid var(--btn_border);cursor:pointer;outline:0;border-radius:var(--radius);color:var(--btn_tc);transition:background-color var(--animation_ms),box-shadow var(--animation_ms);text-decoration:none;box-shadow:var(--btn_box_shadow);font-size:inherit;vertical-align:middle}.btn:not(:disabled):not(.link):hover,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):hover,input[type=button]:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{background-color:var(--btn_bg__hover);color:var(--btn_tc);box-shadow:var(--btn_box_shadow__hover)}.btn:not(:disabled):not(.link):focus,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):focus,input[type=button]:not(:disabled):focus,input[type=reset]:not(:disabled):focus,input[type=submit]:not(:disabled):focus{box-shadow:var(--btn_box_shadow__hover),var(--focus_shadow);z-index:1}.btn[disabled],button:not(.no-btn):not(.no-style):disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{opacity:.6}.btn.primary,button:not(.no-btn).primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{background-color:var(--c_primary)!important;--btn_tc:var(--tc_on_primary)}.btn.primary:not(:disabled):hover,button:not(.no-btn).primary:not(:disabled):hover,input[type=button].primary:not(:disabled):hover,input[type=reset].primary:not(:disabled):hover,input[type=submit].primary:not(:disabled):hover{background-color:var(--c_primary__hover)!important}.btn.secondary,button:not(.no-btn).secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{background-color:var(--c_secondary)!important;--btn_tc:var(--tc_on_secondary)}.btn.secondary:not(:disabled):hover,button:not(.no-btn).secondary:not(:disabled):hover,input[type=button].secondary:not(:disabled):hover,input[type=reset].secondary:not(:disabled):hover,input[type=submit].secondary:not(:disabled):hover{background-color:var(--c_secondary__hover)!important}.btn.success,button:not(.no-btn).success,input[type=button].success,input[type=reset].success,input[type=submit].success{background-color:var(--c_success)!important;--btn_tc:var(--tc_on_success)}.btn.success:not(:disabled):hover,button:not(.no-btn).success:not(:disabled):hover,input[type=button].success:not(:disabled):hover,input[type=reset].success:not(:disabled):hover,input[type=submit].success:not(:disabled):hover{background-color:var(--c_success__hover)!important}.btn.warning,button:not(.no-btn).warning,input[type=button].warning,input[type=reset].warning,input[type=submit].warning{background-color:var(--c_warning)!important;--btn_tc:var(--tc_on_warning)}.btn.warning:not(:disabled):hover,button:not(.no-btn).warning:not(:disabled):hover,input[type=button].warning:not(:disabled):hover,input[type=reset].warning:not(:disabled):hover,input[type=submit].warning:not(:disabled):hover{background-color:var(--c_warning__hover)!important}.btn.danger,button:not(.no-btn).danger,input[type=button].danger,input[type=reset].danger,input[type=submit].danger{background-color:var(--c_danger)!important;--btn_tc:var(--tc_on_danger)}.btn.danger:not(:disabled):hover,button:not(.no-btn).danger:not(:disabled):hover,input[type=button].danger:not(:disabled):hover,input[type=reset].danger:not(:disabled):hover,input[type=submit].danger:not(:disabled):hover{background-color:var(--c_danger__hover)!important}.btn.link,button:not(.no-btn):not(.no-style).link,input[type=button].link,input[type=reset].link,input[type=submit].link{background-color:transparent;color:inherit;box-shadow:0 0 0 transparent;border:none;padding:.1px;font-size:inherit}.btn-grp{display:inline-flex}.btn-grp .btn:not(:first-child),.btn-grp button:not(.no-btn):not(:first-child),.btn-grp input[type=button]:not(:first-child),.btn-grp input[type=reset]:not(:first-child),.btn-grp input[type=submit]:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(0,0,0,.25)}.btn-grp .btn:not(:last-child),.btn-grp button:not(.no-btn):not(:last-child),.btn-grp input[type=button]:not(:last-child),.btn-grp input[type=reset]:not(:last-child),.btn-grp input[type=submit]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.no-btn{display:inline;border:none;background-color:transparent;padding:0;font-size:inherit;font-family:inherit;cursor:pointer;outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:0;text-align:left;color:inherit}.no-btn:not(:disabled):focus{box-shadow:var(--focus_shadow)}.full{display:block;width:100%}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;background-color:var(--input_bg);color:var(--input_tc);border:var(--input_border_width) solid var(--c_input_border);padding:var(--input_padding);border-radius:var(--radius);outline:0;transition:box-shadow var(--animation_ms)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not(:disabled):focus,input[type=checkbox]:not(:disabled):focus,input[type=radio]:not(:disabled):focus,select:not(:disabled):focus,textarea:not(:disabled):focus{box-shadow:var(--focus_shadow)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):disabled,input[type=checkbox]:disabled,input[type=radio]:disabled,select:disabled,textarea:disabled{opacity:.6}select[multiple],textarea{resize:vertical;max-height:75vh;height:6rem;min-height:4rem}select[multiple]{height:8rem}select{cursor:pointer}label{display:block;cursor:pointer;padding-bottom:var(--spacer_h)}label.checkbox,label.radio{display:inline-block;vertical-align:middle;width:calc(100% - 2em - (2 * var(--spacer_h)) - 6px)}input[type=checkbox],input[type=radio]{display:inline-block;width:1em;height:1em;cursor:pointer;vertical-align:middle;accent-color:var(--c_input_accent);margin:var(--spacer_q) var(--spacer_h);transition:background-color var(--animation_ms),color var(--animation_ms),box-shadow var(--animation_ms)}input[type=checkbox]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:var(--radius);vertical-align:-.5em;position:relative}input[type=checkbox]::before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);background-color:transparent;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:background-color var(--animation_ms)}input[type=checkbox]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=checkbox]:checked{background-color:var(--c_primary);border-color:var(--c_primary)}input[type=checkbox]:checked::before{background-color:var(--tc_on_primary)}input[type=radio]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:50%;vertical-align:-.5em}input[type=radio]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=radio]:checked{border-color:var(--c_primary);background:radial-gradient(circle,var(--c_primary) 40%,transparent 45%)}select option{padding:var(--spacer_h) var(--spacer);background-color:var(--input_bg);color:var(--input_tc)}select[multiple]{padding:.1px}select[multiple] option{padding:var(--spacer_h) var(--spacer)}input[type=color]{padding:0!important;height:2.35em}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius,.25rem);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=time]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:var(--date_picker_icon_filter)}.table-wrapper{overflow-x:auto}table{width:100%;border-spacing:0}th{font-weight:var(--fw_bold);text-align:left;background-color:var(--c_bg__alt);border-top:1px solid var(--c_border)}td,th{padding:var(--spacer_h) var(--spacer);border-bottom:1px solid var(--c_border);border-left:1px solid var(--c_border)}td:last-child,th:last-child{border-right:1px solid var(--c_border)}th:first-child{border-top-left-radius:var(--radius)}th:last-child{border-top-right-radius:var(--radius)}tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}.bg-default{background-color:var(--c_bg)!important;color:var(--tc)!important}.bg-alt{background-color:var(--c_bg__alt)!important;color:var(--tc)!important}.bg-inv{--c_primary:var(--c_primary__inv);--c_primary__hover:var(--c_primary__inv__hover);--c_secondary:var(--c_secondary__inv);--c_secondary__hover:var(--c_secondary__inv__hover);--c_success:var(--c_success__inv);--c_success__hover:var(--c_success__inv__hover);--c_warning:var(--c_warning__inv);--c_warning__hover:var(--c_warning__inv__hover);--c_danger:var(--c_danger__inv);--c_danger__hover:var(--c_danger__inv__hover);--tc_link:var(--tc_link__inv);--tc_link__hover:var(--tc_link__inv__hover);background-color:var(--c_bg__inv)!important;color:var(--tc_inv)!important}.bg-primary{--tc_link:var(--tc_on_primary);--tc_link__hover:var(--tc_on_primary);--c_border:var(--tc_on_primary);background-color:var(--c_primary)!important;color:var(--tc_on_primary)!important;--focus_shadow:var(--focus_shadow_on_primary)}.bg-secondary{--tc_link:var(--tc_on_secondary);--tc_link__hover:var(--tc_on_secondary);background-color:var(--c_secondary)!important;color:var(--tc_on_secondary)!important}.bg-success{--tc_link:var(--tc_on_success);--tc_link__hover:var(--tc_on_success);background-color:var(--c_success)!important;color:var(--tc_on_success)!important}.bg-warning{--tc_link:var(--tc_on_warning);--tc_link__hover:var(--tc_on_warning);background-color:var(--c_warning)!important;color:var(--tc_on_warning)!important}.bg-danger{--tc_link:var(--tc_on_danger);--tc_link__hover:var(--tc_on_danger);background-color:var(--c_danger)!important;color:var(--tc_on_danger)!important}.tc-default{color:var(--tc)!important}.tc-inv{color:var(--tc__inv)!important}.tc-primary{color:var(--tc_primary)!important}.bg-inv .tc-primary,.is-inv .tc-primary{color:var(--tc_primary__inv)!important}.tc-secondary{color:var(--tc_secondary)!important}.bg-inv .tc-secondary,.is-inv .tc-secondary{color:var(--tc_secondary__inv)!important}.tc-success{color:var(--tc_success)!important}.bg-inv .tc-success,.is-inv .tc-success{color:var(--tc_success__inv)!important}.tc-warning{color:var(--tc_warning)!important}.bg-inv .tc-warning,.is-inv .tc-warning{color:var(--tc_warning__inv)!important}.tc-danger{color:var(--tc_danger)!important}.bg-inv .tc-danger,.is-inv .tc-danger{color:var(--tc_danger__inv)!important}.tc-muted{color:var(--tc_muted)!important}.card{border:1px solid var(--c_border);border-radius:var(--radius);padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer);margin-bottom:var(--spacer)}.elevation-0{z-index:0}.elevation-1{z-index:10}.elevation-2{z-index:20}.elevation-3{z-index:30}.elevation-4{z-index:40}.elevation-5{z-index:50}.elevation-6{z-index:60}.elevation-7{z-index:70}.elevation-8{z-index:80}.elevation-9{z-index:90}.elevation-10{z-index:100}.shadow{box-shadow:none}.shadow.elevation-0{box-shadow:var(--shadow_0)}.shadow.elevation-1{box-shadow:var(--shadow_1)}.shadow.elevation-3{box-shadow:var(--shadow_3)}.shadow.elevation-4{box-shadow:var(--shadow_4)}.shadow.elevation-5{box-shadow:var(--shadow_5)}.shadow.elevation-6{box-shadow:var(--shadow_6)}.shadow.elevation-7{box-shadow:var(--shadow_7)}.shadow.elevation-8{box-shadow:var(--shadow_8)}.shadow.elevation-9{box-shadow:var(--shadow_9)}.shadow.elevation-10{box-shadow:var(--shadow_10)}.bg-elevation.elevation-0{background-color:var(--c_bg_elevation_0)}.bg-elevation.elevation-1{background-color:var(--c_bg_elevation_1)}.bg-elevation.elevation-2{background-color:var(--c_bg_elevation_2)}.bg-elevation.elevation-3{background-color:var(--c_bg_elevation_3)}.bg-elevation.elevation-4{background-color:var(--c_bg_elevation_4)}.bg-elevation.elevation-5{background-color:var(--c_bg_elevation_5)}.bg-elevation.elevation-6{background-color:var(--c_bg_elevation_6)}.bg-elevation.elevation-7{background-color:var(--c_bg_elevation_7)}.bg-elevation.elevation-8{background-color:var(--c_bg_elevation_8)}.bg-elevation.elevation-9{background-color:var(--c_bg_elevation_9)}.bg-elevation.elevation-10{background-color:var(--c_bg_elevation_10)}.icon{display:inline-block;width:1.35em;vertical-align:top;margin-left:auto;margin-right:auto}iframe{border:none;width:100%}
1
+ :root{color-scheme:light;--ff_body:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_heading:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_mono:Consolas,monaco,monospace;--fs_base:16px;--fs_small:calc(0.6 * var(--fs_base));--fs_large:calc(1.5 * var(--fs_base));--fs_h6:var(--fs_base);--fs_h5:calc(1.25 * var(--fs_base));--fs_h4:calc(1.5 * var(--fs_base));--fs_h3:calc(1.75 * var(--fs_base));--fs_h2:calc(2 * var(--fs_base));--fs_h1:calc(2.5 * var(--fs_base));--fw_base:400;--fw_bold:700;--spacer:1rem;--spacer_h:calc(0.5 * var(--spacer));--spacer_q:calc(0.25 * var(--spacer));--line-height:1.35em;--container_width:90rem;--animation_ms:256ms;--radius:0.25rem;--link_decoration:underline;--input_padding:var(--spacer_h) var(--spacer);--input_border_width:1px;--btn_padding:var(--spacer_h) var(--spacer);--c_bg:light-dark(rgb(249, 249, 249), rgb(51, 51, 51));--c_overscroll:light-dark(rgb(255, 255, 255), rgb(0, 0, 0));--c_border:light-dark(rgb(204, 204, 204), rgb(119, 119, 119));--c_primary:rgb(51, 102, 255);--c_secondary:rgb(153, 51, 255);--c_success:rgb(0, 136, 0);--c_warning:rgb(255, 102, 0);--c_danger:rgb(255, 0, 51);--btn_bg:light-dark(rgb(221, 221, 221), rgb(170, 170, 170));--tc:light-dark(rgba(0, 0, 0, 0.93), rgba(255, 255, 255, 0.93));--tc_dark:rgba(0, 0, 0, 0.93);--tc_light:rgba(255, 255, 255, 0.93);--tc_muted:light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5));--c_overlay:rgba(0, 0, 0, 0.5);--c_bg__alt:oklch(from var(--c_bg) calc(l - 0.04) c h);--c_bg__inv:light-dark(oklch(from var(--c_bg) calc(l - 0.73) c h), oklch(from var(--c_bg) calc(l + 0.73) c h));--c_border__inv:light-dark(oklch(from var(--c_border) calc(l - 0.34) c h), oklch(from var(--c_border) calc(l + 0.34) c h));--c_primary__hover:oklch(from var(--c_primary) calc(l - 0.12) c h);--c_secondary__hover:oklch(from var(--c_secondary) calc(l - 0.12) c h);--c_success__hover:oklch(from var(--c_success) calc(l - 0.12) c h);--c_warning__hover:oklch(from var(--c_warning) calc(l - 0.12) c h);--c_danger__hover:oklch(from var(--c_danger) calc(l - 0.12) c h);--c_input_accent:var(--c_primary);--c_input_border:var(--c_border);--c_highlight:oklch(from var(--c_primary) l c h / 0.25);--tc_inv:light-dark(rgba(255, 255, 255, 0.93), rgba(0, 0, 0, 0.93));--tc_on_primary:rgba(255, 255, 255, 0.93);--tc_on_secondary:rgba(255, 255, 255, 0.93);--tc_on_success:rgba(255, 255, 255, 0.93);--tc_on_warning:rgba(255, 255, 255, 0.93);--tc_on_danger:rgba(255, 255, 255, 0.93);--tc_primary:light-dark(var(--c_primary), oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h));--tc_secondary:light-dark(var(--c_secondary), oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h));--tc_success:light-dark(var(--c_success), oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h));--tc_warning:light-dark(var(--c_warning), oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h));--tc_danger:light-dark(var(--c_danger), oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h));--tc__inv:var(--tc_inv);--tc_primary__inv:oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h);--tc_secondary__inv:oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h);--tc_success__inv:oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h);--tc_warning__inv:oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h);--tc_danger__inv:oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h);--btn_box_shadow:0 0 0 transparent;--btn_box_shadow__hover:0 0 0 transparent;--btn_border:transparent;--btn_bg__hover:oklch(from var(--btn_bg) calc(l - 0.08) c h);--btn_tc:rgba(0, 0, 0, 0.93);--btn_transparent__hover:light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));--tc_link:var(--tc_primary);--tc_link__hover:var(--tc_secondary);--tc_link__inv:var(--tc_primary__inv);--tc_link__inv__hover:var(--tc_secondary__inv);--focus_shadow:0 0 2px 2px var(--c_primary);--focus_shadow_on_primary:0 0 2px 2px var(--tc_on_primary);--input_bg:light-dark(white, var(--c_bg__alt));--input_tc:light-dark(rgba(0, 0, 0, 0.93), var(--tc));--date_picker_icon_filter:light-dark(invert(0), invert(1));--c_bg_elevation_0:oklch(from var(--c_bg) calc(l - 0.13) c h);--c_bg_elevation_1:light-dark(oklch(from var(--c_bg) calc(l - 0.065) c h), oklch(from var(--c_bg) calc(l - 0.10) c h));--c_bg_elevation_2:var(--c_bg);--c_bg_elevation_3:light-dark(oklch(from var(--c_bg) calc(l + 0.01) c h), oklch(from var(--c_bg) calc(l + 0.03) c h));--c_bg_elevation_4:light-dark(oklch(from var(--c_bg) calc(l + 0.02) c h), oklch(from var(--c_bg) calc(l + 0.06) c h));--c_bg_elevation_5:light-dark(oklch(from var(--c_bg) calc(l + 0.03) c h), oklch(from var(--c_bg) calc(l + 0.09) c h));--c_bg_elevation_6:light-dark(oklch(from var(--c_bg) calc(l + 0.04) c h), oklch(from var(--c_bg) calc(l + 0.13) c h));--c_bg_elevation_7:light-dark(oklch(from var(--c_bg) calc(l + 0.05) c h), oklch(from var(--c_bg) calc(l + 0.17) c h));--c_bg_elevation_8:light-dark(oklch(from var(--c_bg) calc(l + 0.06) c h), oklch(from var(--c_bg) calc(l + 0.21) c h));--c_bg_elevation_9:light-dark(oklch(from var(--c_bg) calc(l + 0.07) c h), oklch(from var(--c_bg) calc(l + 0.25) c h));--c_bg_elevation_10:light-dark(oklch(from var(--c_bg) calc(l + 0.08) c h), oklch(from var(--c_bg) calc(l + 0.31) c h));--shadow_color:black;--shadow_size:1px;--shadow_base_opacity:0.12;--shadow_opacity_step:0.04;--shadow_0:inset 0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 2)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.5));--shadow_1:inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.25)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 0.75));--shadow_3:0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / var(--shadow_base_opacity));--shadow_4:0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 4) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step)));--shadow_5:0 calc(var(--shadow_size) * 3) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step) * 2));--shadow_6:var(--shadow_5);--shadow_7:var(--shadow_5);--shadow_8:var(--shadow_5);--shadow_9:var(--shadow_5);--shadow_10:var(--shadow_5)}[theme=light]{color-scheme:light}[theme=dark]{color-scheme:dark;--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}[theme=auto]{color-scheme:light dark}@media (prefers-color-scheme:dark){[theme=auto]{--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}}:root{interpolate-size:allow-keywords}*,::after,::before{font-family:inherit;box-sizing:border-box;line-height:var(--line-height)}blockquote,body,code,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,ul{margin:0;padding:.1px}html{font-family:var(--ff_body);font-size:var(--fs_base);font-weight:var(--fw_base);color:var(--tc);scrollbar-gutter:stable}::selection{background:var(--c_highlight)}body{min-height:100vh;background-color:var(--c_bg);color:var(--tc);overflow-y:scroll;font-family:var(--ff_body);position:relative}body.no-scroll{overflow:hidden!important}.container,main{max-width:var(--container_width);margin-left:auto;margin-right:auto;padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer)}nav>.link,nav>a{display:inline-block;padding:var(--spacer)!important;text-decoration:none}menu{margin:0;padding:0}menu a{display:block;padding:var(--spacer_q);text-decoration:none;color:inherit}summary{cursor:pointer;margin-bottom:var(--sapcer);outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:var(--radius)}summary:focus{box-shadow:var(--focus_shadow)}.d-b{display:block!important}.d-ib{display:inline-block!important}.d-g{display:grid!important}.d-i{display:inline!important}.d-n{display:none!important}.d-f{display:flex!important;flex-wrap:wrap}.d-if{display:inline-flex!important;flex-wrap:wrap}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-f{display:flex!important;flex-wrap:wrap}.d-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-f{display:flex!important;flex-wrap:wrap}.t-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-f{display:flex!important;flex-wrap:wrap}.m-d-if{display:inline-flex!important;flex-wrap:wrap}}.flex,.flex-1{flex:1 1 auto}.flex-0{flex:0 0}.flex-2{flex:2 2 auto}.flex-3{flex:3 3 auto}.flex-4{flex:4 4 auto}.flex-5{flex:5 5 auto}.flex-6{flex:6 6 auto}.flex-7{flex:7 7 auto}.flex-8{flex:8 8 auto}.flex-9{flex:9 9 auto}.flex-10{flex:10 10 auto}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-if{display:inline-flex!important;flex-wrap:wrap}.d-d-f{display:flex!important;flex-wrap:wrap}.d-flex,.d-flex-1{flex:1 1 auto}.d-flex-0{flex:0 0}.d-flex-2{flex:2 2 auto}.d-flex-3{flex:3 3 auto}.d-flex-4{flex:4 4 auto}.d-flex-5{flex:5 5 auto}.d-flex-6{flex:6 6 auto}.d-flex-7{flex:7 7 auto}.d-flex-8{flex:8 8 auto}.d-flex-9{flex:9 9 auto}.d-flex-10{flex:10 10 auto}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-if{display:inline-flex!important;flex-wrap:wrap}.t-d-f{display:flex!important;flex-wrap:wrap}.t-flex,.t-flex-1{flex:1 1 auto}.t-flex-0{flex:0 0}.t-flex-2{flex:2 2 auto}.t-flex-3{flex:3 3 auto}.t-flex-4{flex:4 4 auto}.t-flex-5{flex:5 5 auto}.t-flex-6{flex:6 6 auto}.t-flex-7{flex:7 7 auto}.t-flex-8{flex:8 8 auto}.t-flex-9{flex:9 9 auto}.t-flex-10{flex:10 10 auto}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-if{display:inline-flex!important;flex-wrap:wrap}.m-d-f{display:flex!important;flex-wrap:wrap}.m-flex,.m-flex-1{flex:1 1 auto}.m-flex-0{flex:0 0}.m-flex-2{flex:2 2 auto}.m-flex-3{flex:3 3 auto}.m-flex-4{flex:4 4 auto}.m-flex-5{flex:5 5 auto}.m-flex-6{flex:6 6 auto}.m-flex-7{flex:7 7 auto}.m-flex-8{flex:8 8 auto}.m-flex-9{flex:9 9 auto}.m-flex-10{flex:10 10 auto}}.fixed{position:fixed;top:0;width:100%;z-index:99;box-shadow:none;transition:box-shadow var(--animation_ms)}.fixed.scrolled{box-shadow:var(--elevation_2_shadow)}k-nav[fixed]{box-shadow:none;transition:box-shadow var(--animation_ms)}k-nav[fixed].scrolled{box-shadow:var(--elevation_2_shadow)}.small,small{font-size:var(--fs_small)!important}.large{font-size:var(--fs_large)!important}.h1,.h2,.h3,.h4,.h5,.h6,b,h1,h2,h3,h4,h5,h6,strong{font-weight:var(--fw_bold)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--ff_heading)}.h1,h1{font-size:var(--fs_h1)}.h2,h2{font-size:var(--fs_h2)}.h3,h3{font-size:var(--fs_h3)}.h4,h4{font-size:var(--fs_h4)}.h5,h5{font-size:var(--fs_h5)}.h6,h6{font-size:var(--fs_h6)}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-bottom:var(--spacer)}dl,ol,ul{padding-left:calc(1.5 * var(--spacer))}blockquote{border-left:2px solid var(--c_border);padding:var(--spacer)}mark{background-color:var(--c_highlight);color:inherit}.ff-mono,code,pre{font-family:var(--ff_mono)}code{background-color:var(--c_bg__alt);border-radius:var(--radius);word-break:break-word;padding:calc(.125 * var(--spacer)) var(--spacer_q)}pre code{display:block;padding:var(--spacer);word-break:normal;overflow:auto;white-space:pre-wrap}output{display:block;border:1px solid var(--c_border);border-radius:var(--radius);padding:var(--spacer) var(--spacer) 0 var(--spacer)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.link,a{color:var(--tc_link);box-shadow:0 0 0 transparent;transition:color var(--animation_ms),box-shadow var(--animation_ms);outline:0;border-radius:var(--radius);text-decoration:var(--link_decoration)}.link:hover,a:hover{color:var(--tc_link__hover)}.link:focus-visible,a:focus{box-shadow:var(--focus_shadow)}.no-link,.no-link:hover{text-decoration:none;color:inherit}hr{width:calc(100% - (2 * var(--spacer)));margin:var(--spacer_h) var(--spacer);border:none;border-top:1px solid var(--c_border)}small{font-size:.75em}dl{padding:0;margin:0}dd,dt{padding-left:var(--spacer);border-left:2px solid var(--c_border)}dt{padding-top:var(--spacer_h)}dd{padding-bottom:var(--spacer_h)}dd+dd{margin-top:calc(-1 * var(--spacer));padding-top:0}li ul{margin-bottom:0}.td-n{text-decoration:none}.td-u{text-decoration:underline}.td-lt{text-decoration:line-through}.p{padding:var(--spacer)!important}.ph{padding:var(--spacer_h)!important}.pq{padding:var(--spacer_q)!important}.p0{padding:.1px!important}.pt,.py{padding-top:var(--spacer)!important}.pr,.px{padding-right:var(--spacer)!important}.pb,.py{padding-bottom:var(--spacer)!important}.pl,.px{padding-left:var(--spacer)!important}.pth,.pyh{padding-top:var(--spacer_h)!important}.prh,.pxh{padding-right:var(--spacer_h)!important}.pbh,.pyh{padding-bottom:var(--spacer_h)!important}.plh,.pxh{padding-left:var(--spacer_h)!important}.ptq,.pyq{padding-top:var(--spacer_q)!important}.prq,.pxq{padding-right:var(--spacer_q)!important}.pbq,.pyq{padding-bottom:var(--spacer_q)!important}.plq,.pxq{padding-left:var(--spacer_q)!important}.pt0,.py0{padding-top:.1px!important}.pr0,.px0{padding-right:.1px!important}.pb0,.py0{padding-bottom:.1px!important}.pl0,.px0{padding-left:.1px!important}.m{margin:var(--spacer)!important}.mh{margin:var(--spacer_h)!important}.mq{margin:var(--spacer_q)!important}.m0{margin:0!important}.-m{margin:calc(-1 * var(--spacer))!important}.mt,.my{margin-top:var(--spacer)!important}.mr,.mx{margin-right:var(--spacer)!important}.mb,.my{margin-bottom:var(--spacer)!important}.ml,.mx{margin-left:var(--spacer)!important}.mth,.myh{margin-top:var(--spacer_h)!important}.mrh,.mxh{margin-right:var(--spacer_h)!important}.mbh,.myh{margin-bottom:var(--spacer_h)!important}.mlh,.mxh{margin-left:var(--spacer_h)!important}.mtq,.myq{margin-top:var(--spacer_q)!important}.mrq,.mxq{margin-right:var(--spacer_q)!important}.mbq,.myq{margin-bottom:var(--spacer_q)!important}.mlq,.mxq{margin-left:var(--spacer_q)!important}.mt0,.my0{margin-top:0!important}.mr0,.mx0{margin-right:0!important}.mb0,.my0{margin-bottom:0!important}.ml0,.mx0{margin-left:0!important}.-mt,.-my{margin-top:calc(-1 * var(--spacer))!important}.-mr,.-mx{margin-right:calc(-1 * var(--spacer))!important}.-mb,.-my{margin-bottom:calc(-1 * var(--spacer))!important}.-ml,.-mx{margin-left:calc(-1 * var(--spacer))!important}.b{border:1px solid var(--c_border)!important}.b0{border:none!important}.bt,.by{border-top:1px solid var(--c_border)!important}.br,.bx{border-right:1px solid var(--c_border)!important}.bb,.by{border-bottom:1px solid var(--c_border)!important}.bl,.bx{border-left:1px solid var(--c_border)!important}.bt0,.by0{border-top:none!important}.br0,.bx0{border-right:none!important}.bb0,.by0{border-bottom:none!important}.bl0,.bx0{border-left:none!important}.r{border-radius:var(--radius)!important}.r0{border-radius:0!important}.round{border-radius:9999rem!important}.rl,.rt,.rtl{border-top-left-radius:var(--radius)!important}.rr,.rt,.rtr{border-top-right-radius:var(--radius)!important}.rb,.rbr,.rr{border-bottom-right-radius:var(--radius)!important}.rb,.rbl,.rl{border-bottom-left-radius:var(--radius)!important}.rl0,.rt0,.rtl0{border-top-left-radius:0!important}.rr0,.rt0,.rtr0{border-top-right-radius:0!important}.rb0,.rbr0,.rr0{border-bottom-right-radius:0!important}.rb0,.rbl0,.rl0{border-bottom-left-radius:0!important}.row{display:flex;flex-wrap:wrap}.col{flex:1 1}.span-1{min-width:8.333%;flex-basis:8.333%}.span-2{min-width:16.666%;flex-basis:16.666%}.span-3{min-width:25%;flex-basis:25%}.span-4{min-width:33.333%;flex-basis:33.333%}.span-5{min-width:41.666%;flex-basis:41.666%}.span-6{min-width:50%;flex-basis:50%}.span-7{min-width:58.333%;flex-basis:58.333%}.span-8{min-width:66.666%;flex-basis:66.666%}.span-9{min-width:75%;flex-basis:75%}.span-10{min-width:83.333%;flex-basis:83.333%}.span-11{min-width:91.333%;flex-basis:91.333%}.span-12{min-width:100%;flex-basis:100%}@media (min-width:1024px){.d-span-1{min-width:8.333%;flex-basis:8.333%}.d-span-2{min-width:16.666%;flex-basis:16.666%}.d-span-3{min-width:25%;flex-basis:25%}.d-span-4{min-width:33.333%;flex-basis:33.333%}.d-span-5{min-width:41.666%;flex-basis:41.666%}.d-span-6{min-width:50%;flex-basis:50%}.d-span-7{min-width:58.333%;flex-basis:58.333%}.d-span-8{min-width:66.666%;flex-basis:66.666%}.d-span-9{min-width:75%;flex-basis:75%}.d-span-10{min-width:83.333%;flex-basis:83.333%}.d-span-11{min-width:91.333%;flex-basis:91.333%}.d-span-12{min-width:100%;flex-basis:100%}}@media (min-width:769px) and (max-width:1023px){.t-span-1{min-width:8.333%;flex-basis:8.333%}.t-span-2{min-width:16.666%;flex-basis:16.666%}.t-span-3{min-width:25%;flex-basis:25%}.t-span-4{min-width:33.333%;flex-basis:33.333%}.t-span-5{min-width:41.666%;flex-basis:41.666%}.t-span-6{min-width:50%;flex-basis:50%}.t-span-7{min-width:58.333%;flex-basis:58.333%}.t-span-8{min-width:66.666%;flex-basis:66.666%}.t-span-9{min-width:75%;flex-basis:75%}.t-span-10{min-width:83.333%;flex-basis:83.333%}.t-span-11{min-width:91.333%;flex-basis:91.333%}.t-span-12{min-width:100%;flex-basis:100%}}@media (max-width:768px){.m-span-1{min-width:8.333%;flex-basis:8.333%}.m-span-2{min-width:16.666%;flex-basis:16.666%}.m-span-3{min-width:25%;flex-basis:25%}.m-span-4{min-width:33.333%;flex-basis:33.333%}.m-span-5{min-width:41.666%;flex-basis:41.666%}.m-span-6{min-width:50%;flex-basis:50%}.m-span-7{min-width:58.333%;flex-basis:58.333%}.m-span-8{min-width:66.666%;flex-basis:66.666%}.m-span-9{min-width:75%;flex-basis:75%}.m-span-10{min-width:83.333%;flex-basis:83.333%}.m-span-11{min-width:91.333%;flex-basis:91.333%}.m-span-12{min-width:100%;flex-basis:100%}}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}.cols-7{grid-template-columns:repeat(7,1fr)}.cols-8{grid-template-columns:repeat(8,1fr)}.cols-9{grid-template-columns:repeat(9,1fr)}.cols-10{grid-template-columns:repeat(10,1fr)}@media (min-width:1024px){.d-cols-2{grid-template-columns:repeat(2,1fr)}.d-cols-3{grid-template-columns:repeat(3,1fr)}.d-cols-4{grid-template-columns:repeat(4,1fr)}.d-cols-5{grid-template-columns:repeat(5,1fr)}.d-cols-6{grid-template-columns:repeat(6,1fr)}.d-cols-7{grid-template-columns:repeat(7,1fr)}.d-cols-8{grid-template-columns:repeat(8,1fr)}.d-cols-9{grid-template-columns:repeat(9,1fr)}.d-cols-10{grid-template-columns:repeat(10,1fr)}}@media (min-width:769px) and (max-width:1023px){.t-cols-2{grid-template-columns:repeat(2,1fr)}.t-cols-3{grid-template-columns:repeat(3,1fr)}.t-cols-4{grid-template-columns:repeat(4,1fr)}.t-cols-5{grid-template-columns:repeat(5,1fr)}.t-cols-6{grid-template-columns:repeat(6,1fr)}.t-cols-7{grid-template-columns:repeat(7,1fr)}.t-cols-8{grid-template-columns:repeat(8,1fr)}.t-cols-9{grid-template-columns:repeat(9,1fr)}.t-cols-10{grid-template-columns:repeat(10,1fr)}}@media (max-width:768px){.m-cols-2{grid-template-columns:repeat(2,1fr)}.m-cols-3{grid-template-columns:repeat(3,1fr)}.m-cols-4{grid-template-columns:repeat(4,1fr)}.m-cols-5{grid-template-columns:repeat(5,1fr)}.m-cols-6{grid-template-columns:repeat(6,1fr)}.m-cols-7{grid-template-columns:repeat(7,1fr)}.m-cols-8{grid-template-columns:repeat(8,1fr)}.m-cols-9{grid-template-columns:repeat(9,1fr)}.m-cols-10{grid-template-columns:repeat(10,1fr)}}.btn,button:not(.no-btn):not(.no-style),input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:var(--btn_padding);background-color:var(--btn_bg);border:1px solid var(--btn_border);cursor:pointer;outline:0;border-radius:var(--radius);color:var(--btn_tc);transition:background-color var(--animation_ms),box-shadow var(--animation_ms);text-decoration:none;box-shadow:var(--btn_box_shadow);font-size:inherit;vertical-align:middle}.btn:not(:disabled):not(.link):hover,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):hover,input[type=button]:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{background-color:var(--btn_bg__hover);color:var(--btn_tc);box-shadow:var(--btn_box_shadow__hover)}.btn:not(:disabled):not(.link):focus,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):focus,input[type=button]:not(:disabled):focus,input[type=reset]:not(:disabled):focus,input[type=submit]:not(:disabled):focus{box-shadow:var(--btn_box_shadow__hover),var(--focus_shadow);z-index:1}.btn[disabled],button:not(.no-btn):not(.no-style):disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{opacity:.6}.btn.primary,button:not(.no-btn).primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{background-color:var(--c_primary)!important;--btn_tc:var(--tc_on_primary)}.btn.primary:not(:disabled):hover,button:not(.no-btn).primary:not(:disabled):hover,input[type=button].primary:not(:disabled):hover,input[type=reset].primary:not(:disabled):hover,input[type=submit].primary:not(:disabled):hover{background-color:var(--c_primary__hover)!important}.btn.secondary,button:not(.no-btn).secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{background-color:var(--c_secondary)!important;--btn_tc:var(--tc_on_secondary)}.btn.secondary:not(:disabled):hover,button:not(.no-btn).secondary:not(:disabled):hover,input[type=button].secondary:not(:disabled):hover,input[type=reset].secondary:not(:disabled):hover,input[type=submit].secondary:not(:disabled):hover{background-color:var(--c_secondary__hover)!important}.btn.success,button:not(.no-btn).success,input[type=button].success,input[type=reset].success,input[type=submit].success{background-color:var(--c_success)!important;--btn_tc:var(--tc_on_success)}.btn.success:not(:disabled):hover,button:not(.no-btn).success:not(:disabled):hover,input[type=button].success:not(:disabled):hover,input[type=reset].success:not(:disabled):hover,input[type=submit].success:not(:disabled):hover{background-color:var(--c_success__hover)!important}.btn.warning,button:not(.no-btn).warning,input[type=button].warning,input[type=reset].warning,input[type=submit].warning{background-color:var(--c_warning)!important;--btn_tc:var(--tc_on_warning)}.btn.warning:not(:disabled):hover,button:not(.no-btn).warning:not(:disabled):hover,input[type=button].warning:not(:disabled):hover,input[type=reset].warning:not(:disabled):hover,input[type=submit].warning:not(:disabled):hover{background-color:var(--c_warning__hover)!important}.btn.danger,button:not(.no-btn).danger,input[type=button].danger,input[type=reset].danger,input[type=submit].danger{background-color:var(--c_danger)!important;--btn_tc:var(--tc_on_danger)}.btn.danger:not(:disabled):hover,button:not(.no-btn).danger:not(:disabled):hover,input[type=button].danger:not(:disabled):hover,input[type=reset].danger:not(:disabled):hover,input[type=submit].danger:not(:disabled):hover{background-color:var(--c_danger__hover)!important}.btn.link,button:not(.no-btn):not(.no-style).link,input[type=button].link,input[type=reset].link,input[type=submit].link{background-color:transparent;color:inherit;box-shadow:0 0 0 transparent;border:none;padding:.1px;font-size:inherit}.btn-grp{display:inline-flex}.btn-grp .btn:not(:first-child),.btn-grp button:not(.no-btn):not(:first-child),.btn-grp input[type=button]:not(:first-child),.btn-grp input[type=reset]:not(:first-child),.btn-grp input[type=submit]:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(0,0,0,.25)}.btn-grp .btn:not(:last-child),.btn-grp button:not(.no-btn):not(:last-child),.btn-grp input[type=button]:not(:last-child),.btn-grp input[type=reset]:not(:last-child),.btn-grp input[type=submit]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.no-btn{display:inline;border:none;background-color:transparent;padding:0;font-size:inherit;font-family:inherit;cursor:pointer;outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:0;text-align:left;color:inherit}.no-btn:not(:disabled):focus{box-shadow:var(--focus_shadow)}.full{display:block;width:100%}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;background-color:var(--input_bg);color:var(--input_tc);border:var(--input_border_width) solid var(--c_input_border);padding:var(--input_padding);border-radius:var(--radius);outline:0;transition:box-shadow var(--animation_ms)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not(:disabled):focus,input[type=checkbox]:not(:disabled):focus,input[type=radio]:not(:disabled):focus,select:not(:disabled):focus,textarea:not(:disabled):focus{box-shadow:var(--focus_shadow)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):disabled,input[type=checkbox]:disabled,input[type=radio]:disabled,select:disabled,textarea:disabled{opacity:.6}select[multiple],textarea{resize:vertical;max-height:75vh;height:6rem;min-height:4rem}select[multiple]{height:8rem}select{cursor:pointer}label{display:block;cursor:pointer;padding-bottom:var(--spacer_h)}label.checkbox,label.radio{display:inline-block;vertical-align:middle;width:calc(100% - 2em - (2 * var(--spacer_h)) - 6px)}input[type=checkbox],input[type=radio]{display:inline-block;width:1em;height:1em;cursor:pointer;vertical-align:middle;accent-color:var(--c_input_accent);margin:var(--spacer_q) var(--spacer_h);transition:background-color var(--animation_ms),color var(--animation_ms),box-shadow var(--animation_ms)}input[type=checkbox]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:var(--radius);vertical-align:-.5em;position:relative}input[type=checkbox]::before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);background-color:transparent;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:background-color var(--animation_ms)}input[type=checkbox]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=checkbox]:checked{background-color:var(--c_primary);border-color:var(--c_primary)}input[type=checkbox]:checked::before{background-color:var(--tc_on_primary)}input[type=radio]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:50%;vertical-align:-.5em}input[type=radio]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=radio]:checked{border-color:var(--c_primary);background:radial-gradient(circle,var(--c_primary) 40%,transparent 45%)}select option{padding:var(--spacer_h) var(--spacer);background-color:var(--input_bg);color:var(--input_tc)}select[multiple]{padding:.1px}select[multiple] option{padding:var(--spacer_h) var(--spacer)}input[type=color]{padding:0!important;height:2.35em}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius,.25rem);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=time]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:var(--date_picker_icon_filter)}.table-wrapper{overflow-x:auto}table{width:100%;border-spacing:0}th{font-weight:var(--fw_bold);text-align:left;background-color:var(--c_bg__alt);border-top:1px solid var(--c_border)}td,th{padding:var(--spacer_h) var(--spacer);border-bottom:1px solid var(--c_border);border-left:1px solid var(--c_border)}td:last-child,th:last-child{border-right:1px solid var(--c_border)}th:first-child{border-top-left-radius:var(--radius)}th:last-child{border-top-right-radius:var(--radius)}tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}.bg-default{background-color:var(--c_bg)!important;color:var(--tc)!important}.bg-alt{background-color:var(--c_bg__alt)!important;color:var(--tc)!important}.bg-inv{--c_primary:var(--c_primary__inv);--c_primary__hover:var(--c_primary__inv__hover);--c_secondary:var(--c_secondary__inv);--c_secondary__hover:var(--c_secondary__inv__hover);--c_success:var(--c_success__inv);--c_success__hover:var(--c_success__inv__hover);--c_warning:var(--c_warning__inv);--c_warning__hover:var(--c_warning__inv__hover);--c_danger:var(--c_danger__inv);--c_danger__hover:var(--c_danger__inv__hover);--tc_link:var(--tc_link__inv);--tc_link__hover:var(--tc_link__inv__hover);background-color:var(--c_bg__inv)!important;color:var(--tc_inv)!important}.bg-primary{--tc_link:var(--tc_on_primary);--tc_link__hover:var(--tc_on_primary);--c_border:var(--tc_on_primary);background-color:var(--c_primary)!important;color:var(--tc_on_primary)!important;--focus_shadow:var(--focus_shadow_on_primary)}.bg-secondary{--tc_link:var(--tc_on_secondary);--tc_link__hover:var(--tc_on_secondary);background-color:var(--c_secondary)!important;color:var(--tc_on_secondary)!important}.bg-success{--tc_link:var(--tc_on_success);--tc_link__hover:var(--tc_on_success);background-color:var(--c_success)!important;color:var(--tc_on_success)!important}.bg-warning{--tc_link:var(--tc_on_warning);--tc_link__hover:var(--tc_on_warning);background-color:var(--c_warning)!important;color:var(--tc_on_warning)!important}.bg-danger{--tc_link:var(--tc_on_danger);--tc_link__hover:var(--tc_on_danger);background-color:var(--c_danger)!important;color:var(--tc_on_danger)!important}.tc-default{color:var(--tc)!important}.tc-inv{color:var(--tc__inv)!important}.tc-primary{color:var(--tc_primary)!important}.bg-inv .tc-primary,.is-inv .tc-primary{color:var(--tc_primary__inv)!important}.tc-secondary{color:var(--tc_secondary)!important}.bg-inv .tc-secondary,.is-inv .tc-secondary{color:var(--tc_secondary__inv)!important}.tc-success{color:var(--tc_success)!important}.bg-inv .tc-success,.is-inv .tc-success{color:var(--tc_success__inv)!important}.tc-warning{color:var(--tc_warning)!important}.bg-inv .tc-warning,.is-inv .tc-warning{color:var(--tc_warning__inv)!important}.tc-danger{color:var(--tc_danger)!important}.bg-inv .tc-danger,.is-inv .tc-danger{color:var(--tc_danger__inv)!important}.tc-muted{color:var(--tc_muted)!important}.card{border:1px solid var(--c_border);border-radius:var(--radius);padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer);margin-bottom:var(--spacer)}.elevation-0{z-index:0}.elevation-1{z-index:10}.elevation-2{z-index:20}.elevation-3{z-index:30}.elevation-4{z-index:40}.elevation-5{z-index:50}.elevation-6{z-index:60}.elevation-7{z-index:70}.elevation-8{z-index:80}.elevation-9{z-index:90}.elevation-10{z-index:100}.shadow{box-shadow:none}.shadow.elevation-0{box-shadow:var(--shadow_0)}.shadow.elevation-1{box-shadow:var(--shadow_1)}.shadow.elevation-3{box-shadow:var(--shadow_3)}.shadow.elevation-4{box-shadow:var(--shadow_4)}.shadow.elevation-5{box-shadow:var(--shadow_5)}.shadow.elevation-6{box-shadow:var(--shadow_6)}.shadow.elevation-7{box-shadow:var(--shadow_7)}.shadow.elevation-8{box-shadow:var(--shadow_8)}.shadow.elevation-9{box-shadow:var(--shadow_9)}.shadow.elevation-10{box-shadow:var(--shadow_10)}.bg-elevation.elevation-0{background-color:var(--c_bg_elevation_0)}.bg-elevation.elevation-1{background-color:var(--c_bg_elevation_1)}.bg-elevation.elevation-2{background-color:var(--c_bg_elevation_2)}.bg-elevation.elevation-3{background-color:var(--c_bg_elevation_3)}.bg-elevation.elevation-4{background-color:var(--c_bg_elevation_4)}.bg-elevation.elevation-5{background-color:var(--c_bg_elevation_5)}.bg-elevation.elevation-6{background-color:var(--c_bg_elevation_6)}.bg-elevation.elevation-7{background-color:var(--c_bg_elevation_7)}.bg-elevation.elevation-8{background-color:var(--c_bg_elevation_8)}.bg-elevation.elevation-9{background-color:var(--c_bg_elevation_9)}.bg-elevation.elevation-10{background-color:var(--c_bg_elevation_10)}.icon{display:inline-block;width:1.35em;vertical-align:top;margin-left:auto;margin-right:auto}iframe{border:none;width:100%}
package/docs/borders-spacing.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -436,11 +444,11 @@
436
444
  </main>
437
445
  <div style="height:33vh"></div>
438
446
  </k-main>
439
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
440
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
441
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
442
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
443
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
447
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
448
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
449
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
450
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
451
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
444
452
 
445
453
  </body>
446
454
  </html>
package/docs/buttons.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -252,11 +260,11 @@
252
260
  </main>
253
261
  <div style="height:33vh"></div>
254
262
  </k-main>
255
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
256
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
257
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
258
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
259
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
263
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
264
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
265
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
266
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
267
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
260
268
 
261
269
  </body>
262
270
  </html>
package/docs/colors.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -190,11 +198,11 @@
190
198
  </main>
191
199
  <div style="height:33vh"></div>
192
200
  </k-main>
193
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
194
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
195
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
196
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
197
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
201
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
202
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
203
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
204
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
205
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
198
206
 
199
207
  </body>
200
208
  </html>
package/docs/components/ThemePropertyInput.js CHANGED
@@ -1,5 +1,5 @@
1
- import ShadowComponent from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ShadowComponent.js';
2
- import { html, css } from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/lit-all.min.js';
1
+ import ShadowComponent from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ShadowComponent.js';
2
+ import { html, css } from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/lit-all.min.js';
3
3
 
4
4
  export default class ThemePropertyInput extends ShadowComponent {
5
5
  static properties = {
package/docs/elevation.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -49,7 +49,15 @@
49
49
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
50
50
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
51
51
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
52
- <k-theme-switcher></k-theme-switcher>
52
+ <k-theme-switcher
53
+ class="mr"
54
+ style="
55
+ --padding: 0.5rem;
56
+ --c_active: var(--tc_on_primary);
57
+ --tc_active: var(--c_primary);
58
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
59
+ "
60
+ ></k-theme-switcher>
53
61
  </k-nav>
54
62
  <div style="width: 100%; height: 4rem;"></div>
55
63
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -499,11 +507,11 @@
499
507
  </main>
500
508
  <div style="height:33vh"></div>
501
509
  </k-main>
502
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
503
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
504
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
505
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
506
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
510
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
511
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
512
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
513
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
514
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
507
515
 
508
516
  </body>
509
517
  </html>
package/docs/examples/responsive-grid.html CHANGED
@@ -28,6 +28,6 @@
28
28
  col d-span-3 t-span-6 m-span-12
29
29
  </div>
30
30
  </div>
31
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
31
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
32
32
  </body>
33
33
  </html>
package/docs/index.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -229,11 +237,11 @@
229
237
  </main>
230
238
  <div style="height:33vh"></div>
231
239
  </k-main>
232
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
233
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
234
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
235
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
236
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
240
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
241
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
242
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
243
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
244
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
237
245
 
238
246
  <script type="module">
239
247
  document.getElementById('version').innerHTML = (await (await fetch('https://raw.githubusercontent.com/dustinpoissant/kempo-css/refs/heads/main/package.json')).json()).version;
package/docs/inputs.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -253,11 +261,11 @@
253
261
  </main>
254
262
  <div style="height:33vh"></div>
255
263
  </k-main>
256
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
257
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
258
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
259
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
260
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
264
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
265
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
266
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
267
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
268
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
261
269
 
262
270
  </body>
263
271
  </html>
package/docs/kempo.css CHANGED
@@ -406,7 +406,7 @@ h1, h2, h3, h4, h5, h6,
406
406
  .h4, h4 { font-size: var(--fs_h4) }
407
407
  .h5, h5 { font-size: var(--fs_h5) }
408
408
  .h6, h6 { font-size: var(--fs_h6) }
409
- p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl, pre, hr, dd {
409
+ p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl, pre, dd {
410
410
  margin-bottom: var(--spacer);
411
411
  }
412
412
  ul, ol, dl {
@@ -468,6 +468,8 @@ a:focus,
468
468
  color: inherit;
469
469
  }
470
470
  hr {
471
+ width: calc(100% - (2 * var(--spacer)));
472
+ margin: var(--spacer_h) var(--spacer);
471
473
  border: none;
472
474
  border-top: 1px solid var(--c_border);
473
475
  }
package/docs/kempo.min.css CHANGED
@@ -1 +1 @@
1
- :root{color-scheme:light;--ff_body:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_heading:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_mono:Consolas,monaco,monospace;--fs_base:16px;--fs_small:calc(0.6 * var(--fs_base));--fs_large:calc(1.5 * var(--fs_base));--fs_h6:var(--fs_base);--fs_h5:calc(1.25 * var(--fs_base));--fs_h4:calc(1.5 * var(--fs_base));--fs_h3:calc(1.75 * var(--fs_base));--fs_h2:calc(2 * var(--fs_base));--fs_h1:calc(2.5 * var(--fs_base));--fw_base:400;--fw_bold:700;--spacer:1rem;--spacer_h:calc(0.5 * var(--spacer));--spacer_q:calc(0.25 * var(--spacer));--line-height:1.35em;--container_width:90rem;--animation_ms:256ms;--radius:0.25rem;--link_decoration:underline;--input_padding:var(--spacer_h) var(--spacer);--input_border_width:1px;--btn_padding:var(--spacer_h) var(--spacer);--c_bg:light-dark(rgb(249, 249, 249), rgb(51, 51, 51));--c_overscroll:light-dark(rgb(255, 255, 255), rgb(0, 0, 0));--c_border:light-dark(rgb(204, 204, 204), rgb(119, 119, 119));--c_primary:rgb(51, 102, 255);--c_secondary:rgb(153, 51, 255);--c_success:rgb(0, 136, 0);--c_warning:rgb(255, 102, 0);--c_danger:rgb(255, 0, 51);--btn_bg:light-dark(rgb(221, 221, 221), rgb(170, 170, 170));--tc:light-dark(rgba(0, 0, 0, 0.93), rgba(255, 255, 255, 0.93));--tc_dark:rgba(0, 0, 0, 0.93);--tc_light:rgba(255, 255, 255, 0.93);--tc_muted:light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5));--c_overlay:rgba(0, 0, 0, 0.5);--c_bg__alt:oklch(from var(--c_bg) calc(l - 0.04) c h);--c_bg__inv:light-dark(oklch(from var(--c_bg) calc(l - 0.73) c h), oklch(from var(--c_bg) calc(l + 0.73) c h));--c_border__inv:light-dark(oklch(from var(--c_border) calc(l - 0.34) c h), oklch(from var(--c_border) calc(l + 0.34) c h));--c_primary__hover:oklch(from var(--c_primary) calc(l - 0.12) c h);--c_secondary__hover:oklch(from var(--c_secondary) calc(l - 0.12) c h);--c_success__hover:oklch(from var(--c_success) calc(l - 0.12) c h);--c_warning__hover:oklch(from var(--c_warning) calc(l - 0.12) c h);--c_danger__hover:oklch(from var(--c_danger) calc(l - 0.12) c h);--c_input_accent:var(--c_primary);--c_input_border:var(--c_border);--c_highlight:oklch(from var(--c_primary) l c h / 0.25);--tc_inv:light-dark(rgba(255, 255, 255, 0.93), rgba(0, 0, 0, 0.93));--tc_on_primary:rgba(255, 255, 255, 0.93);--tc_on_secondary:rgba(255, 255, 255, 0.93);--tc_on_success:rgba(255, 255, 255, 0.93);--tc_on_warning:rgba(255, 255, 255, 0.93);--tc_on_danger:rgba(255, 255, 255, 0.93);--tc_primary:light-dark(var(--c_primary), oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h));--tc_secondary:light-dark(var(--c_secondary), oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h));--tc_success:light-dark(var(--c_success), oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h));--tc_warning:light-dark(var(--c_warning), oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h));--tc_danger:light-dark(var(--c_danger), oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h));--tc__inv:var(--tc_inv);--tc_primary__inv:oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h);--tc_secondary__inv:oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h);--tc_success__inv:oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h);--tc_warning__inv:oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h);--tc_danger__inv:oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h);--btn_box_shadow:0 0 0 transparent;--btn_box_shadow__hover:0 0 0 transparent;--btn_border:transparent;--btn_bg__hover:oklch(from var(--btn_bg) calc(l - 0.08) c h);--btn_tc:rgba(0, 0, 0, 0.93);--btn_transparent__hover:light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));--tc_link:var(--tc_primary);--tc_link__hover:var(--tc_secondary);--tc_link__inv:var(--tc_primary__inv);--tc_link__inv__hover:var(--tc_secondary__inv);--focus_shadow:0 0 2px 2px var(--c_primary);--focus_shadow_on_primary:0 0 2px 2px var(--tc_on_primary);--input_bg:light-dark(white, var(--c_bg__alt));--input_tc:light-dark(rgba(0, 0, 0, 0.93), var(--tc));--date_picker_icon_filter:light-dark(invert(0), invert(1));--c_bg_elevation_0:oklch(from var(--c_bg) calc(l - 0.13) c h);--c_bg_elevation_1:light-dark(oklch(from var(--c_bg) calc(l - 0.065) c h), oklch(from var(--c_bg) calc(l - 0.10) c h));--c_bg_elevation_2:var(--c_bg);--c_bg_elevation_3:light-dark(oklch(from var(--c_bg) calc(l + 0.01) c h), oklch(from var(--c_bg) calc(l + 0.03) c h));--c_bg_elevation_4:light-dark(oklch(from var(--c_bg) calc(l + 0.02) c h), oklch(from var(--c_bg) calc(l + 0.06) c h));--c_bg_elevation_5:light-dark(oklch(from var(--c_bg) calc(l + 0.03) c h), oklch(from var(--c_bg) calc(l + 0.09) c h));--c_bg_elevation_6:light-dark(oklch(from var(--c_bg) calc(l + 0.04) c h), oklch(from var(--c_bg) calc(l + 0.13) c h));--c_bg_elevation_7:light-dark(oklch(from var(--c_bg) calc(l + 0.05) c h), oklch(from var(--c_bg) calc(l + 0.17) c h));--c_bg_elevation_8:light-dark(oklch(from var(--c_bg) calc(l + 0.06) c h), oklch(from var(--c_bg) calc(l + 0.21) c h));--c_bg_elevation_9:light-dark(oklch(from var(--c_bg) calc(l + 0.07) c h), oklch(from var(--c_bg) calc(l + 0.25) c h));--c_bg_elevation_10:light-dark(oklch(from var(--c_bg) calc(l + 0.08) c h), oklch(from var(--c_bg) calc(l + 0.31) c h));--shadow_color:black;--shadow_size:1px;--shadow_base_opacity:0.12;--shadow_opacity_step:0.04;--shadow_0:inset 0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 2)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.5));--shadow_1:inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.25)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 0.75));--shadow_3:0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / var(--shadow_base_opacity));--shadow_4:0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 4) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step)));--shadow_5:0 calc(var(--shadow_size) * 3) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step) * 2));--shadow_6:var(--shadow_5);--shadow_7:var(--shadow_5);--shadow_8:var(--shadow_5);--shadow_9:var(--shadow_5);--shadow_10:var(--shadow_5)}[theme=light]{color-scheme:light}[theme=dark]{color-scheme:dark;--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}[theme=auto]{color-scheme:light dark}@media (prefers-color-scheme:dark){[theme=auto]{--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}}:root{interpolate-size:allow-keywords}*,::after,::before{font-family:inherit;box-sizing:border-box;line-height:var(--line-height)}blockquote,body,code,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,ul{margin:0;padding:.1px}html{font-family:var(--ff_body);font-size:var(--fs_base);font-weight:var(--fw_base);color:var(--tc);scrollbar-gutter:stable}::selection{background:var(--c_highlight)}body{min-height:100vh;background-color:var(--c_bg);color:var(--tc);overflow-y:scroll;font-family:var(--ff_body);position:relative}body.no-scroll{overflow:hidden!important}.container,main{max-width:var(--container_width);margin-left:auto;margin-right:auto;padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer)}nav>.link,nav>a{display:inline-block;padding:var(--spacer)!important;text-decoration:none}menu{margin:0;padding:0}menu a{display:block;padding:var(--spacer_q);text-decoration:none;color:inherit}summary{cursor:pointer;margin-bottom:var(--sapcer);outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:var(--radius)}summary:focus{box-shadow:var(--focus_shadow)}.d-b{display:block!important}.d-ib{display:inline-block!important}.d-g{display:grid!important}.d-i{display:inline!important}.d-n{display:none!important}.d-f{display:flex!important;flex-wrap:wrap}.d-if{display:inline-flex!important;flex-wrap:wrap}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-f{display:flex!important;flex-wrap:wrap}.d-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-f{display:flex!important;flex-wrap:wrap}.t-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-f{display:flex!important;flex-wrap:wrap}.m-d-if{display:inline-flex!important;flex-wrap:wrap}}.flex,.flex-1{flex:1 1 auto}.flex-0{flex:0 0}.flex-2{flex:2 2 auto}.flex-3{flex:3 3 auto}.flex-4{flex:4 4 auto}.flex-5{flex:5 5 auto}.flex-6{flex:6 6 auto}.flex-7{flex:7 7 auto}.flex-8{flex:8 8 auto}.flex-9{flex:9 9 auto}.flex-10{flex:10 10 auto}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-if{display:inline-flex!important;flex-wrap:wrap}.d-d-f{display:flex!important;flex-wrap:wrap}.d-flex,.d-flex-1{flex:1 1 auto}.d-flex-0{flex:0 0}.d-flex-2{flex:2 2 auto}.d-flex-3{flex:3 3 auto}.d-flex-4{flex:4 4 auto}.d-flex-5{flex:5 5 auto}.d-flex-6{flex:6 6 auto}.d-flex-7{flex:7 7 auto}.d-flex-8{flex:8 8 auto}.d-flex-9{flex:9 9 auto}.d-flex-10{flex:10 10 auto}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-if{display:inline-flex!important;flex-wrap:wrap}.t-d-f{display:flex!important;flex-wrap:wrap}.t-flex,.t-flex-1{flex:1 1 auto}.t-flex-0{flex:0 0}.t-flex-2{flex:2 2 auto}.t-flex-3{flex:3 3 auto}.t-flex-4{flex:4 4 auto}.t-flex-5{flex:5 5 auto}.t-flex-6{flex:6 6 auto}.t-flex-7{flex:7 7 auto}.t-flex-8{flex:8 8 auto}.t-flex-9{flex:9 9 auto}.t-flex-10{flex:10 10 auto}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-if{display:inline-flex!important;flex-wrap:wrap}.m-d-f{display:flex!important;flex-wrap:wrap}.m-flex,.m-flex-1{flex:1 1 auto}.m-flex-0{flex:0 0}.m-flex-2{flex:2 2 auto}.m-flex-3{flex:3 3 auto}.m-flex-4{flex:4 4 auto}.m-flex-5{flex:5 5 auto}.m-flex-6{flex:6 6 auto}.m-flex-7{flex:7 7 auto}.m-flex-8{flex:8 8 auto}.m-flex-9{flex:9 9 auto}.m-flex-10{flex:10 10 auto}}.fixed{position:fixed;top:0;width:100%;z-index:99;box-shadow:none;transition:box-shadow var(--animation_ms)}.fixed.scrolled{box-shadow:var(--elevation_2_shadow)}k-nav[fixed]{box-shadow:none;transition:box-shadow var(--animation_ms)}k-nav[fixed].scrolled{box-shadow:var(--elevation_2_shadow)}.small,small{font-size:var(--fs_small)!important}.large{font-size:var(--fs_large)!important}.h1,.h2,.h3,.h4,.h5,.h6,b,h1,h2,h3,h4,h5,h6,strong{font-weight:var(--fw_bold)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--ff_heading)}.h1,h1{font-size:var(--fs_h1)}.h2,h2{font-size:var(--fs_h2)}.h3,h3{font-size:var(--fs_h3)}.h4,h4{font-size:var(--fs_h4)}.h5,h5{font-size:var(--fs_h5)}.h6,h6{font-size:var(--fs_h6)}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,ul{margin-bottom:var(--spacer)}dl,ol,ul{padding-left:calc(1.5 * var(--spacer))}blockquote{border-left:2px solid var(--c_border);padding:var(--spacer)}mark{background-color:var(--c_highlight);color:inherit}.ff-mono,code,pre{font-family:var(--ff_mono)}code{background-color:var(--c_bg__alt);border-radius:var(--radius);word-break:break-word;padding:calc(.125 * var(--spacer)) var(--spacer_q)}pre code{display:block;padding:var(--spacer);word-break:normal;overflow:auto;white-space:pre-wrap}output{display:block;border:1px solid var(--c_border);border-radius:var(--radius);padding:var(--spacer) var(--spacer) 0 var(--spacer)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.link,a{color:var(--tc_link);box-shadow:0 0 0 transparent;transition:color var(--animation_ms),box-shadow var(--animation_ms);outline:0;border-radius:var(--radius);text-decoration:var(--link_decoration)}.link:hover,a:hover{color:var(--tc_link__hover)}.link:focus-visible,a:focus{box-shadow:var(--focus_shadow)}.no-link,.no-link:hover{text-decoration:none;color:inherit}hr{border:none;border-top:1px solid var(--c_border)}small{font-size:.75em}dl{padding:0;margin:0}dd,dt{padding-left:var(--spacer);border-left:2px solid var(--c_border)}dt{padding-top:var(--spacer_h)}dd{padding-bottom:var(--spacer_h)}dd+dd{margin-top:calc(-1 * var(--spacer));padding-top:0}li ul{margin-bottom:0}.td-n{text-decoration:none}.td-u{text-decoration:underline}.td-lt{text-decoration:line-through}.p{padding:var(--spacer)!important}.ph{padding:var(--spacer_h)!important}.pq{padding:var(--spacer_q)!important}.p0{padding:.1px!important}.pt,.py{padding-top:var(--spacer)!important}.pr,.px{padding-right:var(--spacer)!important}.pb,.py{padding-bottom:var(--spacer)!important}.pl,.px{padding-left:var(--spacer)!important}.pth,.pyh{padding-top:var(--spacer_h)!important}.prh,.pxh{padding-right:var(--spacer_h)!important}.pbh,.pyh{padding-bottom:var(--spacer_h)!important}.plh,.pxh{padding-left:var(--spacer_h)!important}.ptq,.pyq{padding-top:var(--spacer_q)!important}.prq,.pxq{padding-right:var(--spacer_q)!important}.pbq,.pyq{padding-bottom:var(--spacer_q)!important}.plq,.pxq{padding-left:var(--spacer_q)!important}.pt0,.py0{padding-top:.1px!important}.pr0,.px0{padding-right:.1px!important}.pb0,.py0{padding-bottom:.1px!important}.pl0,.px0{padding-left:.1px!important}.m{margin:var(--spacer)!important}.mh{margin:var(--spacer_h)!important}.mq{margin:var(--spacer_q)!important}.m0{margin:0!important}.-m{margin:calc(-1 * var(--spacer))!important}.mt,.my{margin-top:var(--spacer)!important}.mr,.mx{margin-right:var(--spacer)!important}.mb,.my{margin-bottom:var(--spacer)!important}.ml,.mx{margin-left:var(--spacer)!important}.mth,.myh{margin-top:var(--spacer_h)!important}.mrh,.mxh{margin-right:var(--spacer_h)!important}.mbh,.myh{margin-bottom:var(--spacer_h)!important}.mlh,.mxh{margin-left:var(--spacer_h)!important}.mtq,.myq{margin-top:var(--spacer_q)!important}.mrq,.mxq{margin-right:var(--spacer_q)!important}.mbq,.myq{margin-bottom:var(--spacer_q)!important}.mlq,.mxq{margin-left:var(--spacer_q)!important}.mt0,.my0{margin-top:0!important}.mr0,.mx0{margin-right:0!important}.mb0,.my0{margin-bottom:0!important}.ml0,.mx0{margin-left:0!important}.-mt,.-my{margin-top:calc(-1 * var(--spacer))!important}.-mr,.-mx{margin-right:calc(-1 * var(--spacer))!important}.-mb,.-my{margin-bottom:calc(-1 * var(--spacer))!important}.-ml,.-mx{margin-left:calc(-1 * var(--spacer))!important}.b{border:1px solid var(--c_border)!important}.b0{border:none!important}.bt,.by{border-top:1px solid var(--c_border)!important}.br,.bx{border-right:1px solid var(--c_border)!important}.bb,.by{border-bottom:1px solid var(--c_border)!important}.bl,.bx{border-left:1px solid var(--c_border)!important}.bt0,.by0{border-top:none!important}.br0,.bx0{border-right:none!important}.bb0,.by0{border-bottom:none!important}.bl0,.bx0{border-left:none!important}.r{border-radius:var(--radius)!important}.r0{border-radius:0!important}.round{border-radius:9999rem!important}.rl,.rt,.rtl{border-top-left-radius:var(--radius)!important}.rr,.rt,.rtr{border-top-right-radius:var(--radius)!important}.rb,.rbr,.rr{border-bottom-right-radius:var(--radius)!important}.rb,.rbl,.rl{border-bottom-left-radius:var(--radius)!important}.rl0,.rt0,.rtl0{border-top-left-radius:0!important}.rr0,.rt0,.rtr0{border-top-right-radius:0!important}.rb0,.rbr0,.rr0{border-bottom-right-radius:0!important}.rb0,.rbl0,.rl0{border-bottom-left-radius:0!important}.row{display:flex;flex-wrap:wrap}.col{flex:1 1}.span-1{min-width:8.333%;flex-basis:8.333%}.span-2{min-width:16.666%;flex-basis:16.666%}.span-3{min-width:25%;flex-basis:25%}.span-4{min-width:33.333%;flex-basis:33.333%}.span-5{min-width:41.666%;flex-basis:41.666%}.span-6{min-width:50%;flex-basis:50%}.span-7{min-width:58.333%;flex-basis:58.333%}.span-8{min-width:66.666%;flex-basis:66.666%}.span-9{min-width:75%;flex-basis:75%}.span-10{min-width:83.333%;flex-basis:83.333%}.span-11{min-width:91.333%;flex-basis:91.333%}.span-12{min-width:100%;flex-basis:100%}@media (min-width:1024px){.d-span-1{min-width:8.333%;flex-basis:8.333%}.d-span-2{min-width:16.666%;flex-basis:16.666%}.d-span-3{min-width:25%;flex-basis:25%}.d-span-4{min-width:33.333%;flex-basis:33.333%}.d-span-5{min-width:41.666%;flex-basis:41.666%}.d-span-6{min-width:50%;flex-basis:50%}.d-span-7{min-width:58.333%;flex-basis:58.333%}.d-span-8{min-width:66.666%;flex-basis:66.666%}.d-span-9{min-width:75%;flex-basis:75%}.d-span-10{min-width:83.333%;flex-basis:83.333%}.d-span-11{min-width:91.333%;flex-basis:91.333%}.d-span-12{min-width:100%;flex-basis:100%}}@media (min-width:769px) and (max-width:1023px){.t-span-1{min-width:8.333%;flex-basis:8.333%}.t-span-2{min-width:16.666%;flex-basis:16.666%}.t-span-3{min-width:25%;flex-basis:25%}.t-span-4{min-width:33.333%;flex-basis:33.333%}.t-span-5{min-width:41.666%;flex-basis:41.666%}.t-span-6{min-width:50%;flex-basis:50%}.t-span-7{min-width:58.333%;flex-basis:58.333%}.t-span-8{min-width:66.666%;flex-basis:66.666%}.t-span-9{min-width:75%;flex-basis:75%}.t-span-10{min-width:83.333%;flex-basis:83.333%}.t-span-11{min-width:91.333%;flex-basis:91.333%}.t-span-12{min-width:100%;flex-basis:100%}}@media (max-width:768px){.m-span-1{min-width:8.333%;flex-basis:8.333%}.m-span-2{min-width:16.666%;flex-basis:16.666%}.m-span-3{min-width:25%;flex-basis:25%}.m-span-4{min-width:33.333%;flex-basis:33.333%}.m-span-5{min-width:41.666%;flex-basis:41.666%}.m-span-6{min-width:50%;flex-basis:50%}.m-span-7{min-width:58.333%;flex-basis:58.333%}.m-span-8{min-width:66.666%;flex-basis:66.666%}.m-span-9{min-width:75%;flex-basis:75%}.m-span-10{min-width:83.333%;flex-basis:83.333%}.m-span-11{min-width:91.333%;flex-basis:91.333%}.m-span-12{min-width:100%;flex-basis:100%}}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}.cols-7{grid-template-columns:repeat(7,1fr)}.cols-8{grid-template-columns:repeat(8,1fr)}.cols-9{grid-template-columns:repeat(9,1fr)}.cols-10{grid-template-columns:repeat(10,1fr)}@media (min-width:1024px){.d-cols-2{grid-template-columns:repeat(2,1fr)}.d-cols-3{grid-template-columns:repeat(3,1fr)}.d-cols-4{grid-template-columns:repeat(4,1fr)}.d-cols-5{grid-template-columns:repeat(5,1fr)}.d-cols-6{grid-template-columns:repeat(6,1fr)}.d-cols-7{grid-template-columns:repeat(7,1fr)}.d-cols-8{grid-template-columns:repeat(8,1fr)}.d-cols-9{grid-template-columns:repeat(9,1fr)}.d-cols-10{grid-template-columns:repeat(10,1fr)}}@media (min-width:769px) and (max-width:1023px){.t-cols-2{grid-template-columns:repeat(2,1fr)}.t-cols-3{grid-template-columns:repeat(3,1fr)}.t-cols-4{grid-template-columns:repeat(4,1fr)}.t-cols-5{grid-template-columns:repeat(5,1fr)}.t-cols-6{grid-template-columns:repeat(6,1fr)}.t-cols-7{grid-template-columns:repeat(7,1fr)}.t-cols-8{grid-template-columns:repeat(8,1fr)}.t-cols-9{grid-template-columns:repeat(9,1fr)}.t-cols-10{grid-template-columns:repeat(10,1fr)}}@media (max-width:768px){.m-cols-2{grid-template-columns:repeat(2,1fr)}.m-cols-3{grid-template-columns:repeat(3,1fr)}.m-cols-4{grid-template-columns:repeat(4,1fr)}.m-cols-5{grid-template-columns:repeat(5,1fr)}.m-cols-6{grid-template-columns:repeat(6,1fr)}.m-cols-7{grid-template-columns:repeat(7,1fr)}.m-cols-8{grid-template-columns:repeat(8,1fr)}.m-cols-9{grid-template-columns:repeat(9,1fr)}.m-cols-10{grid-template-columns:repeat(10,1fr)}}.btn,button:not(.no-btn):not(.no-style),input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:var(--btn_padding);background-color:var(--btn_bg);border:1px solid var(--btn_border);cursor:pointer;outline:0;border-radius:var(--radius);color:var(--btn_tc);transition:background-color var(--animation_ms),box-shadow var(--animation_ms);text-decoration:none;box-shadow:var(--btn_box_shadow);font-size:inherit;vertical-align:middle}.btn:not(:disabled):not(.link):hover,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):hover,input[type=button]:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{background-color:var(--btn_bg__hover);color:var(--btn_tc);box-shadow:var(--btn_box_shadow__hover)}.btn:not(:disabled):not(.link):focus,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):focus,input[type=button]:not(:disabled):focus,input[type=reset]:not(:disabled):focus,input[type=submit]:not(:disabled):focus{box-shadow:var(--btn_box_shadow__hover),var(--focus_shadow);z-index:1}.btn[disabled],button:not(.no-btn):not(.no-style):disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{opacity:.6}.btn.primary,button:not(.no-btn).primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{background-color:var(--c_primary)!important;--btn_tc:var(--tc_on_primary)}.btn.primary:not(:disabled):hover,button:not(.no-btn).primary:not(:disabled):hover,input[type=button].primary:not(:disabled):hover,input[type=reset].primary:not(:disabled):hover,input[type=submit].primary:not(:disabled):hover{background-color:var(--c_primary__hover)!important}.btn.secondary,button:not(.no-btn).secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{background-color:var(--c_secondary)!important;--btn_tc:var(--tc_on_secondary)}.btn.secondary:not(:disabled):hover,button:not(.no-btn).secondary:not(:disabled):hover,input[type=button].secondary:not(:disabled):hover,input[type=reset].secondary:not(:disabled):hover,input[type=submit].secondary:not(:disabled):hover{background-color:var(--c_secondary__hover)!important}.btn.success,button:not(.no-btn).success,input[type=button].success,input[type=reset].success,input[type=submit].success{background-color:var(--c_success)!important;--btn_tc:var(--tc_on_success)}.btn.success:not(:disabled):hover,button:not(.no-btn).success:not(:disabled):hover,input[type=button].success:not(:disabled):hover,input[type=reset].success:not(:disabled):hover,input[type=submit].success:not(:disabled):hover{background-color:var(--c_success__hover)!important}.btn.warning,button:not(.no-btn).warning,input[type=button].warning,input[type=reset].warning,input[type=submit].warning{background-color:var(--c_warning)!important;--btn_tc:var(--tc_on_warning)}.btn.warning:not(:disabled):hover,button:not(.no-btn).warning:not(:disabled):hover,input[type=button].warning:not(:disabled):hover,input[type=reset].warning:not(:disabled):hover,input[type=submit].warning:not(:disabled):hover{background-color:var(--c_warning__hover)!important}.btn.danger,button:not(.no-btn).danger,input[type=button].danger,input[type=reset].danger,input[type=submit].danger{background-color:var(--c_danger)!important;--btn_tc:var(--tc_on_danger)}.btn.danger:not(:disabled):hover,button:not(.no-btn).danger:not(:disabled):hover,input[type=button].danger:not(:disabled):hover,input[type=reset].danger:not(:disabled):hover,input[type=submit].danger:not(:disabled):hover{background-color:var(--c_danger__hover)!important}.btn.link,button:not(.no-btn):not(.no-style).link,input[type=button].link,input[type=reset].link,input[type=submit].link{background-color:transparent;color:inherit;box-shadow:0 0 0 transparent;border:none;padding:.1px;font-size:inherit}.btn-grp{display:inline-flex}.btn-grp .btn:not(:first-child),.btn-grp button:not(.no-btn):not(:first-child),.btn-grp input[type=button]:not(:first-child),.btn-grp input[type=reset]:not(:first-child),.btn-grp input[type=submit]:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(0,0,0,.25)}.btn-grp .btn:not(:last-child),.btn-grp button:not(.no-btn):not(:last-child),.btn-grp input[type=button]:not(:last-child),.btn-grp input[type=reset]:not(:last-child),.btn-grp input[type=submit]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.no-btn{display:inline;border:none;background-color:transparent;padding:0;font-size:inherit;font-family:inherit;cursor:pointer;outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:0;text-align:left;color:inherit}.no-btn:not(:disabled):focus{box-shadow:var(--focus_shadow)}.full{display:block;width:100%}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;background-color:var(--input_bg);color:var(--input_tc);border:var(--input_border_width) solid var(--c_input_border);padding:var(--input_padding);border-radius:var(--radius);outline:0;transition:box-shadow var(--animation_ms)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not(:disabled):focus,input[type=checkbox]:not(:disabled):focus,input[type=radio]:not(:disabled):focus,select:not(:disabled):focus,textarea:not(:disabled):focus{box-shadow:var(--focus_shadow)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):disabled,input[type=checkbox]:disabled,input[type=radio]:disabled,select:disabled,textarea:disabled{opacity:.6}select[multiple],textarea{resize:vertical;max-height:75vh;height:6rem;min-height:4rem}select[multiple]{height:8rem}select{cursor:pointer}label{display:block;cursor:pointer;padding-bottom:var(--spacer_h)}label.checkbox,label.radio{display:inline-block;vertical-align:middle;width:calc(100% - 2em - (2 * var(--spacer_h)) - 6px)}input[type=checkbox],input[type=radio]{display:inline-block;width:1em;height:1em;cursor:pointer;vertical-align:middle;accent-color:var(--c_input_accent);margin:var(--spacer_q) var(--spacer_h);transition:background-color var(--animation_ms),color var(--animation_ms),box-shadow var(--animation_ms)}input[type=checkbox]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:var(--radius);vertical-align:-.5em;position:relative}input[type=checkbox]::before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);background-color:transparent;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:background-color var(--animation_ms)}input[type=checkbox]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=checkbox]:checked{background-color:var(--c_primary);border-color:var(--c_primary)}input[type=checkbox]:checked::before{background-color:var(--tc_on_primary)}input[type=radio]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:50%;vertical-align:-.5em}input[type=radio]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=radio]:checked{border-color:var(--c_primary);background:radial-gradient(circle,var(--c_primary) 40%,transparent 45%)}select option{padding:var(--spacer_h) var(--spacer);background-color:var(--input_bg);color:var(--input_tc)}select[multiple]{padding:.1px}select[multiple] option{padding:var(--spacer_h) var(--spacer)}input[type=color]{padding:0!important;height:2.35em}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius,.25rem);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=time]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:var(--date_picker_icon_filter)}.table-wrapper{overflow-x:auto}table{width:100%;border-spacing:0}th{font-weight:var(--fw_bold);text-align:left;background-color:var(--c_bg__alt);border-top:1px solid var(--c_border)}td,th{padding:var(--spacer_h) var(--spacer);border-bottom:1px solid var(--c_border);border-left:1px solid var(--c_border)}td:last-child,th:last-child{border-right:1px solid var(--c_border)}th:first-child{border-top-left-radius:var(--radius)}th:last-child{border-top-right-radius:var(--radius)}tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}.bg-default{background-color:var(--c_bg)!important;color:var(--tc)!important}.bg-alt{background-color:var(--c_bg__alt)!important;color:var(--tc)!important}.bg-inv{--c_primary:var(--c_primary__inv);--c_primary__hover:var(--c_primary__inv__hover);--c_secondary:var(--c_secondary__inv);--c_secondary__hover:var(--c_secondary__inv__hover);--c_success:var(--c_success__inv);--c_success__hover:var(--c_success__inv__hover);--c_warning:var(--c_warning__inv);--c_warning__hover:var(--c_warning__inv__hover);--c_danger:var(--c_danger__inv);--c_danger__hover:var(--c_danger__inv__hover);--tc_link:var(--tc_link__inv);--tc_link__hover:var(--tc_link__inv__hover);background-color:var(--c_bg__inv)!important;color:var(--tc_inv)!important}.bg-primary{--tc_link:var(--tc_on_primary);--tc_link__hover:var(--tc_on_primary);--c_border:var(--tc_on_primary);background-color:var(--c_primary)!important;color:var(--tc_on_primary)!important;--focus_shadow:var(--focus_shadow_on_primary)}.bg-secondary{--tc_link:var(--tc_on_secondary);--tc_link__hover:var(--tc_on_secondary);background-color:var(--c_secondary)!important;color:var(--tc_on_secondary)!important}.bg-success{--tc_link:var(--tc_on_success);--tc_link__hover:var(--tc_on_success);background-color:var(--c_success)!important;color:var(--tc_on_success)!important}.bg-warning{--tc_link:var(--tc_on_warning);--tc_link__hover:var(--tc_on_warning);background-color:var(--c_warning)!important;color:var(--tc_on_warning)!important}.bg-danger{--tc_link:var(--tc_on_danger);--tc_link__hover:var(--tc_on_danger);background-color:var(--c_danger)!important;color:var(--tc_on_danger)!important}.tc-default{color:var(--tc)!important}.tc-inv{color:var(--tc__inv)!important}.tc-primary{color:var(--tc_primary)!important}.bg-inv .tc-primary,.is-inv .tc-primary{color:var(--tc_primary__inv)!important}.tc-secondary{color:var(--tc_secondary)!important}.bg-inv .tc-secondary,.is-inv .tc-secondary{color:var(--tc_secondary__inv)!important}.tc-success{color:var(--tc_success)!important}.bg-inv .tc-success,.is-inv .tc-success{color:var(--tc_success__inv)!important}.tc-warning{color:var(--tc_warning)!important}.bg-inv .tc-warning,.is-inv .tc-warning{color:var(--tc_warning__inv)!important}.tc-danger{color:var(--tc_danger)!important}.bg-inv .tc-danger,.is-inv .tc-danger{color:var(--tc_danger__inv)!important}.tc-muted{color:var(--tc_muted)!important}.card{border:1px solid var(--c_border);border-radius:var(--radius);padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer);margin-bottom:var(--spacer)}.elevation-0{z-index:0}.elevation-1{z-index:10}.elevation-2{z-index:20}.elevation-3{z-index:30}.elevation-4{z-index:40}.elevation-5{z-index:50}.elevation-6{z-index:60}.elevation-7{z-index:70}.elevation-8{z-index:80}.elevation-9{z-index:90}.elevation-10{z-index:100}.shadow{box-shadow:none}.shadow.elevation-0{box-shadow:var(--shadow_0)}.shadow.elevation-1{box-shadow:var(--shadow_1)}.shadow.elevation-3{box-shadow:var(--shadow_3)}.shadow.elevation-4{box-shadow:var(--shadow_4)}.shadow.elevation-5{box-shadow:var(--shadow_5)}.shadow.elevation-6{box-shadow:var(--shadow_6)}.shadow.elevation-7{box-shadow:var(--shadow_7)}.shadow.elevation-8{box-shadow:var(--shadow_8)}.shadow.elevation-9{box-shadow:var(--shadow_9)}.shadow.elevation-10{box-shadow:var(--shadow_10)}.bg-elevation.elevation-0{background-color:var(--c_bg_elevation_0)}.bg-elevation.elevation-1{background-color:var(--c_bg_elevation_1)}.bg-elevation.elevation-2{background-color:var(--c_bg_elevation_2)}.bg-elevation.elevation-3{background-color:var(--c_bg_elevation_3)}.bg-elevation.elevation-4{background-color:var(--c_bg_elevation_4)}.bg-elevation.elevation-5{background-color:var(--c_bg_elevation_5)}.bg-elevation.elevation-6{background-color:var(--c_bg_elevation_6)}.bg-elevation.elevation-7{background-color:var(--c_bg_elevation_7)}.bg-elevation.elevation-8{background-color:var(--c_bg_elevation_8)}.bg-elevation.elevation-9{background-color:var(--c_bg_elevation_9)}.bg-elevation.elevation-10{background-color:var(--c_bg_elevation_10)}.icon{display:inline-block;width:1.35em;vertical-align:top;margin-left:auto;margin-right:auto}iframe{border:none;width:100%}
1
+ :root{color-scheme:light;--ff_body:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_heading:"Helvetica Neue",Helvetica,Arial,sans-serif;--ff_mono:Consolas,monaco,monospace;--fs_base:16px;--fs_small:calc(0.6 * var(--fs_base));--fs_large:calc(1.5 * var(--fs_base));--fs_h6:var(--fs_base);--fs_h5:calc(1.25 * var(--fs_base));--fs_h4:calc(1.5 * var(--fs_base));--fs_h3:calc(1.75 * var(--fs_base));--fs_h2:calc(2 * var(--fs_base));--fs_h1:calc(2.5 * var(--fs_base));--fw_base:400;--fw_bold:700;--spacer:1rem;--spacer_h:calc(0.5 * var(--spacer));--spacer_q:calc(0.25 * var(--spacer));--line-height:1.35em;--container_width:90rem;--animation_ms:256ms;--radius:0.25rem;--link_decoration:underline;--input_padding:var(--spacer_h) var(--spacer);--input_border_width:1px;--btn_padding:var(--spacer_h) var(--spacer);--c_bg:light-dark(rgb(249, 249, 249), rgb(51, 51, 51));--c_overscroll:light-dark(rgb(255, 255, 255), rgb(0, 0, 0));--c_border:light-dark(rgb(204, 204, 204), rgb(119, 119, 119));--c_primary:rgb(51, 102, 255);--c_secondary:rgb(153, 51, 255);--c_success:rgb(0, 136, 0);--c_warning:rgb(255, 102, 0);--c_danger:rgb(255, 0, 51);--btn_bg:light-dark(rgb(221, 221, 221), rgb(170, 170, 170));--tc:light-dark(rgba(0, 0, 0, 0.93), rgba(255, 255, 255, 0.93));--tc_dark:rgba(0, 0, 0, 0.93);--tc_light:rgba(255, 255, 255, 0.93);--tc_muted:light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5));--c_overlay:rgba(0, 0, 0, 0.5);--c_bg__alt:oklch(from var(--c_bg) calc(l - 0.04) c h);--c_bg__inv:light-dark(oklch(from var(--c_bg) calc(l - 0.73) c h), oklch(from var(--c_bg) calc(l + 0.73) c h));--c_border__inv:light-dark(oklch(from var(--c_border) calc(l - 0.34) c h), oklch(from var(--c_border) calc(l + 0.34) c h));--c_primary__hover:oklch(from var(--c_primary) calc(l - 0.12) c h);--c_secondary__hover:oklch(from var(--c_secondary) calc(l - 0.12) c h);--c_success__hover:oklch(from var(--c_success) calc(l - 0.12) c h);--c_warning__hover:oklch(from var(--c_warning) calc(l - 0.12) c h);--c_danger__hover:oklch(from var(--c_danger) calc(l - 0.12) c h);--c_input_accent:var(--c_primary);--c_input_border:var(--c_border);--c_highlight:oklch(from var(--c_primary) l c h / 0.25);--tc_inv:light-dark(rgba(255, 255, 255, 0.93), rgba(0, 0, 0, 0.93));--tc_on_primary:rgba(255, 255, 255, 0.93);--tc_on_secondary:rgba(255, 255, 255, 0.93);--tc_on_success:rgba(255, 255, 255, 0.93);--tc_on_warning:rgba(255, 255, 255, 0.93);--tc_on_danger:rgba(255, 255, 255, 0.93);--tc_primary:light-dark(var(--c_primary), oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h));--tc_secondary:light-dark(var(--c_secondary), oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h));--tc_success:light-dark(var(--c_success), oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h));--tc_warning:light-dark(var(--c_warning), oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h));--tc_danger:light-dark(var(--c_danger), oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h));--tc__inv:var(--tc_inv);--tc_primary__inv:oklch(from var(--c_primary) calc(l + 0.18) calc(c * 0.65) h);--tc_secondary__inv:oklch(from var(--c_secondary) calc(l + 0.18) calc(c * 0.65) h);--tc_success__inv:oklch(from var(--c_success) calc(l + 0.18) calc(c * 0.65) h);--tc_warning__inv:oklch(from var(--c_warning) calc(l + 0.18) calc(c * 0.65) h);--tc_danger__inv:oklch(from var(--c_danger) calc(l + 0.18) calc(c * 0.65) h);--btn_box_shadow:0 0 0 transparent;--btn_box_shadow__hover:0 0 0 transparent;--btn_border:transparent;--btn_bg__hover:oklch(from var(--btn_bg) calc(l - 0.08) c h);--btn_tc:rgba(0, 0, 0, 0.93);--btn_transparent__hover:light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));--tc_link:var(--tc_primary);--tc_link__hover:var(--tc_secondary);--tc_link__inv:var(--tc_primary__inv);--tc_link__inv__hover:var(--tc_secondary__inv);--focus_shadow:0 0 2px 2px var(--c_primary);--focus_shadow_on_primary:0 0 2px 2px var(--tc_on_primary);--input_bg:light-dark(white, var(--c_bg__alt));--input_tc:light-dark(rgba(0, 0, 0, 0.93), var(--tc));--date_picker_icon_filter:light-dark(invert(0), invert(1));--c_bg_elevation_0:oklch(from var(--c_bg) calc(l - 0.13) c h);--c_bg_elevation_1:light-dark(oklch(from var(--c_bg) calc(l - 0.065) c h), oklch(from var(--c_bg) calc(l - 0.10) c h));--c_bg_elevation_2:var(--c_bg);--c_bg_elevation_3:light-dark(oklch(from var(--c_bg) calc(l + 0.01) c h), oklch(from var(--c_bg) calc(l + 0.03) c h));--c_bg_elevation_4:light-dark(oklch(from var(--c_bg) calc(l + 0.02) c h), oklch(from var(--c_bg) calc(l + 0.06) c h));--c_bg_elevation_5:light-dark(oklch(from var(--c_bg) calc(l + 0.03) c h), oklch(from var(--c_bg) calc(l + 0.09) c h));--c_bg_elevation_6:light-dark(oklch(from var(--c_bg) calc(l + 0.04) c h), oklch(from var(--c_bg) calc(l + 0.13) c h));--c_bg_elevation_7:light-dark(oklch(from var(--c_bg) calc(l + 0.05) c h), oklch(from var(--c_bg) calc(l + 0.17) c h));--c_bg_elevation_8:light-dark(oklch(from var(--c_bg) calc(l + 0.06) c h), oklch(from var(--c_bg) calc(l + 0.21) c h));--c_bg_elevation_9:light-dark(oklch(from var(--c_bg) calc(l + 0.07) c h), oklch(from var(--c_bg) calc(l + 0.25) c h));--c_bg_elevation_10:light-dark(oklch(from var(--c_bg) calc(l + 0.08) c h), oklch(from var(--c_bg) calc(l + 0.31) c h));--shadow_color:black;--shadow_size:1px;--shadow_base_opacity:0.12;--shadow_opacity_step:0.04;--shadow_0:inset 0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 2)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.5));--shadow_1:inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 3) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 1.25)),inset 0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) * 0.75));--shadow_3:0 calc(var(--shadow_size)) calc(var(--shadow_size) * 2) oklch(from var(--shadow_color) l c h / var(--shadow_base_opacity));--shadow_4:0 calc(var(--shadow_size) * 2) calc(var(--shadow_size) * 4) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step)));--shadow_5:0 calc(var(--shadow_size) * 3) calc(var(--shadow_size) * 6) oklch(from var(--shadow_color) l c h / calc(var(--shadow_base_opacity) + var(--shadow_opacity_step) * 2));--shadow_6:var(--shadow_5);--shadow_7:var(--shadow_5);--shadow_8:var(--shadow_5);--shadow_9:var(--shadow_5);--shadow_10:var(--shadow_5)}[theme=light]{color-scheme:light}[theme=dark]{color-scheme:dark;--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}[theme=auto]{color-scheme:light dark}@media (prefers-color-scheme:dark){[theme=auto]{--shadow_base_opacity:0.30;--shadow_opacity_step:0.025}}:root{interpolate-size:allow-keywords}*,::after,::before{font-family:inherit;box-sizing:border-box;line-height:var(--line-height)}blockquote,body,code,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,ul{margin:0;padding:.1px}html{font-family:var(--ff_body);font-size:var(--fs_base);font-weight:var(--fw_base);color:var(--tc);scrollbar-gutter:stable}::selection{background:var(--c_highlight)}body{min-height:100vh;background-color:var(--c_bg);color:var(--tc);overflow-y:scroll;font-family:var(--ff_body);position:relative}body.no-scroll{overflow:hidden!important}.container,main{max-width:var(--container_width);margin-left:auto;margin-right:auto;padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer)}nav>.link,nav>a{display:inline-block;padding:var(--spacer)!important;text-decoration:none}menu{margin:0;padding:0}menu a{display:block;padding:var(--spacer_q);text-decoration:none;color:inherit}summary{cursor:pointer;margin-bottom:var(--sapcer);outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:var(--radius)}summary:focus{box-shadow:var(--focus_shadow)}.d-b{display:block!important}.d-ib{display:inline-block!important}.d-g{display:grid!important}.d-i{display:inline!important}.d-n{display:none!important}.d-f{display:flex!important;flex-wrap:wrap}.d-if{display:inline-flex!important;flex-wrap:wrap}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-f{display:flex!important;flex-wrap:wrap}.d-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-f{display:flex!important;flex-wrap:wrap}.t-d-if{display:inline-flex!important;flex-wrap:wrap}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-f{display:flex!important;flex-wrap:wrap}.m-d-if{display:inline-flex!important;flex-wrap:wrap}}.flex,.flex-1{flex:1 1 auto}.flex-0{flex:0 0}.flex-2{flex:2 2 auto}.flex-3{flex:3 3 auto}.flex-4{flex:4 4 auto}.flex-5{flex:5 5 auto}.flex-6{flex:6 6 auto}.flex-7{flex:7 7 auto}.flex-8{flex:8 8 auto}.flex-9{flex:9 9 auto}.flex-10{flex:10 10 auto}@media (min-width:1024px){.d-d-b{display:block!important}.d-d-ib{display:inline-block!important}.d-d-g{display:grid!important}.d-d-i{display:inline!important}.d-d-n{display:none!important}.d-d-if{display:inline-flex!important;flex-wrap:wrap}.d-d-f{display:flex!important;flex-wrap:wrap}.d-flex,.d-flex-1{flex:1 1 auto}.d-flex-0{flex:0 0}.d-flex-2{flex:2 2 auto}.d-flex-3{flex:3 3 auto}.d-flex-4{flex:4 4 auto}.d-flex-5{flex:5 5 auto}.d-flex-6{flex:6 6 auto}.d-flex-7{flex:7 7 auto}.d-flex-8{flex:8 8 auto}.d-flex-9{flex:9 9 auto}.d-flex-10{flex:10 10 auto}}@media (min-width:769px) and (max-width:1023px){.t-d-b{display:block!important}.t-d-ib{display:inline-block!important}.t-d-g{display:grid!important}.t-d-i{display:inline!important}.t-d-n{display:none!important}.t-d-if{display:inline-flex!important;flex-wrap:wrap}.t-d-f{display:flex!important;flex-wrap:wrap}.t-flex,.t-flex-1{flex:1 1 auto}.t-flex-0{flex:0 0}.t-flex-2{flex:2 2 auto}.t-flex-3{flex:3 3 auto}.t-flex-4{flex:4 4 auto}.t-flex-5{flex:5 5 auto}.t-flex-6{flex:6 6 auto}.t-flex-7{flex:7 7 auto}.t-flex-8{flex:8 8 auto}.t-flex-9{flex:9 9 auto}.t-flex-10{flex:10 10 auto}}@media (max-width:768px){.m-d-b{display:block!important}.m-d-ib{display:inline-block!important}.m-d-g{display:grid!important}.m-d-i{display:inline!important}.m-d-n{display:none!important}.m-d-if{display:inline-flex!important;flex-wrap:wrap}.m-d-f{display:flex!important;flex-wrap:wrap}.m-flex,.m-flex-1{flex:1 1 auto}.m-flex-0{flex:0 0}.m-flex-2{flex:2 2 auto}.m-flex-3{flex:3 3 auto}.m-flex-4{flex:4 4 auto}.m-flex-5{flex:5 5 auto}.m-flex-6{flex:6 6 auto}.m-flex-7{flex:7 7 auto}.m-flex-8{flex:8 8 auto}.m-flex-9{flex:9 9 auto}.m-flex-10{flex:10 10 auto}}.fixed{position:fixed;top:0;width:100%;z-index:99;box-shadow:none;transition:box-shadow var(--animation_ms)}.fixed.scrolled{box-shadow:var(--elevation_2_shadow)}k-nav[fixed]{box-shadow:none;transition:box-shadow var(--animation_ms)}k-nav[fixed].scrolled{box-shadow:var(--elevation_2_shadow)}.small,small{font-size:var(--fs_small)!important}.large{font-size:var(--fs_large)!important}.h1,.h2,.h3,.h4,.h5,.h6,b,h1,h2,h3,h4,h5,h6,strong{font-weight:var(--fw_bold)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--ff_heading)}.h1,h1{font-size:var(--fs_h1)}.h2,h2{font-size:var(--fs_h2)}.h3,h3{font-size:var(--fs_h3)}.h4,h4{font-size:var(--fs_h4)}.h5,h5{font-size:var(--fs_h5)}.h6,h6{font-size:var(--fs_h6)}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-bottom:var(--spacer)}dl,ol,ul{padding-left:calc(1.5 * var(--spacer))}blockquote{border-left:2px solid var(--c_border);padding:var(--spacer)}mark{background-color:var(--c_highlight);color:inherit}.ff-mono,code,pre{font-family:var(--ff_mono)}code{background-color:var(--c_bg__alt);border-radius:var(--radius);word-break:break-word;padding:calc(.125 * var(--spacer)) var(--spacer_q)}pre code{display:block;padding:var(--spacer);word-break:normal;overflow:auto;white-space:pre-wrap}output{display:block;border:1px solid var(--c_border);border-radius:var(--radius);padding:var(--spacer) var(--spacer) 0 var(--spacer)}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.link,a{color:var(--tc_link);box-shadow:0 0 0 transparent;transition:color var(--animation_ms),box-shadow var(--animation_ms);outline:0;border-radius:var(--radius);text-decoration:var(--link_decoration)}.link:hover,a:hover{color:var(--tc_link__hover)}.link:focus-visible,a:focus{box-shadow:var(--focus_shadow)}.no-link,.no-link:hover{text-decoration:none;color:inherit}hr{width:calc(100% - (2 * var(--spacer)));margin:var(--spacer_h) var(--spacer);border:none;border-top:1px solid var(--c_border)}small{font-size:.75em}dl{padding:0;margin:0}dd,dt{padding-left:var(--spacer);border-left:2px solid var(--c_border)}dt{padding-top:var(--spacer_h)}dd{padding-bottom:var(--spacer_h)}dd+dd{margin-top:calc(-1 * var(--spacer));padding-top:0}li ul{margin-bottom:0}.td-n{text-decoration:none}.td-u{text-decoration:underline}.td-lt{text-decoration:line-through}.p{padding:var(--spacer)!important}.ph{padding:var(--spacer_h)!important}.pq{padding:var(--spacer_q)!important}.p0{padding:.1px!important}.pt,.py{padding-top:var(--spacer)!important}.pr,.px{padding-right:var(--spacer)!important}.pb,.py{padding-bottom:var(--spacer)!important}.pl,.px{padding-left:var(--spacer)!important}.pth,.pyh{padding-top:var(--spacer_h)!important}.prh,.pxh{padding-right:var(--spacer_h)!important}.pbh,.pyh{padding-bottom:var(--spacer_h)!important}.plh,.pxh{padding-left:var(--spacer_h)!important}.ptq,.pyq{padding-top:var(--spacer_q)!important}.prq,.pxq{padding-right:var(--spacer_q)!important}.pbq,.pyq{padding-bottom:var(--spacer_q)!important}.plq,.pxq{padding-left:var(--spacer_q)!important}.pt0,.py0{padding-top:.1px!important}.pr0,.px0{padding-right:.1px!important}.pb0,.py0{padding-bottom:.1px!important}.pl0,.px0{padding-left:.1px!important}.m{margin:var(--spacer)!important}.mh{margin:var(--spacer_h)!important}.mq{margin:var(--spacer_q)!important}.m0{margin:0!important}.-m{margin:calc(-1 * var(--spacer))!important}.mt,.my{margin-top:var(--spacer)!important}.mr,.mx{margin-right:var(--spacer)!important}.mb,.my{margin-bottom:var(--spacer)!important}.ml,.mx{margin-left:var(--spacer)!important}.mth,.myh{margin-top:var(--spacer_h)!important}.mrh,.mxh{margin-right:var(--spacer_h)!important}.mbh,.myh{margin-bottom:var(--spacer_h)!important}.mlh,.mxh{margin-left:var(--spacer_h)!important}.mtq,.myq{margin-top:var(--spacer_q)!important}.mrq,.mxq{margin-right:var(--spacer_q)!important}.mbq,.myq{margin-bottom:var(--spacer_q)!important}.mlq,.mxq{margin-left:var(--spacer_q)!important}.mt0,.my0{margin-top:0!important}.mr0,.mx0{margin-right:0!important}.mb0,.my0{margin-bottom:0!important}.ml0,.mx0{margin-left:0!important}.-mt,.-my{margin-top:calc(-1 * var(--spacer))!important}.-mr,.-mx{margin-right:calc(-1 * var(--spacer))!important}.-mb,.-my{margin-bottom:calc(-1 * var(--spacer))!important}.-ml,.-mx{margin-left:calc(-1 * var(--spacer))!important}.b{border:1px solid var(--c_border)!important}.b0{border:none!important}.bt,.by{border-top:1px solid var(--c_border)!important}.br,.bx{border-right:1px solid var(--c_border)!important}.bb,.by{border-bottom:1px solid var(--c_border)!important}.bl,.bx{border-left:1px solid var(--c_border)!important}.bt0,.by0{border-top:none!important}.br0,.bx0{border-right:none!important}.bb0,.by0{border-bottom:none!important}.bl0,.bx0{border-left:none!important}.r{border-radius:var(--radius)!important}.r0{border-radius:0!important}.round{border-radius:9999rem!important}.rl,.rt,.rtl{border-top-left-radius:var(--radius)!important}.rr,.rt,.rtr{border-top-right-radius:var(--radius)!important}.rb,.rbr,.rr{border-bottom-right-radius:var(--radius)!important}.rb,.rbl,.rl{border-bottom-left-radius:var(--radius)!important}.rl0,.rt0,.rtl0{border-top-left-radius:0!important}.rr0,.rt0,.rtr0{border-top-right-radius:0!important}.rb0,.rbr0,.rr0{border-bottom-right-radius:0!important}.rb0,.rbl0,.rl0{border-bottom-left-radius:0!important}.row{display:flex;flex-wrap:wrap}.col{flex:1 1}.span-1{min-width:8.333%;flex-basis:8.333%}.span-2{min-width:16.666%;flex-basis:16.666%}.span-3{min-width:25%;flex-basis:25%}.span-4{min-width:33.333%;flex-basis:33.333%}.span-5{min-width:41.666%;flex-basis:41.666%}.span-6{min-width:50%;flex-basis:50%}.span-7{min-width:58.333%;flex-basis:58.333%}.span-8{min-width:66.666%;flex-basis:66.666%}.span-9{min-width:75%;flex-basis:75%}.span-10{min-width:83.333%;flex-basis:83.333%}.span-11{min-width:91.333%;flex-basis:91.333%}.span-12{min-width:100%;flex-basis:100%}@media (min-width:1024px){.d-span-1{min-width:8.333%;flex-basis:8.333%}.d-span-2{min-width:16.666%;flex-basis:16.666%}.d-span-3{min-width:25%;flex-basis:25%}.d-span-4{min-width:33.333%;flex-basis:33.333%}.d-span-5{min-width:41.666%;flex-basis:41.666%}.d-span-6{min-width:50%;flex-basis:50%}.d-span-7{min-width:58.333%;flex-basis:58.333%}.d-span-8{min-width:66.666%;flex-basis:66.666%}.d-span-9{min-width:75%;flex-basis:75%}.d-span-10{min-width:83.333%;flex-basis:83.333%}.d-span-11{min-width:91.333%;flex-basis:91.333%}.d-span-12{min-width:100%;flex-basis:100%}}@media (min-width:769px) and (max-width:1023px){.t-span-1{min-width:8.333%;flex-basis:8.333%}.t-span-2{min-width:16.666%;flex-basis:16.666%}.t-span-3{min-width:25%;flex-basis:25%}.t-span-4{min-width:33.333%;flex-basis:33.333%}.t-span-5{min-width:41.666%;flex-basis:41.666%}.t-span-6{min-width:50%;flex-basis:50%}.t-span-7{min-width:58.333%;flex-basis:58.333%}.t-span-8{min-width:66.666%;flex-basis:66.666%}.t-span-9{min-width:75%;flex-basis:75%}.t-span-10{min-width:83.333%;flex-basis:83.333%}.t-span-11{min-width:91.333%;flex-basis:91.333%}.t-span-12{min-width:100%;flex-basis:100%}}@media (max-width:768px){.m-span-1{min-width:8.333%;flex-basis:8.333%}.m-span-2{min-width:16.666%;flex-basis:16.666%}.m-span-3{min-width:25%;flex-basis:25%}.m-span-4{min-width:33.333%;flex-basis:33.333%}.m-span-5{min-width:41.666%;flex-basis:41.666%}.m-span-6{min-width:50%;flex-basis:50%}.m-span-7{min-width:58.333%;flex-basis:58.333%}.m-span-8{min-width:66.666%;flex-basis:66.666%}.m-span-9{min-width:75%;flex-basis:75%}.m-span-10{min-width:83.333%;flex-basis:83.333%}.m-span-11{min-width:91.333%;flex-basis:91.333%}.m-span-12{min-width:100%;flex-basis:100%}}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}.cols-7{grid-template-columns:repeat(7,1fr)}.cols-8{grid-template-columns:repeat(8,1fr)}.cols-9{grid-template-columns:repeat(9,1fr)}.cols-10{grid-template-columns:repeat(10,1fr)}@media (min-width:1024px){.d-cols-2{grid-template-columns:repeat(2,1fr)}.d-cols-3{grid-template-columns:repeat(3,1fr)}.d-cols-4{grid-template-columns:repeat(4,1fr)}.d-cols-5{grid-template-columns:repeat(5,1fr)}.d-cols-6{grid-template-columns:repeat(6,1fr)}.d-cols-7{grid-template-columns:repeat(7,1fr)}.d-cols-8{grid-template-columns:repeat(8,1fr)}.d-cols-9{grid-template-columns:repeat(9,1fr)}.d-cols-10{grid-template-columns:repeat(10,1fr)}}@media (min-width:769px) and (max-width:1023px){.t-cols-2{grid-template-columns:repeat(2,1fr)}.t-cols-3{grid-template-columns:repeat(3,1fr)}.t-cols-4{grid-template-columns:repeat(4,1fr)}.t-cols-5{grid-template-columns:repeat(5,1fr)}.t-cols-6{grid-template-columns:repeat(6,1fr)}.t-cols-7{grid-template-columns:repeat(7,1fr)}.t-cols-8{grid-template-columns:repeat(8,1fr)}.t-cols-9{grid-template-columns:repeat(9,1fr)}.t-cols-10{grid-template-columns:repeat(10,1fr)}}@media (max-width:768px){.m-cols-2{grid-template-columns:repeat(2,1fr)}.m-cols-3{grid-template-columns:repeat(3,1fr)}.m-cols-4{grid-template-columns:repeat(4,1fr)}.m-cols-5{grid-template-columns:repeat(5,1fr)}.m-cols-6{grid-template-columns:repeat(6,1fr)}.m-cols-7{grid-template-columns:repeat(7,1fr)}.m-cols-8{grid-template-columns:repeat(8,1fr)}.m-cols-9{grid-template-columns:repeat(9,1fr)}.m-cols-10{grid-template-columns:repeat(10,1fr)}}.btn,button:not(.no-btn):not(.no-style),input[type=button],input[type=reset],input[type=submit]{display:inline-block;padding:var(--btn_padding);background-color:var(--btn_bg);border:1px solid var(--btn_border);cursor:pointer;outline:0;border-radius:var(--radius);color:var(--btn_tc);transition:background-color var(--animation_ms),box-shadow var(--animation_ms);text-decoration:none;box-shadow:var(--btn_box_shadow);font-size:inherit;vertical-align:middle}.btn:not(:disabled):not(.link):hover,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):hover,input[type=button]:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{background-color:var(--btn_bg__hover);color:var(--btn_tc);box-shadow:var(--btn_box_shadow__hover)}.btn:not(:disabled):not(.link):focus,button:not(.no-btn):not(.no-style):not(:disabled):not(.link):focus,input[type=button]:not(:disabled):focus,input[type=reset]:not(:disabled):focus,input[type=submit]:not(:disabled):focus{box-shadow:var(--btn_box_shadow__hover),var(--focus_shadow);z-index:1}.btn[disabled],button:not(.no-btn):not(.no-style):disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{opacity:.6}.btn.primary,button:not(.no-btn).primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{background-color:var(--c_primary)!important;--btn_tc:var(--tc_on_primary)}.btn.primary:not(:disabled):hover,button:not(.no-btn).primary:not(:disabled):hover,input[type=button].primary:not(:disabled):hover,input[type=reset].primary:not(:disabled):hover,input[type=submit].primary:not(:disabled):hover{background-color:var(--c_primary__hover)!important}.btn.secondary,button:not(.no-btn).secondary,input[type=button].secondary,input[type=reset].secondary,input[type=submit].secondary{background-color:var(--c_secondary)!important;--btn_tc:var(--tc_on_secondary)}.btn.secondary:not(:disabled):hover,button:not(.no-btn).secondary:not(:disabled):hover,input[type=button].secondary:not(:disabled):hover,input[type=reset].secondary:not(:disabled):hover,input[type=submit].secondary:not(:disabled):hover{background-color:var(--c_secondary__hover)!important}.btn.success,button:not(.no-btn).success,input[type=button].success,input[type=reset].success,input[type=submit].success{background-color:var(--c_success)!important;--btn_tc:var(--tc_on_success)}.btn.success:not(:disabled):hover,button:not(.no-btn).success:not(:disabled):hover,input[type=button].success:not(:disabled):hover,input[type=reset].success:not(:disabled):hover,input[type=submit].success:not(:disabled):hover{background-color:var(--c_success__hover)!important}.btn.warning,button:not(.no-btn).warning,input[type=button].warning,input[type=reset].warning,input[type=submit].warning{background-color:var(--c_warning)!important;--btn_tc:var(--tc_on_warning)}.btn.warning:not(:disabled):hover,button:not(.no-btn).warning:not(:disabled):hover,input[type=button].warning:not(:disabled):hover,input[type=reset].warning:not(:disabled):hover,input[type=submit].warning:not(:disabled):hover{background-color:var(--c_warning__hover)!important}.btn.danger,button:not(.no-btn).danger,input[type=button].danger,input[type=reset].danger,input[type=submit].danger{background-color:var(--c_danger)!important;--btn_tc:var(--tc_on_danger)}.btn.danger:not(:disabled):hover,button:not(.no-btn).danger:not(:disabled):hover,input[type=button].danger:not(:disabled):hover,input[type=reset].danger:not(:disabled):hover,input[type=submit].danger:not(:disabled):hover{background-color:var(--c_danger__hover)!important}.btn.link,button:not(.no-btn):not(.no-style).link,input[type=button].link,input[type=reset].link,input[type=submit].link{background-color:transparent;color:inherit;box-shadow:0 0 0 transparent;border:none;padding:.1px;font-size:inherit}.btn-grp{display:inline-flex}.btn-grp .btn:not(:first-child),.btn-grp button:not(.no-btn):not(:first-child),.btn-grp input[type=button]:not(:first-child),.btn-grp input[type=reset]:not(:first-child),.btn-grp input[type=submit]:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(0,0,0,.25)}.btn-grp .btn:not(:last-child),.btn-grp button:not(.no-btn):not(:last-child),.btn-grp input[type=button]:not(:last-child),.btn-grp input[type=reset]:not(:last-child),.btn-grp input[type=submit]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.no-btn{display:inline;border:none;background-color:transparent;padding:0;font-size:inherit;font-family:inherit;cursor:pointer;outline:0;box-shadow:0 0 0 transparent;transition:box-shadow var(--animation_ms);border-radius:0;text-align:left;color:inherit}.no-btn:not(:disabled):focus{box-shadow:var(--focus_shadow)}.full{display:block;width:100%}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;background-color:var(--input_bg);color:var(--input_tc);border:var(--input_border_width) solid var(--c_input_border);padding:var(--input_padding);border-radius:var(--radius);outline:0;transition:box-shadow var(--animation_ms)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not(:disabled):focus,input[type=checkbox]:not(:disabled):focus,input[type=radio]:not(:disabled):focus,select:not(:disabled):focus,textarea:not(:disabled):focus{box-shadow:var(--focus_shadow)}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):disabled,input[type=checkbox]:disabled,input[type=radio]:disabled,select:disabled,textarea:disabled{opacity:.6}select[multiple],textarea{resize:vertical;max-height:75vh;height:6rem;min-height:4rem}select[multiple]{height:8rem}select{cursor:pointer}label{display:block;cursor:pointer;padding-bottom:var(--spacer_h)}label.checkbox,label.radio{display:inline-block;vertical-align:middle;width:calc(100% - 2em - (2 * var(--spacer_h)) - 6px)}input[type=checkbox],input[type=radio]{display:inline-block;width:1em;height:1em;cursor:pointer;vertical-align:middle;accent-color:var(--c_input_accent);margin:var(--spacer_q) var(--spacer_h);transition:background-color var(--animation_ms),color var(--animation_ms),box-shadow var(--animation_ms)}input[type=checkbox]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:var(--radius);vertical-align:-.5em;position:relative}input[type=checkbox]::before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);background-color:transparent;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 -760 560 560"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170Z"/></svg>');mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:background-color var(--animation_ms)}input[type=checkbox]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=checkbox]:checked{background-color:var(--c_primary);border-color:var(--c_primary)}input[type=checkbox]:checked::before{background-color:var(--tc_on_primary)}input[type=radio]{width:1.75em;height:1.75em;appearance:none;-webkit-appearance:none;background-color:transparent;border:2px solid var(--c_border);border-radius:50%;vertical-align:-.5em}input[type=radio]:focus{box-shadow:var(--focus_shadow);outline:0}input[type=radio]:checked{border-color:var(--c_primary);background:radial-gradient(circle,var(--c_primary) 40%,transparent 45%)}select option{padding:var(--spacer_h) var(--spacer);background-color:var(--input_bg);color:var(--input_tc)}select[multiple]{padding:.1px}select[multiple] option{padding:var(--spacer_h) var(--spacer)}input[type=color]{padding:0!important;height:2.35em}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius,.25rem);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=time]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:var(--date_picker_icon_filter)}.table-wrapper{overflow-x:auto}table{width:100%;border-spacing:0}th{font-weight:var(--fw_bold);text-align:left;background-color:var(--c_bg__alt);border-top:1px solid var(--c_border)}td,th{padding:var(--spacer_h) var(--spacer);border-bottom:1px solid var(--c_border);border-left:1px solid var(--c_border)}td:last-child,th:last-child{border-right:1px solid var(--c_border)}th:first-child{border-top-left-radius:var(--radius)}th:last-child{border-top-right-radius:var(--radius)}tr:last-child td:first-child{border-bottom-left-radius:var(--radius)}tr:last-child td:last-child{border-bottom-right-radius:var(--radius)}.bg-default{background-color:var(--c_bg)!important;color:var(--tc)!important}.bg-alt{background-color:var(--c_bg__alt)!important;color:var(--tc)!important}.bg-inv{--c_primary:var(--c_primary__inv);--c_primary__hover:var(--c_primary__inv__hover);--c_secondary:var(--c_secondary__inv);--c_secondary__hover:var(--c_secondary__inv__hover);--c_success:var(--c_success__inv);--c_success__hover:var(--c_success__inv__hover);--c_warning:var(--c_warning__inv);--c_warning__hover:var(--c_warning__inv__hover);--c_danger:var(--c_danger__inv);--c_danger__hover:var(--c_danger__inv__hover);--tc_link:var(--tc_link__inv);--tc_link__hover:var(--tc_link__inv__hover);background-color:var(--c_bg__inv)!important;color:var(--tc_inv)!important}.bg-primary{--tc_link:var(--tc_on_primary);--tc_link__hover:var(--tc_on_primary);--c_border:var(--tc_on_primary);background-color:var(--c_primary)!important;color:var(--tc_on_primary)!important;--focus_shadow:var(--focus_shadow_on_primary)}.bg-secondary{--tc_link:var(--tc_on_secondary);--tc_link__hover:var(--tc_on_secondary);background-color:var(--c_secondary)!important;color:var(--tc_on_secondary)!important}.bg-success{--tc_link:var(--tc_on_success);--tc_link__hover:var(--tc_on_success);background-color:var(--c_success)!important;color:var(--tc_on_success)!important}.bg-warning{--tc_link:var(--tc_on_warning);--tc_link__hover:var(--tc_on_warning);background-color:var(--c_warning)!important;color:var(--tc_on_warning)!important}.bg-danger{--tc_link:var(--tc_on_danger);--tc_link__hover:var(--tc_on_danger);background-color:var(--c_danger)!important;color:var(--tc_on_danger)!important}.tc-default{color:var(--tc)!important}.tc-inv{color:var(--tc__inv)!important}.tc-primary{color:var(--tc_primary)!important}.bg-inv .tc-primary,.is-inv .tc-primary{color:var(--tc_primary__inv)!important}.tc-secondary{color:var(--tc_secondary)!important}.bg-inv .tc-secondary,.is-inv .tc-secondary{color:var(--tc_secondary__inv)!important}.tc-success{color:var(--tc_success)!important}.bg-inv .tc-success,.is-inv .tc-success{color:var(--tc_success__inv)!important}.tc-warning{color:var(--tc_warning)!important}.bg-inv .tc-warning,.is-inv .tc-warning{color:var(--tc_warning__inv)!important}.tc-danger{color:var(--tc_danger)!important}.bg-inv .tc-danger,.is-inv .tc-danger{color:var(--tc_danger__inv)!important}.tc-muted{color:var(--tc_muted)!important}.card{border:1px solid var(--c_border);border-radius:var(--radius);padding-top:var(--spacer);padding-left:var(--spacer);padding-right:var(--spacer);margin-bottom:var(--spacer)}.elevation-0{z-index:0}.elevation-1{z-index:10}.elevation-2{z-index:20}.elevation-3{z-index:30}.elevation-4{z-index:40}.elevation-5{z-index:50}.elevation-6{z-index:60}.elevation-7{z-index:70}.elevation-8{z-index:80}.elevation-9{z-index:90}.elevation-10{z-index:100}.shadow{box-shadow:none}.shadow.elevation-0{box-shadow:var(--shadow_0)}.shadow.elevation-1{box-shadow:var(--shadow_1)}.shadow.elevation-3{box-shadow:var(--shadow_3)}.shadow.elevation-4{box-shadow:var(--shadow_4)}.shadow.elevation-5{box-shadow:var(--shadow_5)}.shadow.elevation-6{box-shadow:var(--shadow_6)}.shadow.elevation-7{box-shadow:var(--shadow_7)}.shadow.elevation-8{box-shadow:var(--shadow_8)}.shadow.elevation-9{box-shadow:var(--shadow_9)}.shadow.elevation-10{box-shadow:var(--shadow_10)}.bg-elevation.elevation-0{background-color:var(--c_bg_elevation_0)}.bg-elevation.elevation-1{background-color:var(--c_bg_elevation_1)}.bg-elevation.elevation-2{background-color:var(--c_bg_elevation_2)}.bg-elevation.elevation-3{background-color:var(--c_bg_elevation_3)}.bg-elevation.elevation-4{background-color:var(--c_bg_elevation_4)}.bg-elevation.elevation-5{background-color:var(--c_bg_elevation_5)}.bg-elevation.elevation-6{background-color:var(--c_bg_elevation_6)}.bg-elevation.elevation-7{background-color:var(--c_bg_elevation_7)}.bg-elevation.elevation-8{background-color:var(--c_bg_elevation_8)}.bg-elevation.elevation-9{background-color:var(--c_bg_elevation_9)}.bg-elevation.elevation-10{background-color:var(--c_bg_elevation_10)}.icon{display:inline-block;width:1.35em;vertical-align:top;margin-left:auto;margin-right:auto}iframe{border:none;width:100%}
package/docs/layout.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -299,13 +307,13 @@
299
307
  </main>
300
308
  <div style="height:33vh"></div>
301
309
  </k-main>
302
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
303
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
304
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
305
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
306
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
310
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
311
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
312
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
313
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
314
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
307
315
 
308
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
316
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
309
317
 
310
318
  </body>
311
319
  </html>
package/docs/tables.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -250,13 +258,13 @@
250
258
  </main>
251
259
  <div style="height:33vh"></div>
252
260
  </k-main>
253
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
254
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
255
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
256
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
257
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
261
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
262
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
263
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
264
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
265
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
258
266
 
259
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
267
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
260
268
 
261
269
  </body>
262
270
  </html>
package/docs/theme-editor.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -54,7 +54,15 @@
54
54
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
55
55
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
56
56
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
57
- <k-theme-switcher></k-theme-switcher>
57
+ <k-theme-switcher
58
+ class="mr"
59
+ style="
60
+ --padding: 0.5rem;
61
+ --c_active: var(--tc_on_primary);
62
+ --tc_active: var(--c_primary);
63
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
64
+ "
65
+ ></k-theme-switcher>
58
66
  </k-nav>
59
67
  <div style="width: 100%; height: 4rem;"></div>
60
68
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -201,50 +209,50 @@
201
209
 
202
210
  <script
203
211
  type="module"
204
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"
212
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"
205
213
  ></script>
206
214
  <script
207
215
  type="module"
208
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"
216
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"
209
217
  ></script>
210
218
  <script
211
219
  type="module"
212
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Split.js"
220
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Split.js"
213
221
  ></script>
214
222
  <script
215
223
  type="module"
216
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"
224
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"
217
225
  ></script>
218
226
  <script
219
227
  type="module"
220
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"
228
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"
221
229
  ></script>
222
230
  <script
223
231
  type="module"
224
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Import.js"
232
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Import.js"
225
233
  ></script>
226
234
  <script
227
235
  type="module"
228
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"
236
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"
229
237
  ></script>
230
238
  <script
231
239
  type="module"
232
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"
240
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"
233
241
  ></script>
234
242
  <script
235
243
  type="module"
236
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ColorPicker.js"
244
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ColorPicker.js"
237
245
  ></script>
238
246
  <script
239
247
  type="module"
240
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Dialog.js"
248
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Dialog.js"
241
249
  ></script>
242
250
  <script
243
251
  src="./components/ThemePropertyInput.js"
244
252
  type="module"
245
253
  ></script>
246
254
  <script type="module">
247
- import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/utils/theme.js';
255
+ import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/utils/theme.js';
248
256
 
249
257
  /*
250
258
  Simple Context for storing theme CSS
package/docs/typography.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -265,11 +273,11 @@
265
273
  </main>
266
274
  <div style="height:33vh"></div>
267
275
  </k-main>
268
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
269
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
270
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
271
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
272
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
276
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
277
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
278
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
279
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
280
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
273
281
 
274
282
  </body>
275
283
  </html>
package/docs/utilities.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <script>
13
13
  window.kempo = {
14
14
  pathToStylesheet: './kempo.min.css',
15
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
15
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
16
16
  };
17
17
  </script>
18
18
 
@@ -33,7 +33,15 @@
33
33
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
34
34
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
35
35
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
36
- <k-theme-switcher></k-theme-switcher>
36
+ <k-theme-switcher
37
+ class="mr"
38
+ style="
39
+ --padding: 0.5rem;
40
+ --c_active: var(--tc_on_primary);
41
+ --tc_active: var(--c_primary);
42
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
43
+ "
44
+ ></k-theme-switcher>
37
45
  </k-nav>
38
46
  <div style="width: 100%; height: 4rem;"></div>
39
47
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
@@ -162,11 +170,11 @@
162
170
  </main>
163
171
  <div style="height:33vh"></div>
164
172
  </k-main>
165
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
166
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
167
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
168
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
169
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
173
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
174
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
175
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
176
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
177
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
170
178
 
171
179
  </body>
172
180
  </html>
package/docs-src/default.template.html CHANGED
@@ -12,11 +12,11 @@
12
12
  </main>
13
13
  <div style="height:33vh"></div>
14
14
  </k-main>
15
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"></script>
16
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"></script>
17
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"></script>
18
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
19
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"></script>
15
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"></script>
16
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"></script>
17
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"></script>
18
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
19
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"></script>
20
20
  <location name="scripts"></location>
21
21
  </body>
22
22
  </html>
package/docs-src/examples/responsive-grid.html CHANGED
@@ -28,6 +28,6 @@
28
28
  col d-span-3 t-span-6 m-span-12
29
29
  </div>
30
30
  </div>
31
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"></script>
31
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"></script>
32
32
  </body>
33
33
  </html>
package/docs-src/head.fragment.html CHANGED
@@ -9,7 +9,7 @@
9
9
  <script>
10
10
  window.kempo = {
11
11
  pathToStylesheet: './kempo.min.css',
12
- pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.3/icons']
12
+ pathsToIcons: ['https://cdn.jsdelivr.net/npm/kempo-ui@0.4/icons']
13
13
  };
14
14
  </script>
15
15
  <location name="styles"></location>
package/docs-src/layout.page.html CHANGED
@@ -158,6 +158,6 @@
158
158
  </div>
159
159
  </content>
160
160
  <content location="scripts">
161
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
161
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
162
162
  </content>
163
163
  </page>
package/docs-src/nav.fragment.html CHANGED
@@ -12,7 +12,15 @@
12
12
  <a href="https://github.com/dustinpoissant/kempo-css?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20" target="_blank"><k-icon name="license"></k-icon></a>
13
13
  <a href="https://www.npmjs.com/package/kempo-css" target="_blank"><k-icon name="npm"></k-icon></a>
14
14
  <a href="https://github.com/dustinpoissant/kempo-css" target="_blank"><k-icon name="github-mark"></k-icon></a>
15
- <k-theme-switcher></k-theme-switcher>
15
+ <k-theme-switcher
16
+ class="mr"
17
+ style="
18
+ --padding: 0.5rem;
19
+ --c_active: var(--tc_on_primary);
20
+ --tc_active: var(--c_primary);
21
+ --c_inactive__hover: rgba(255, 255, 255, 0.1);
22
+ "
23
+ ></k-theme-switcher>
16
24
  </k-nav>
17
25
  <div style="width: 100%; height: 4rem;"></div>
18
26
  <k-aside id="navSideMenu" main="overlay" state="offscreen">
package/docs-src/tables.page.html CHANGED
@@ -109,6 +109,6 @@
109
109
  </div>
110
110
  </content>
111
111
  <content location="scripts">
112
- <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"></script>
112
+ <script type="module" src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"></script>
113
113
  </content>
114
114
  </page>
package/docs-src/theme-editor.page.html CHANGED
@@ -69,50 +69,50 @@
69
69
 
70
70
  <script
71
71
  type="module"
72
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Nav.js"
72
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Nav.js"
73
73
  ></script>
74
74
  <script
75
75
  type="module"
76
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Aside.js"
76
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Aside.js"
77
77
  ></script>
78
78
  <script
79
79
  type="module"
80
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Split.js"
80
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Split.js"
81
81
  ></script>
82
82
  <script
83
83
  type="module"
84
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Icon.js"
84
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Icon.js"
85
85
  ></script>
86
86
  <script
87
87
  type="module"
88
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ThemeSwitcher.js"
88
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ThemeSwitcher.js"
89
89
  ></script>
90
90
  <script
91
91
  type="module"
92
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Import.js"
92
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Import.js"
93
93
  ></script>
94
94
  <script
95
95
  type="module"
96
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Resize.js"
96
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Resize.js"
97
97
  ></script>
98
98
  <script
99
99
  type="module"
100
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Card.js"
100
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Card.js"
101
101
  ></script>
102
102
  <script
103
103
  type="module"
104
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/ColorPicker.js"
104
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/ColorPicker.js"
105
105
  ></script>
106
106
  <script
107
107
  type="module"
108
- src="https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/components/Dialog.js"
108
+ src="https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/components/Dialog.js"
109
109
  ></script>
110
110
  <script
111
111
  src="./components/ThemePropertyInput.js"
112
112
  type="module"
113
113
  ></script>
114
114
  <script type="module">
115
- import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.3/dist/utils/theme.js';
115
+ import theme from 'https://cdn.jsdelivr.net/npm/kempo-ui@0.4/dist/utils/theme.js';
116
116
 
117
117
  /*
118
118
  Simple Context for storing theme CSS
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kempo-css",
3
- "version": "2.2.2",
3
+ "version": "2.2.4",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "scripts/build.js",
package/src/kempo.css CHANGED
@@ -406,7 +406,7 @@ h1, h2, h3, h4, h5, h6,
406
406
  .h4, h4 { font-size: var(--fs_h4) }
407
407
  .h5, h5 { font-size: var(--fs_h5) }
408
408
  .h6, h6 { font-size: var(--fs_h6) }
409
- p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl, pre, hr, dd {
409
+ p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl, pre, dd {
410
410
  margin-bottom: var(--spacer);
411
411
  }
412
412
  ul, ol, dl {
@@ -468,6 +468,8 @@ a:focus,
468
468
  color: inherit;
469
469
  }
470
470
  hr {
471
+ width: calc(100% - (2 * var(--spacer)));
472
+ margin: var(--spacer_h) var(--spacer);
471
473
  border: none;
472
474
  border-top: 1px solid var(--c_border);
473
475
  }
package/tasks/_template.md ADDED
@@ -0,0 +1,35 @@
1
+ # {Task Number} - {Task Description }
2
+
3
+ ## Status: {Planning | Ready | Blocked | In Progress | Testing | Complete | Released}
4
+
5
+ ## Dependency
6
+ {What other task needs to be completed first before this task can be started, prefer markdown links}
7
+
8
+ ## References
9
+ {What other tasks or resources should the developer/LLM be aware of before starting this task, prefer markdown links}
10
+
11
+ ## Current State
12
+ {How does this feature currently work}
13
+
14
+ ## Aceptance Criteria
15
+ {How does it need to work to consider this task a success}
16
+
17
+ ### In-Scope
18
+ {What are some examples of repos/files/ect that can be changed to do this task}
19
+
20
+ ### Out of Scope
21
+ {What are some examples of repos/files/ect that should not be changed to do this task, if we find a need to, create a new task (in this repo, or that repo)}
22
+
23
+ ## Task Details
24
+ {What steps need to happen to complete this task}
25
+
26
+ ## Testing / Validation Plan
27
+ {How should this task be tested/validated, make sure all of the acceptance criteria is covered by the test plan}
28
+
29
+ ### Testing / Validation Results
30
+
31
+ #### LLM Validation Results
32
+ {IMPORTANT: Leave this section completely blank — do not add any text or placeholders}
33
+
34
+ #### User Validation Results
35
+ {IMPORTANT: Leave this section completely blank — do not add any text or placeholders}