@haiilo/catalyst 0.7.1 → 0.7.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 (60) hide show
  1. package/dist/catalyst/catalyst.css +2 -2
  2. package/dist/catalyst/scss/_mixins.scss +9 -0
  3. package/dist/catalyst/scss/_variables.scss +64 -0
  4. package/dist/catalyst/scss/_variables.tokens.scss +84 -0
  5. package/dist/catalyst/scss/core/_base.scss +12 -0
  6. package/dist/catalyst/scss/core/_nav.scss +23 -0
  7. package/dist/catalyst/scss/core/_toast.scss +77 -0
  8. package/dist/catalyst/scss/core/_typography.scss +237 -0
  9. package/dist/catalyst/scss/fonts/_fonts.mixins.azeret.scss +14 -0
  10. package/dist/catalyst/scss/fonts/_fonts.mixins.dm.scss +53 -0
  11. package/dist/catalyst/scss/fonts/_fonts.mixins.lato.scss +185 -0
  12. package/dist/catalyst/scss/fonts/_fonts.mixins.scss +17 -0
  13. package/dist/catalyst/scss/index.scss +34 -0
  14. package/dist/catalyst/scss/utils/_color.scss +52 -0
  15. package/dist/catalyst/scss/utils/_disabled.mixins.scss +7 -0
  16. package/dist/catalyst/scss/utils/_display.scss +20 -0
  17. package/dist/catalyst/scss/utils/_elevation.mixins.scss +10 -0
  18. package/dist/catalyst/scss/utils/_elevation.scss +19 -0
  19. package/dist/catalyst/scss/utils/_layout.scss +78 -0
  20. package/dist/catalyst/scss/utils/_media.mixins.scss +37 -0
  21. package/dist/catalyst/scss/utils/_ratio.mixins.scss +12 -0
  22. package/dist/catalyst/scss/utils/_ratio.scss +20 -0
  23. package/dist/catalyst/scss/utils/_sizing.mixins.scss +15 -0
  24. package/dist/catalyst/scss/utils/_sizing.scss +16 -0
  25. package/dist/catalyst/scss/utils/_spacing.mixins.scss +5 -0
  26. package/dist/catalyst/scss/utils/_spacing.scss +49 -0
  27. package/dist/catalyst/scss/utils/_typography.mixins.scss +102 -0
  28. package/dist/catalyst/scss/utils/_typography.scss +34 -0
  29. package/dist/catalyst/scss/utils/_visibility.mixins.scss +29 -0
  30. package/dist/catalyst/scss/utils/_visibility.scss +13 -0
  31. package/dist/collection/scss/_mixins.scss +9 -0
  32. package/dist/collection/scss/_variables.scss +64 -0
  33. package/dist/collection/scss/_variables.tokens.scss +84 -0
  34. package/dist/collection/scss/core/_base.scss +12 -0
  35. package/dist/collection/scss/core/_nav.scss +23 -0
  36. package/dist/collection/scss/core/_toast.scss +77 -0
  37. package/dist/collection/scss/core/_typography.scss +237 -0
  38. package/dist/collection/scss/fonts/_fonts.mixins.azeret.scss +14 -0
  39. package/dist/collection/scss/fonts/_fonts.mixins.dm.scss +53 -0
  40. package/dist/collection/scss/fonts/_fonts.mixins.lato.scss +185 -0
  41. package/dist/collection/scss/fonts/_fonts.mixins.scss +17 -0
  42. package/dist/collection/scss/index.scss +34 -0
  43. package/dist/collection/scss/utils/_color.scss +52 -0
  44. package/dist/collection/scss/utils/_disabled.mixins.scss +7 -0
  45. package/dist/collection/scss/utils/_display.scss +20 -0
  46. package/dist/collection/scss/utils/_elevation.mixins.scss +10 -0
  47. package/dist/collection/scss/utils/_elevation.scss +19 -0
  48. package/dist/collection/scss/utils/_layout.scss +78 -0
  49. package/dist/collection/scss/utils/_media.mixins.scss +37 -0
  50. package/dist/collection/scss/utils/_ratio.mixins.scss +12 -0
  51. package/dist/collection/scss/utils/_ratio.scss +20 -0
  52. package/dist/collection/scss/utils/_sizing.mixins.scss +15 -0
  53. package/dist/collection/scss/utils/_sizing.scss +16 -0
  54. package/dist/collection/scss/utils/_spacing.mixins.scss +5 -0
  55. package/dist/collection/scss/utils/_spacing.scss +49 -0
  56. package/dist/collection/scss/utils/_typography.mixins.scss +102 -0
  57. package/dist/collection/scss/utils/_typography.scss +34 -0
  58. package/dist/collection/scss/utils/_visibility.mixins.scss +29 -0
  59. package/dist/collection/scss/utils/_visibility.scss +13 -0
  60. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
- @charset "UTF-8";*,::before,::after{box-sizing:border-box;background-repeat:no-repeat;}::before,::after{text-decoration:inherit;vertical-align:inherit;}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}:where(body){margin:0}:where(h1){font-size:2em;margin:0.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0;}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"";float:left}:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto;}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace, monospace;font-size:1em;}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0;}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical;}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}:where(iframe,img,input,video,select,textarea){height:auto;max-width:100%}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important;}}/*!
1
+ @charset "UTF-8";*,::before,::after{box-sizing:border-box;background-repeat:no-repeat;}::before,::after{text-decoration:inherit;vertical-align:inherit;}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}:where(body){margin:0}:where(h1){font-size:2em;margin:0.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0;}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto;}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace, monospace;font-size:1em;}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0;}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical;}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}:where(iframe,img,input,video,select,textarea){height:auto;max-width:100%}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important;}}/*!
2
2
  * Toastify js 1.11.2
3
3
  * https://github.com/apvarun/toastify-js
4
4
  * @license MIT licensed
5
5
  *
6
6
  * Copyright (C) 2018 Varun A P
7
- */.toastify{padding:12px 20px;color:#ffffff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);background:-webkit-linear-gradient(315deg, #73a5ff, #5477f5);background:linear-gradient(135deg, #73a5ff, #5477f5);position:fixed;opacity:0;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:0.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}body{font-size:0.9375rem;line-height:1.25rem;font-family:var(--cat-font-family-body, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-body, 0, 0, 0));background-color:rgb(var(--cat-bg, 248, 248, 251))}nav hr,nav .cat-hr{margin-top:0.5rem;margin-bottom:0.5rem}nav .cat-head,nav .cat-text{padding:0.5rem 1rem}nav .cat-head>:last-child,nav .cat-text>:last-child{margin-bottom:0}nav .cat-head{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h1,h2,h3,h4,h5,h6,.cat-h1,.cat-h2,.cat-h3,.cat-h4,.cat-h5,.cat-h6{margin-top:0;margin-bottom:0.5rem;font-weight:var(--cat-font-weight-head, 500)}h1,.cat-h1{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.75rem;line-height:2rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h2,.cat-h2{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.5rem;line-height:1.75rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h3,.cat-h3{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.25rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h4,.cat-h4{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h5,.cat-h5{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h6,.cat-h6{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}.cat-text-xl{font-size:1.25rem;line-height:1.5rem}.cat-text-l{font-size:1.125rem;line-height:1.5rem}.cat-text-m{font-size:0.9375rem;line-height:1.25rem}.cat-text-s{font-size:0.875rem;line-height:1rem}.cat-text-xs{font-size:0.75rem;line-height:1rem}.cat-mono-xl{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-l{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-m{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-s{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-xs{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.625rem;line-height:0.875rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}p{margin-top:0;margin-bottom:1rem}hr,.cat-hr{display:block;margin:1rem 0;border:0;height:1px;background-color:#ebecf0;overflow:hidden}a{color:rgb(var(--cat-primary-text, 32, 127, 138));text-decoration:none;transition:color 0.13s linear}a:hover{color:rgb(var(--cat-primary-text-hover, 28, 112, 122));text-decoration:underline}a:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110))}a:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}a[tabindex="-1"]:focus{outline:none}b,strong,.cat-strong{font-weight:600}mark,.cat-mark{padding:0.125rem 0.25rem;background-color:rgba(var(--cat-primary-bg, 32, 127, 138), 0.2)}small,.cat-small{font-size:0.875em}.cat-underline{text-decoration:underline}.cat-line-through{text-decoration:line-through}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ol dl,ul ol,ul ul,ul dl,dl ol,dl ul,dl dl{margin-bottom:0}nav ol,nav ul{list-style-type:none;margin:0;padding:0}dt{font-weight:600}dd{margin-bottom:0.5rem;margin-left:0}.cat-lead{font-size:1.25rem;line-height:1.5rem;font-weight:300}blockquote{margin:0 0 1rem;font-style:italic;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-body, 0, 0, 0))}blockquote>:last-child{margin-bottom:0}figure{margin:0 0 1rem}figure figcaption{margin-top:-0.5rem;margin-bottom:0;font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}figure figcaption::before{content:"— "}code,samp,kbd,pre{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0));font-weight:var(--cat-font-weight-mono, 400)}pre{margin-top:0;margin-bottom:1rem;overflow:auto}pre code{margin:0;padding:0;color:inherit;background:none;box-shadow:none;border-radius:0;word-wrap:normal;word-break:normal}kbd,code{margin:0 0.125rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135));background:white;box-shadow:0 0 0 2px #ebecf0;border-radius:0.125rem}kbd{font-size:0.75rem;display:inline-block;min-width:1.5rem;line-height:1.25rem;padding:0 0.375rem;text-align:center;vertical-align:top;white-space:nowrap}code{word-wrap:break-word;word-break:break-word;padding:0.0625rem 0.25rem}@font-face{font-family:"DM Sans";src:url("./assets/fonts/DMSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"DM Sans";src:url("./assets/fonts/DMSans-MediumItalic.woff2") format("woff2");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Light.woff2") format("woff2"), url("./assets/fonts/Lato-Light.woff") format("woff");font-style:normal;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-LightItalic.woff2") format("woff2"), url("./assets/fonts/Lato-LightItalic.woff") format("woff");font-style:italic;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Regular.woff2") format("woff2"), url("./assets/fonts/Lato-Regular.woff") format("woff");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Italic.woff2") format("woff2"), url("./assets/fonts/Lato-Italic.woff") format("woff");font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Medium.woff2") format("woff2"), url("./assets/fonts/Lato-Medium.woff") format("woff");font-style:normal;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-MediumItalic.woff2") format("woff2"), url("./assets/fonts/Lato-MediumItalic.woff") format("woff");font-style:italic;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Bold.woff2") format("woff2"), url("./assets/fonts/Lato-Bold.woff") format("woff");font-style:normal;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("./assets/fonts/Lato-BoldItalic.woff") format("woff");font-style:italic;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:"Azeret Mono";src:url("./assets/fonts/AzeretMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:fallback}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 32, 127, 138)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important}.cat-bg-primary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 28, 112, 122)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 32, 127, 138)) !important}.cat-link-primary,.cat-text-primary-hover{transition:color 0.13s}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 28, 112, 122)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110)) !important}.cat-bg-secondary{background-color:#697687 !important;color:white !important}.cat-bg-secondary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondary-hover:hover{background-color:#697687 !important;color:white !important}.cat-text-secondary,.cat-link-secondary{color:black !important}.cat-link-secondary,.cat-text-secondary-hover{transition:color 0.13s}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:black !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:black !important}.cat-bg-success{background-color:#008458 !important;color:white !important}.cat-bg-success-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-success-hover:hover{background-color:#00754e !important;color:white !important}.cat-text-success,.cat-link-success{color:#008458 !important}.cat-link-success,.cat-text-success-hover{transition:color 0.13s}.cat-link-success:hover,.cat-text-success-hover:hover{color:#00754e !important}.cat-link-success:active,.cat-text-success-hover:active{color:#006946 !important}.cat-bg-warning{background-color:#ffce80 !important;color:black !important}.cat-bg-warning-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-warning-hover:hover{background-color:#ffd694 !important;color:black !important}.cat-text-warning,.cat-link-warning{color:#9f6100 !important}.cat-link-warning,.cat-text-warning-hover{transition:color 0.13s}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:#9f6100 !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:#9f6100 !important}.cat-bg-danger{background-color:#d9340d !important;color:white !important}.cat-bg-danger-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-danger-hover:hover{background-color:#c22e0b !important;color:white !important}.cat-text-danger,.cat-link-danger{color:#d9340d !important}.cat-link-danger,.cat-text-danger-hover{transition:color 0.13s}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:#c22e0b !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:#ae2a0a !important}.cat-active{color:rgb(var(--cat-primary-text, 32, 127, 138)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135)) !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.cat-none{display:none !important}.cat-inline{display:inline !important}.cat-inline-block{display:inline-block !important}.cat-block{display:block !important}.cat-grid{display:grid !important}.cat-flex{display:flex !important}.cat-inline-flex{display:inline-flex !important}@media screen and (min-width: 540px){.cat-none\:xs{display:none !important}.cat-inline\:xs{display:inline !important}.cat-inline-block\:xs{display:inline-block !important}.cat-block\:xs{display:block !important}.cat-grid\:xs{display:grid !important}.cat-flex\:xs{display:flex !important}.cat-inline-flex\:xs{display:inline-flex !important}}@media screen and (min-width: 768px){.cat-none\:s{display:none !important}.cat-inline\:s{display:inline !important}.cat-inline-block\:s{display:inline-block !important}.cat-block\:s{display:block !important}.cat-grid\:s{display:grid !important}.cat-flex\:s{display:flex !important}.cat-inline-flex\:s{display:inline-flex !important}}@media screen and (min-width: 992px){.cat-none\:m{display:none !important}.cat-inline\:m{display:inline !important}.cat-inline-block\:m{display:inline-block !important}.cat-block\:m{display:block !important}.cat-grid\:m{display:grid !important}.cat-flex\:m{display:flex !important}.cat-inline-flex\:m{display:inline-flex !important}}@media screen and (min-width: 1200px){.cat-none\:l{display:none !important}.cat-inline\:l{display:inline !important}.cat-inline-block\:l{display:inline-block !important}.cat-block\:l{display:block !important}.cat-grid\:l{display:grid !important}.cat-flex\:l{display:flex !important}.cat-inline-flex\:l{display:inline-flex !important}}@media screen and (min-width: 1400px){.cat-none\:xl{display:none !important}.cat-inline\:xl{display:inline !important}.cat-inline-block\:xl{display:inline-block !important}.cat-block\:xl{display:block !important}.cat-grid\:xl{display:grid !important}.cat-flex\:xl{display:flex !important}.cat-inline-flex\:xl{display:inline-flex !important}}.cat-elevation-transition{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.cat-elevation-0{box-shadow:none}.cat-elevation-hover-0:hover,.cat-elevation-hover-0:focus,.cat-elevation-hover-0:focus-within{box-shadow:none}.cat-elevation-1{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-hover-1:hover,.cat-elevation-hover-1:focus,.cat-elevation-hover-1:focus-within{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-2{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-2:hover,.cat-elevation-hover-2:focus,.cat-elevation-hover-2:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-3{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-3:hover,.cat-elevation-hover-3:focus,.cat-elevation-hover-3:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-4{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-elevation-hover-4:hover,.cat-elevation-hover-4:focus,.cat-elevation-hover-4:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-flex-row{flex-direction:row}.cat-flex-col{flex-direction:column}.cat-flex-1{flex:1 1 0%}.cat-flex-auto{flex:1 1 auto}.cat-flex-init{flex:0 1 auto}.cat-flex-none{flex:none}.cat-flex-wrap{flex-wrap:wrap}.cat-flex-nowrap{flex-wrap:nowrap}.cat-gap-xl{gap:2rem}.cat-gap-x-xl{column-gap:2rem}.cat-gap-y-xl{row-gap:2rem}.cat-gap-l{gap:1.5rem}.cat-gap-x-l{column-gap:1.5rem}.cat-gap-y-l{row-gap:1.5rem}.cat-gap-m{gap:1rem}.cat-gap-x-m{column-gap:1rem}.cat-gap-y-m{row-gap:1rem}.cat-gap-s{gap:0.5rem}.cat-gap-x-s{column-gap:0.5rem}.cat-gap-y-s{row-gap:0.5rem}.cat-gap-xs{gap:0.25rem}.cat-gap-x-xs{column-gap:0.25rem}.cat-gap-y-xs{row-gap:0.25rem}.cat-justify-start{justify-content:flex-start}.cat-justify-end{justify-content:flex-end}.cat-justify-center{justify-content:center}.cat-justify-between{justify-content:space-between}.cat-justify-items-start{justify-items:flex-start}.cat-justify-items-end{justify-items:flex-end}.cat-justify-items-center{justify-items:flex-center}.cat-justify-items-stretch{justify-items:flex-stretch}.cat-content-start{align-content:flex-start}.cat-content-end{align-content:flex-end}.cat-content-center{align-content:center}.cat-content-between{align-content:space-between}.cat-items-start{align-items:flex-start}.cat-items-end{align-items:flex-end}.cat-items-center{align-items:flex-center}.cat-items-stretch{align-items:flex-stretch}.cat-grid-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cat-grid-col-1{grid-column:span 1 / span 1}.cat-grid-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cat-grid-col-2{grid-column:span 2 / span 2}.cat-grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cat-grid-col-3{grid-column:span 3 / span 3}.cat-grid-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cat-grid-col-4{grid-column:span 4 / span 4}.cat-grid-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cat-grid-col-5{grid-column:span 5 / span 5}.cat-grid-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cat-grid-col-6{grid-column:span 6 / span 6}.cat-grid-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cat-grid-col-7{grid-column:span 7 / span 7}.cat-grid-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cat-grid-col-8{grid-column:span 8 / span 8}.cat-grid-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cat-grid-col-9{grid-column:span 9 / span 9}.cat-grid-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cat-grid-col-10{grid-column:span 10 / span 10}.cat-grid-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cat-grid-col-11{grid-column:span 11 / span 11}.cat-grid-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cat-grid-col-12{grid-column:span 12 / span 12}.cat-grid-row-1{grid-row:span 1 / span 1}.cat-grid-row-2{grid-row:span 2 / span 2}.cat-grid-row-3{grid-row:span 3 / span 3}.cat-grid-row-4{grid-row:span 4 / span 4}.cat-grid-row-5{grid-row:span 5 / span 5}.cat-grid-row-6{grid-row:span 6 / span 6}.cat-grid-auto{grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr));--grid-min:100%}.cat-radius-l{border-radius:0.5rem}.cat-radius-m{border-radius:0.25rem}.cat-radius-s{border-radius:0.125rem}.cat-radius-0{border-radius:none}.cat-radius-full{border-radius:100rem}.cat-m-auto{margin:auto !important}.cat-mv-auto{margin-top:auto !important;margin-bottom:auto !important}.cat-mh-auto{margin-left:auto !important;margin-right:auto !important}.cat-mt-auto{margin-top:auto !important}.cat-mb-auto{margin-bottom:auto !important}.cat-ml-auto{margin-left:auto !important}.cat-mr-auto{margin-right:auto !important}.cat-m-0{margin:0 !important}.cat-mv-0{margin-top:0 !important;margin-bottom:0 !important}.cat-mh-0{margin-left:0 !important;margin-right:0 !important}.cat-mt-0{margin-top:0 !important}.cat-mb-0{margin-bottom:0 !important}.cat-ml-0{margin-left:0 !important}.cat-mr-0{margin-right:0 !important}.cat-p-0{padding:0 !important}.cat-pv-0{padding-top:0 !important;padding-bottom:0 !important}.cat-ph-0{padding-left:0 !important;padding-right:0 !important}.cat-pt-0{padding-top:0 !important}.cat-pb-0{padding-bottom:0 !important}.cat-pl-0{padding-left:0 !important}.cat-pr-0{padding-right:0 !important}.cat-m-xl{margin:2rem !important}.cat-mv-xl{margin-top:2rem !important;margin-bottom:2rem !important}.cat-mh-xl{margin-left:2rem !important;margin-right:2rem !important}.cat-mt-xl{margin-top:2rem !important}.cat-mb-xl{margin-bottom:2rem !important}.cat-ml-xl{margin-left:2rem !important}.cat-mr-xl{margin-right:2rem !important}.cat-p-xl{padding:2rem !important}.cat-pv-xl{padding-top:2rem !important;padding-bottom:2rem !important}.cat-ph-xl{padding-left:2rem !important;padding-right:2rem !important}.cat-pt-xl{padding-top:2rem !important}.cat-pb-xl{padding-bottom:2rem !important}.cat-pl-xl{padding-left:2rem !important}.cat-pr-xl{padding-right:2rem !important}.cat-m-l{margin:1.5rem !important}.cat-mv-l{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.cat-mh-l{margin-left:1.5rem !important;margin-right:1.5rem !important}.cat-mt-l{margin-top:1.5rem !important}.cat-mb-l{margin-bottom:1.5rem !important}.cat-ml-l{margin-left:1.5rem !important}.cat-mr-l{margin-right:1.5rem !important}.cat-p-l{padding:1.5rem !important}.cat-pv-l{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.cat-ph-l{padding-left:1.5rem !important;padding-right:1.5rem !important}.cat-pt-l{padding-top:1.5rem !important}.cat-pb-l{padding-bottom:1.5rem !important}.cat-pl-l{padding-left:1.5rem !important}.cat-pr-l{padding-right:1.5rem !important}.cat-m-m{margin:1rem !important}.cat-mv-m{margin-top:1rem !important;margin-bottom:1rem !important}.cat-mh-m{margin-left:1rem !important;margin-right:1rem !important}.cat-mt-m{margin-top:1rem !important}.cat-mb-m{margin-bottom:1rem !important}.cat-ml-m{margin-left:1rem !important}.cat-mr-m{margin-right:1rem !important}.cat-p-m{padding:1rem !important}.cat-pv-m{padding-top:1rem !important;padding-bottom:1rem !important}.cat-ph-m{padding-left:1rem !important;padding-right:1rem !important}.cat-pt-m{padding-top:1rem !important}.cat-pb-m{padding-bottom:1rem !important}.cat-pl-m{padding-left:1rem !important}.cat-pr-m{padding-right:1rem !important}.cat-m-s{margin:0.5rem !important}.cat-mv-s{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.cat-mh-s{margin-left:0.5rem !important;margin-right:0.5rem !important}.cat-mt-s{margin-top:0.5rem !important}.cat-mb-s{margin-bottom:0.5rem !important}.cat-ml-s{margin-left:0.5rem !important}.cat-mr-s{margin-right:0.5rem !important}.cat-p-s{padding:0.5rem !important}.cat-pv-s{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.cat-ph-s{padding-left:0.5rem !important;padding-right:0.5rem !important}.cat-pt-s{padding-top:0.5rem !important}.cat-pb-s{padding-bottom:0.5rem !important}.cat-pl-s{padding-left:0.5rem !important}.cat-pr-s{padding-right:0.5rem !important}.cat-m-xs{margin:0.25rem !important}.cat-mv-xs{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.cat-mh-xs{margin-left:0.25rem !important;margin-right:0.25rem !important}.cat-mt-xs{margin-top:0.25rem !important}.cat-mb-xs{margin-bottom:0.25rem !important}.cat-ml-xs{margin-left:0.25rem !important}.cat-mr-xs{margin-right:0.25rem !important}.cat-p-xs{padding:0.25rem !important}.cat-pv-xs{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.cat-ph-xs{padding-left:0.25rem !important;padding-right:0.25rem !important}.cat-pt-xs{padding-top:0.25rem !important}.cat-pb-xs{padding-bottom:0.25rem !important}.cat-pl-xs{padding-left:0.25rem !important}.cat-pr-xs{padding-right:0.25rem !important}.cat-text-left{text-align:left !important}.cat-text-center{text-align:center !important}.cat-text-right{text-align:right !important}.cat-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}.cat-select{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;}.cat-no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cat-break-word{word-wrap:break-word;word-break:break-word}.cat-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.cat-visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}*:not(:hover):not(:focus):not(:focus-within)>.cat-visually-hidden-hoverable{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.cat-ratio{position:relative;aspect-ratio:var(--cat-aspect-ratio)}.cat-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.cat-ratio-1x1{--cat-aspect-ratio:1}.cat-ratio-3x1{--cat-aspect-ratio:3}.cat-ratio-6x1{--cat-aspect-ratio:6}.cat-ratio-4x3{--cat-aspect-ratio:1.3333333333}.cat-ratio-16x9{--cat-aspect-ratio:1.7777777778}.cat-ratio-21x9{--cat-aspect-ratio:2.3333333333}.cat-toastify{background:white;color:black;padding:0;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-toastify .toast-close{float:right;font-size:20px;margin-top:0.5rem;position:absolute;top:0;right:0;z-index:10}.cat-toastify .cat-toastify-wrapper{display:block;position:relative}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper{position:absolute;top:6px;left:5px}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.info{color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.error{color:#d9340d}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.success{color:#008458}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper{width:100%;padding:0.5rem 0.5rem 0.5rem 2rem}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper.has-message{border-bottom:1px solid #d7dbe0}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper .cat-toastify-title{width:100%;padding-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;font-weight:600;color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-message{width:100%;padding:0.5rem;color:black}
7
+ */.toastify{padding:12px 20px;color:#ffffff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);background:-webkit-linear-gradient(315deg, #73a5ff, #5477f5);background:linear-gradient(135deg, #73a5ff, #5477f5);position:fixed;opacity:0;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:0.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}@font-face{font-family:"DM Sans";src:url("assets/fonts/DMSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"DM Sans";src:url("assets/fonts/DMSans-MediumItalic.woff2") format("woff2");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Light.woff2") format("woff2"), url("assets/fonts/Lato-Light.woff") format("woff");font-style:normal;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-LightItalic.woff2") format("woff2"), url("assets/fonts/Lato-LightItalic.woff") format("woff");font-style:italic;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Regular.woff2") format("woff2"), url("assets/fonts/Lato-Regular.woff") format("woff");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Italic.woff2") format("woff2"), url("assets/fonts/Lato-Italic.woff") format("woff");font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Medium.woff2") format("woff2"), url("assets/fonts/Lato-Medium.woff") format("woff");font-style:normal;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-MediumItalic.woff2") format("woff2"), url("assets/fonts/Lato-MediumItalic.woff") format("woff");font-style:italic;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Bold.woff2") format("woff2"), url("assets/fonts/Lato-Bold.woff") format("woff");font-style:normal;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("assets/fonts/Lato-BoldItalic.woff") format("woff");font-style:italic;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:"Azeret Mono";src:url("assets/fonts/AzeretMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:fallback}body{font-size:0.9375rem;line-height:1.25rem;font-family:var(--cat-font-family-body, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-body, 0, 0, 0));background-color:rgb(var(--cat-bg, 248, 248, 251))}nav hr,nav .cat-hr{margin-top:0.5rem;margin-bottom:0.5rem}nav .cat-head,nav .cat-text{padding:0.5rem 1rem}nav .cat-head>:last-child,nav .cat-text>:last-child{margin-bottom:0}nav .cat-head{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}.cat-toastify{background:white;color:black;padding:0;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-toastify .toast-close{float:right;font-size:20px;margin-top:0.5rem;position:absolute;top:0;right:0;z-index:10}.cat-toastify .cat-toastify-wrapper{display:block;position:relative}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper{position:absolute;top:6px;left:5px}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.info{color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.error{color:#d9340d}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.success{color:#008458}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper{width:100%;padding:0.5rem 0.5rem 0.5rem 2rem}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper.has-message{border-bottom:1px solid #d7dbe0}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper .cat-toastify-title{width:100%;padding-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;font-weight:600;color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-message{width:100%;padding:0.5rem;color:black}h1,h2,h3,h4,h5,h6,.cat-h1,.cat-h2,.cat-h3,.cat-h4,.cat-h5,.cat-h6{margin-top:0;margin-bottom:0.5rem;font-weight:var(--cat-font-weight-head, 500)}h1,.cat-h1{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.75rem;line-height:2rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h2,.cat-h2{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.5rem;line-height:1.75rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h3,.cat-h3{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.25rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h4,.cat-h4{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h5,.cat-h5{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h6,.cat-h6{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}.cat-text-xl{font-size:1.25rem;line-height:1.5rem}.cat-text-l{font-size:1.125rem;line-height:1.5rem}.cat-text-m{font-size:0.9375rem;line-height:1.25rem}.cat-text-s{font-size:0.875rem;line-height:1rem}.cat-text-xs{font-size:0.75rem;line-height:1rem}.cat-mono-xl{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-l{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-m{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-s{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-xs{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.625rem;line-height:0.875rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}p{margin-top:0;margin-bottom:1rem}hr,.cat-hr{display:block;margin:1rem 0;border:0;height:1px;background-color:#ebecf0;overflow:hidden}a{color:rgb(var(--cat-primary-text, 32, 127, 138));text-decoration:none;transition:color 0.13s linear}a:hover{color:rgb(var(--cat-primary-text-hover, 28, 112, 122));text-decoration:underline}a:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110))}a:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}a[tabindex="-1"]:focus{outline:none}b,strong,.cat-strong{font-weight:600}mark,.cat-mark{padding:0.125rem 0.25rem;background-color:rgba(var(--cat-primary-bg, 32, 127, 138), 0.2)}small,.cat-small{font-size:0.875em}.cat-underline{text-decoration:underline}.cat-line-through{text-decoration:line-through}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ol dl,ul ol,ul ul,ul dl,dl ol,dl ul,dl dl{margin-bottom:0}nav ol,nav ul{list-style-type:none;margin:0;padding:0}dt{font-weight:600}dd{margin-bottom:0.5rem;margin-left:0}.cat-lead{font-size:1.25rem;line-height:1.5rem;font-weight:300}blockquote{margin:0 0 1rem;font-style:italic;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-body, 0, 0, 0))}blockquote>:last-child{margin-bottom:0}figure{margin:0 0 1rem}figure figcaption{margin-top:-0.5rem;margin-bottom:0;font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}figure figcaption::before{content:"— "}code,samp,kbd,pre{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0));font-weight:var(--cat-font-weight-mono, 400)}pre{margin-top:0;margin-bottom:1rem;overflow:auto}pre code{margin:0;padding:0;color:inherit;background:none;box-shadow:none;border-radius:0;word-wrap:normal;word-break:normal}kbd,code{margin:0 0.125rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135));background:white;box-shadow:0 0 0 2px #ebecf0;border-radius:0.125rem}kbd{font-size:0.75rem;display:inline-block;min-width:1.5rem;line-height:1.25rem;padding:0 0.375rem;text-align:center;vertical-align:top;white-space:nowrap}code{word-wrap:break-word;word-break:break-word;padding:0.0625rem 0.25rem}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 32, 127, 138)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important}.cat-bg-primary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 28, 112, 122)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 32, 127, 138)) !important}.cat-link-primary,.cat-text-primary-hover{transition:color 0.13s}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 28, 112, 122)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110)) !important}.cat-bg-secondary{background-color:#697687 !important;color:white !important}.cat-bg-secondary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondary-hover:hover{background-color:#697687 !important;color:white !important}.cat-text-secondary,.cat-link-secondary{color:black !important}.cat-link-secondary,.cat-text-secondary-hover{transition:color 0.13s}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:black !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:black !important}.cat-bg-success{background-color:#008458 !important;color:white !important}.cat-bg-success-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-success-hover:hover{background-color:#00754e !important;color:white !important}.cat-text-success,.cat-link-success{color:#008458 !important}.cat-link-success,.cat-text-success-hover{transition:color 0.13s}.cat-link-success:hover,.cat-text-success-hover:hover{color:#00754e !important}.cat-link-success:active,.cat-text-success-hover:active{color:#006946 !important}.cat-bg-warning{background-color:#ffce80 !important;color:black !important}.cat-bg-warning-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-warning-hover:hover{background-color:#ffd694 !important;color:black !important}.cat-text-warning,.cat-link-warning{color:#9f6100 !important}.cat-link-warning,.cat-text-warning-hover{transition:color 0.13s}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:#9f6100 !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:#9f6100 !important}.cat-bg-danger{background-color:#d9340d !important;color:white !important}.cat-bg-danger-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-danger-hover:hover{background-color:#c22e0b !important;color:white !important}.cat-text-danger,.cat-link-danger{color:#d9340d !important}.cat-link-danger,.cat-text-danger-hover{transition:color 0.13s}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:#c22e0b !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:#ae2a0a !important}.cat-active{color:rgb(var(--cat-primary-text, 32, 127, 138)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135)) !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.cat-none{display:none !important}.cat-inline{display:inline !important}.cat-inline-block{display:inline-block !important}.cat-block{display:block !important}.cat-grid{display:grid !important}.cat-flex{display:flex !important}.cat-inline-flex{display:inline-flex !important}@media screen and (min-width: 540px){.cat-none\:xs{display:none !important}.cat-inline\:xs{display:inline !important}.cat-inline-block\:xs{display:inline-block !important}.cat-block\:xs{display:block !important}.cat-grid\:xs{display:grid !important}.cat-flex\:xs{display:flex !important}.cat-inline-flex\:xs{display:inline-flex !important}}@media screen and (min-width: 768px){.cat-none\:s{display:none !important}.cat-inline\:s{display:inline !important}.cat-inline-block\:s{display:inline-block !important}.cat-block\:s{display:block !important}.cat-grid\:s{display:grid !important}.cat-flex\:s{display:flex !important}.cat-inline-flex\:s{display:inline-flex !important}}@media screen and (min-width: 992px){.cat-none\:m{display:none !important}.cat-inline\:m{display:inline !important}.cat-inline-block\:m{display:inline-block !important}.cat-block\:m{display:block !important}.cat-grid\:m{display:grid !important}.cat-flex\:m{display:flex !important}.cat-inline-flex\:m{display:inline-flex !important}}@media screen and (min-width: 1200px){.cat-none\:l{display:none !important}.cat-inline\:l{display:inline !important}.cat-inline-block\:l{display:inline-block !important}.cat-block\:l{display:block !important}.cat-grid\:l{display:grid !important}.cat-flex\:l{display:flex !important}.cat-inline-flex\:l{display:inline-flex !important}}@media screen and (min-width: 1400px){.cat-none\:xl{display:none !important}.cat-inline\:xl{display:inline !important}.cat-inline-block\:xl{display:inline-block !important}.cat-block\:xl{display:block !important}.cat-grid\:xl{display:grid !important}.cat-flex\:xl{display:flex !important}.cat-inline-flex\:xl{display:inline-flex !important}}.cat-elevation-transition{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.cat-elevation-0{box-shadow:none}.cat-elevation-hover-0:hover,.cat-elevation-hover-0:focus,.cat-elevation-hover-0:focus-within{box-shadow:none}.cat-elevation-1{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-hover-1:hover,.cat-elevation-hover-1:focus,.cat-elevation-hover-1:focus-within{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-2{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-2:hover,.cat-elevation-hover-2:focus,.cat-elevation-hover-2:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-3{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-3:hover,.cat-elevation-hover-3:focus,.cat-elevation-hover-3:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-4{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-elevation-hover-4:hover,.cat-elevation-hover-4:focus,.cat-elevation-hover-4:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-flex-row{flex-direction:row}.cat-flex-col{flex-direction:column}.cat-flex-1{flex:1 1 0%}.cat-flex-auto{flex:1 1 auto}.cat-flex-init{flex:0 1 auto}.cat-flex-none{flex:none}.cat-flex-wrap{flex-wrap:wrap}.cat-flex-nowrap{flex-wrap:nowrap}.cat-gap-xl{gap:2rem}.cat-gap-x-xl{column-gap:2rem}.cat-gap-y-xl{row-gap:2rem}.cat-gap-l{gap:1.5rem}.cat-gap-x-l{column-gap:1.5rem}.cat-gap-y-l{row-gap:1.5rem}.cat-gap-m{gap:1rem}.cat-gap-x-m{column-gap:1rem}.cat-gap-y-m{row-gap:1rem}.cat-gap-s{gap:0.5rem}.cat-gap-x-s{column-gap:0.5rem}.cat-gap-y-s{row-gap:0.5rem}.cat-gap-xs{gap:0.25rem}.cat-gap-x-xs{column-gap:0.25rem}.cat-gap-y-xs{row-gap:0.25rem}.cat-justify-start{justify-content:flex-start}.cat-justify-end{justify-content:flex-end}.cat-justify-center{justify-content:center}.cat-justify-between{justify-content:space-between}.cat-justify-items-start{justify-items:flex-start}.cat-justify-items-end{justify-items:flex-end}.cat-justify-items-center{justify-items:flex-center}.cat-justify-items-stretch{justify-items:flex-stretch}.cat-content-start{align-content:flex-start}.cat-content-end{align-content:flex-end}.cat-content-center{align-content:center}.cat-content-between{align-content:space-between}.cat-items-start{align-items:flex-start}.cat-items-end{align-items:flex-end}.cat-items-center{align-items:flex-center}.cat-items-stretch{align-items:flex-stretch}.cat-grid-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cat-grid-col-1{grid-column:span 1 / span 1}.cat-grid-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cat-grid-col-2{grid-column:span 2 / span 2}.cat-grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cat-grid-col-3{grid-column:span 3 / span 3}.cat-grid-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cat-grid-col-4{grid-column:span 4 / span 4}.cat-grid-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cat-grid-col-5{grid-column:span 5 / span 5}.cat-grid-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cat-grid-col-6{grid-column:span 6 / span 6}.cat-grid-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cat-grid-col-7{grid-column:span 7 / span 7}.cat-grid-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cat-grid-col-8{grid-column:span 8 / span 8}.cat-grid-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cat-grid-col-9{grid-column:span 9 / span 9}.cat-grid-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cat-grid-col-10{grid-column:span 10 / span 10}.cat-grid-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cat-grid-col-11{grid-column:span 11 / span 11}.cat-grid-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cat-grid-col-12{grid-column:span 12 / span 12}.cat-grid-row-1{grid-row:span 1 / span 1}.cat-grid-row-2{grid-row:span 2 / span 2}.cat-grid-row-3{grid-row:span 3 / span 3}.cat-grid-row-4{grid-row:span 4 / span 4}.cat-grid-row-5{grid-row:span 5 / span 5}.cat-grid-row-6{grid-row:span 6 / span 6}.cat-grid-auto{grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr));--grid-min:100%}.cat-radius-l{border-radius:0.5rem}.cat-radius-m{border-radius:0.25rem}.cat-radius-s{border-radius:0.125rem}.cat-radius-0{border-radius:none}.cat-radius-full{border-radius:100rem}.cat-m-auto{margin:auto !important}.cat-mv-auto{margin-top:auto !important;margin-bottom:auto !important}.cat-mh-auto{margin-left:auto !important;margin-right:auto !important}.cat-mt-auto{margin-top:auto !important}.cat-mb-auto{margin-bottom:auto !important}.cat-ml-auto{margin-left:auto !important}.cat-mr-auto{margin-right:auto !important}.cat-m-0{margin:0 !important}.cat-mv-0{margin-top:0 !important;margin-bottom:0 !important}.cat-mh-0{margin-left:0 !important;margin-right:0 !important}.cat-mt-0{margin-top:0 !important}.cat-mb-0{margin-bottom:0 !important}.cat-ml-0{margin-left:0 !important}.cat-mr-0{margin-right:0 !important}.cat-p-0{padding:0 !important}.cat-pv-0{padding-top:0 !important;padding-bottom:0 !important}.cat-ph-0{padding-left:0 !important;padding-right:0 !important}.cat-pt-0{padding-top:0 !important}.cat-pb-0{padding-bottom:0 !important}.cat-pl-0{padding-left:0 !important}.cat-pr-0{padding-right:0 !important}.cat-m-xl{margin:2rem !important}.cat-mv-xl{margin-top:2rem !important;margin-bottom:2rem !important}.cat-mh-xl{margin-left:2rem !important;margin-right:2rem !important}.cat-mt-xl{margin-top:2rem !important}.cat-mb-xl{margin-bottom:2rem !important}.cat-ml-xl{margin-left:2rem !important}.cat-mr-xl{margin-right:2rem !important}.cat-p-xl{padding:2rem !important}.cat-pv-xl{padding-top:2rem !important;padding-bottom:2rem !important}.cat-ph-xl{padding-left:2rem !important;padding-right:2rem !important}.cat-pt-xl{padding-top:2rem !important}.cat-pb-xl{padding-bottom:2rem !important}.cat-pl-xl{padding-left:2rem !important}.cat-pr-xl{padding-right:2rem !important}.cat-m-l{margin:1.5rem !important}.cat-mv-l{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.cat-mh-l{margin-left:1.5rem !important;margin-right:1.5rem !important}.cat-mt-l{margin-top:1.5rem !important}.cat-mb-l{margin-bottom:1.5rem !important}.cat-ml-l{margin-left:1.5rem !important}.cat-mr-l{margin-right:1.5rem !important}.cat-p-l{padding:1.5rem !important}.cat-pv-l{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.cat-ph-l{padding-left:1.5rem !important;padding-right:1.5rem !important}.cat-pt-l{padding-top:1.5rem !important}.cat-pb-l{padding-bottom:1.5rem !important}.cat-pl-l{padding-left:1.5rem !important}.cat-pr-l{padding-right:1.5rem !important}.cat-m-m{margin:1rem !important}.cat-mv-m{margin-top:1rem !important;margin-bottom:1rem !important}.cat-mh-m{margin-left:1rem !important;margin-right:1rem !important}.cat-mt-m{margin-top:1rem !important}.cat-mb-m{margin-bottom:1rem !important}.cat-ml-m{margin-left:1rem !important}.cat-mr-m{margin-right:1rem !important}.cat-p-m{padding:1rem !important}.cat-pv-m{padding-top:1rem !important;padding-bottom:1rem !important}.cat-ph-m{padding-left:1rem !important;padding-right:1rem !important}.cat-pt-m{padding-top:1rem !important}.cat-pb-m{padding-bottom:1rem !important}.cat-pl-m{padding-left:1rem !important}.cat-pr-m{padding-right:1rem !important}.cat-m-s{margin:0.5rem !important}.cat-mv-s{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.cat-mh-s{margin-left:0.5rem !important;margin-right:0.5rem !important}.cat-mt-s{margin-top:0.5rem !important}.cat-mb-s{margin-bottom:0.5rem !important}.cat-ml-s{margin-left:0.5rem !important}.cat-mr-s{margin-right:0.5rem !important}.cat-p-s{padding:0.5rem !important}.cat-pv-s{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.cat-ph-s{padding-left:0.5rem !important;padding-right:0.5rem !important}.cat-pt-s{padding-top:0.5rem !important}.cat-pb-s{padding-bottom:0.5rem !important}.cat-pl-s{padding-left:0.5rem !important}.cat-pr-s{padding-right:0.5rem !important}.cat-m-xs{margin:0.25rem !important}.cat-mv-xs{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.cat-mh-xs{margin-left:0.25rem !important;margin-right:0.25rem !important}.cat-mt-xs{margin-top:0.25rem !important}.cat-mb-xs{margin-bottom:0.25rem !important}.cat-ml-xs{margin-left:0.25rem !important}.cat-mr-xs{margin-right:0.25rem !important}.cat-p-xs{padding:0.25rem !important}.cat-pv-xs{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.cat-ph-xs{padding-left:0.25rem !important;padding-right:0.25rem !important}.cat-pt-xs{padding-top:0.25rem !important}.cat-pb-xs{padding-bottom:0.25rem !important}.cat-pl-xs{padding-left:0.25rem !important}.cat-pr-xs{padding-right:0.25rem !important}.cat-text-left{text-align:left !important}.cat-text-center{text-align:center !important}.cat-text-right{text-align:right !important}.cat-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}.cat-select{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;}.cat-no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cat-break-word{word-wrap:break-word;word-break:break-word}.cat-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.cat-visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}*:not(:hover):not(:focus):not(:focus-within)>.cat-visually-hidden-hoverable{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.cat-ratio{position:relative;aspect-ratio:var(--cat-aspect-ratio)}.cat-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.cat-ratio-1x1{--cat-aspect-ratio:1}.cat-ratio-3x1{--cat-aspect-ratio:3}.cat-ratio-6x1{--cat-aspect-ratio:6}.cat-ratio-4x3{--cat-aspect-ratio:1.3333333333}.cat-ratio-16x9{--cat-aspect-ratio:1.7777777778}.cat-ratio-21x9{--cat-aspect-ratio:2.3333333333}
@@ -0,0 +1,9 @@
1
+ @forward 'fonts/fonts.mixins';
2
+ @forward 'utils/disabled.mixins';
3
+ @forward 'utils/elevation.mixins';
4
+ @forward 'utils/media.mixins';
5
+ @forward 'utils/sizing.mixins';
6
+ @forward 'utils/spacing.mixins';
7
+ @forward 'utils/typography.mixins';
8
+ @forward 'utils/visibility.mixins';
9
+ @forward 'utils/ratio.mixins';
@@ -0,0 +1,64 @@
1
+ @use 'variables.tokens' as *;
2
+ @forward 'variables.tokens';
3
+
4
+ // --------
5
+ // -- Composits
6
+ // --------
7
+
8
+ $cat-head-margin-bottom: cat-token('size.spacing.s');
9
+ $cat-body-margin-bottom: cat-token('size.spacing.m');
10
+ $cat-nav-padding-horizontal: cat-token('size.spacing.m');
11
+
12
+ // --------
13
+ // -- z-indexes
14
+ // --------
15
+
16
+ $cat-menu-z-index: 100;
17
+ $cat-tooltip-z-index: 200;
18
+
19
+ // --------
20
+ // -- Typography
21
+ // --------
22
+
23
+ /* stylelint-disable value-keyword-case */
24
+ $font-fallback-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
25
+ 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
26
+ $font-fallback-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
27
+ $cat-link-text-decoration: none;
28
+ $cat-link-text-decoration-hover: underline;
29
+ $cat-mark-color: cat-token('color.theme.primary.bg', 0.2);
30
+ /* stylelint-enable value-keyword-case */
31
+
32
+ // --------
33
+ // -- Scrollable
34
+ // --------
35
+
36
+ $cat-scrollable-shadow: 0 0 4px 1px rgba(16, 29, 48, 20%);
37
+ $cat-scrollable-shadow-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
38
+
39
+ // --------
40
+ // -- Elevations
41
+ // --------
42
+
43
+ $cat-elevation-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
44
+ $cat-elevation: (
45
+ 0: none,
46
+ 1: (
47
+ 0 1px 4px 0 rgba(16, 29, 48, 20%)
48
+ ),
49
+ 2: (
50
+ 0 2px 4px -1px rgba(16, 29, 48, 20%),
51
+ 0 4px 5px 0 rgba(16, 29, 48, 26%),
52
+ 0 1px 10px -1px rgba(16, 29, 48, 12%)
53
+ ),
54
+ 3: (
55
+ 0 2px 4px -1px rgba(16, 29, 48, 20%),
56
+ 0 9px 16px -3px rgba(16, 29, 48, 14%),
57
+ 0 10px 20px -8px rgba(16, 29, 48, 12%)
58
+ ),
59
+ 4: (
60
+ 0 2px 4px -1px rgba(16, 29, 48, 5%),
61
+ 0 9px 16px -3px rgba(16, 29, 48, 14%),
62
+ 0 32px 20px -20px rgba(16, 29, 48, 20%)
63
+ )
64
+ );
@@ -0,0 +1,84 @@
1
+ @use 'sass:list';
2
+ @use 'sass:map';
3
+ @use 'sass:meta';
4
+ @use 'sass:color';
5
+ @use 'sass:string';
6
+
7
+ @use '~@haiilo/catalyst-tokens/dist/scss/variables' as *;
8
+ @forward '~@haiilo/catalyst-tokens/dist/scss/variables' show $tokens;
9
+
10
+ // -----
11
+ // -- Split a string using the given separator.
12
+ // -----
13
+ @function -cat-split($string, $separator: ' ') {
14
+ $result: ();
15
+ $index: string.index($string, $separator);
16
+ @while $index != null {
17
+ $item: string.slice($string, 1, $index - 1);
18
+ $result: list.append($result, $item);
19
+ $string: string.slice($string, $index + string.length($separator));
20
+ $index: string.index($string, $separator);
21
+ }
22
+ $result: list.append($result, $string);
23
+ @return $result;
24
+ }
25
+
26
+ // -----
27
+ // -- Join strings using the given separator.
28
+ // -----
29
+ @function -cat-join($strings, $separator: ' ') {
30
+ $result: '';
31
+ @each $string in $strings {
32
+ $result: $result + $separator + $string;
33
+ }
34
+ @return string.slice($result, string.length($separator) + 1);
35
+ }
36
+
37
+ // -----
38
+ // -- Deep map.get using a dot-separated key.
39
+ // -----
40
+ @function -cat-get($map, $key) {
41
+ $keys: -cat-split('' + $key, '.');
42
+ @each $key in $keys {
43
+ @if $map {
44
+ $map: map.get($map, $key);
45
+ }
46
+ }
47
+ @return $map;
48
+ }
49
+
50
+ @function cat-token-wrap($value, $alpha: 1) {
51
+ @if meta.type-of($value) == 'string' {
52
+ @if $alpha < 1 {
53
+ @return rgba($value, $alpha);
54
+ } @else {
55
+ @return rgb($value);
56
+ }
57
+ } @else if meta.type-of($value) == 'list' {
58
+ @return color.adjust(
59
+ #00000000,
60
+ $red: list.nth($value, 1),
61
+ $green: list.nth($value, 2),
62
+ $blue: list.nth($value, 3),
63
+ $alpha: $alpha
64
+ );
65
+ } @else {
66
+ @return $value;
67
+ }
68
+ }
69
+
70
+ // -----
71
+ // -- Accessor for $tokens using a dot-separated key.
72
+ // -- Automatically wraps RGB partials into an rgb() expression and
73
+ // -- optionally adds an RGB alpha value.
74
+ // -----
75
+ @function cat-token($key, $alpha: 1, $wrap: true) {
76
+ $value: -cat-get($tokens, $key);
77
+ @if not $value {
78
+ @error 'Unknown token "#{-cat-join($key, '.')}".';
79
+ }
80
+ @if $wrap and string.index($key, 'color.') == 1 {
81
+ @return cat-token-wrap($value, $alpha);
82
+ }
83
+ @return $value;
84
+ }
@@ -0,0 +1,12 @@
1
+ @use '../variables' as *;
2
+ @use '../mixins' as *;
3
+
4
+ // ---- Typography
5
+
6
+ body {
7
+ @include cat-body('m');
8
+ font-family: cat-body-font-family();
9
+ font-weight: cat-token('font.weight.body');
10
+ color: cat-token('color.ui.font.body');
11
+ background-color: cat-token('color.ui.background.canvas');
12
+ }
@@ -0,0 +1,23 @@
1
+ @use '../variables' as *;
2
+ @use '../mixins' as *;
3
+
4
+ nav {
5
+ hr,
6
+ .cat-hr {
7
+ margin-top: $cat-nav-padding-horizontal * 0.5;
8
+ margin-bottom: $cat-nav-padding-horizontal * 0.5;
9
+ }
10
+
11
+ .cat-head,
12
+ .cat-text {
13
+ padding: $cat-nav-padding-horizontal * 0.5 $cat-nav-padding-horizontal;
14
+
15
+ > :last-child {
16
+ margin-bottom: 0;
17
+ }
18
+ }
19
+
20
+ .cat-head {
21
+ @include cat-head(5);
22
+ }
23
+ }
@@ -0,0 +1,77 @@
1
+ @use '../variables' as *;
2
+ @use '../mixins' as *;
3
+
4
+ $-background-color: cat-token('color.base.neutral.0');
5
+ $-text-color: cat-token('color.base.neutral.900');
6
+ $-title-border: cat-token('color.base.neutral.300');
7
+ $-shadow: cat-token('color.ui.border.dark');
8
+ $-error-color: cat-token('color.theme.danger.text');
9
+ $-info-color: cat-token('color.theme.secondary.text');
10
+ $-success-color: cat-token('color.theme.success.text');
11
+
12
+ .cat-toastify {
13
+ background: $-background-color;
14
+ color: $-text-color;
15
+ padding: 0;
16
+ @include cat-elevation(1);
17
+
18
+ .toast-close {
19
+ float: right;
20
+ font-size: 20px;
21
+ margin-top: 0.5rem;
22
+ position: absolute;
23
+ top: 0;
24
+ right: 0;
25
+ z-index: 10;
26
+ }
27
+
28
+ .cat-toastify-wrapper {
29
+ display: block;
30
+ position: relative;
31
+
32
+ .cat-toastify-icon-wrapper {
33
+ position: absolute;
34
+ top: 6px;
35
+ left: 5px;
36
+
37
+ &.info {
38
+ color: $-info-color;
39
+ }
40
+
41
+ &.error {
42
+ color: $-error-color;
43
+ }
44
+
45
+ &.success {
46
+ color: $-success-color;
47
+ }
48
+ }
49
+
50
+ .cat-toastify-title-wrapper {
51
+ width: 100%;
52
+ padding: 0.5rem 0.5rem 0.5rem 2rem;
53
+
54
+ &.has-message {
55
+ border-bottom: 1px solid $-title-border;
56
+ }
57
+
58
+ .cat-toastify-title {
59
+ width: 100%;
60
+ padding-right: 25px;
61
+ overflow: hidden;
62
+ text-overflow: ellipsis;
63
+ white-space: nowrap;
64
+ font-size: 15px;
65
+ line-height: 20px;
66
+ font-weight: 600;
67
+ color: $-text-color;
68
+ }
69
+ }
70
+
71
+ .cat-toastify-message {
72
+ width: 100%;
73
+ padding: 0.5rem;
74
+ color: $-text-color;
75
+ }
76
+ }
77
+ }
@@ -0,0 +1,237 @@
1
+ @use '../variables' as *;
2
+ @use '../mixins' as *;
3
+
4
+ h1,
5
+ h2,
6
+ h3,
7
+ h4,
8
+ h5,
9
+ h6,
10
+ .cat-h1,
11
+ .cat-h2,
12
+ .cat-h3,
13
+ .cat-h4,
14
+ .cat-h5,
15
+ .cat-h6 {
16
+ margin-top: 0;
17
+ margin-bottom: $cat-head-margin-bottom;
18
+ font-weight: cat-token('font.weight.head');
19
+ }
20
+
21
+ // -- head styles
22
+ @each $key, $value in cat-token('size.font.head') {
23
+ h#{$key},
24
+ .cat-h#{$key} {
25
+ @include cat-head($key);
26
+ }
27
+ }
28
+
29
+ // -- body styles
30
+ @each $key, $value in cat-token('size.font.body') {
31
+ .cat-text-#{$key} {
32
+ @include cat-body($key);
33
+ }
34
+ }
35
+
36
+ // -- mono styles
37
+ @each $key, $value in cat-token('size.font.mono') {
38
+ .cat-mono-#{$key} {
39
+ @include cat-mono($key);
40
+ }
41
+ }
42
+
43
+ p {
44
+ margin-top: 0;
45
+ margin-bottom: $cat-body-margin-bottom;
46
+ }
47
+
48
+ hr,
49
+ .cat-hr {
50
+ display: block;
51
+ margin: $cat-body-margin-bottom 0;
52
+ border: 0;
53
+ height: 1px;
54
+ background-color: cat-token('color.ui.border.default');
55
+ overflow: hidden;
56
+ }
57
+
58
+ // ----- links
59
+
60
+ a {
61
+ color: cat-token('color.theme.primary.text');
62
+ text-decoration: $cat-link-text-decoration;
63
+ transition: color cat-token('time.transition.s') linear;
64
+
65
+ &:hover {
66
+ color: cat-token('color.theme.primary.textHover');
67
+ text-decoration: $cat-link-text-decoration-hover;
68
+ }
69
+
70
+ &:active {
71
+ color: cat-token('color.theme.primary.textActive');
72
+ }
73
+
74
+ &:focus-visible {
75
+ outline: 2px solid cat-token('color.ui.border.focus');
76
+ // outline-offset: -2px;
77
+ }
78
+ }
79
+
80
+ a[tabindex='-1']:focus {
81
+ outline: none;
82
+ }
83
+
84
+ // ----- emphasis
85
+
86
+ b,
87
+ strong,
88
+ .cat-strong {
89
+ font-weight: 600;
90
+ }
91
+
92
+ mark,
93
+ .cat-mark {
94
+ padding: 0.125rem 0.25rem;
95
+ background-color: $cat-mark-color;
96
+ }
97
+
98
+ small,
99
+ .cat-small {
100
+ font-size: 0.875em;
101
+ }
102
+
103
+ .cat-underline {
104
+ text-decoration: underline;
105
+ }
106
+
107
+ .cat-line-through {
108
+ text-decoration: line-through;
109
+ }
110
+
111
+ .cat-muted {
112
+ color: cat-token('color.ui.font.muted');
113
+ }
114
+
115
+ // ----- lists
116
+
117
+ ol,
118
+ ul {
119
+ padding-left: 2rem;
120
+ }
121
+
122
+ ol,
123
+ ul,
124
+ dl {
125
+ margin-top: 0;
126
+ margin-bottom: 1rem;
127
+
128
+ ol,
129
+ ul,
130
+ dl {
131
+ margin-bottom: 0;
132
+ }
133
+ }
134
+
135
+ nav {
136
+ ol,
137
+ ul {
138
+ list-style-type: none;
139
+ margin: 0;
140
+ padding: 0;
141
+ }
142
+ }
143
+
144
+ dt {
145
+ font-weight: 600;
146
+ }
147
+
148
+ dd {
149
+ margin-bottom: 0.5rem;
150
+ margin-left: 0;
151
+ }
152
+
153
+ // ----- lead
154
+
155
+ .cat-lead {
156
+ @include cat-body('xl', 300);
157
+ }
158
+
159
+ // ----- blockquotes & figures
160
+
161
+ blockquote {
162
+ margin: 0 0 $cat-body-margin-bottom;
163
+ font-style: italic;
164
+ @include cat-body('l');
165
+ color: cat-token('color.ui.font.quote');
166
+
167
+ > :last-child {
168
+ margin-bottom: 0;
169
+ }
170
+ }
171
+
172
+ figure {
173
+ margin: 0 0 $cat-body-margin-bottom;
174
+
175
+ figcaption {
176
+ margin-top: -$cat-body-margin-bottom * 0.5;
177
+ margin-bottom: 0;
178
+ @include cat-body('s');
179
+ color: cat-token('color.ui.font.muted');
180
+
181
+ &::before {
182
+ content: '\2014\00A0'; // em dash, nbsp
183
+ }
184
+ }
185
+ }
186
+
187
+ // ----- code
188
+
189
+ code,
190
+ samp,
191
+ kbd,
192
+ pre {
193
+ @include cat-mono('m');
194
+ font-weight: cat-token('font.weight.mono');
195
+ }
196
+
197
+ pre {
198
+ margin-top: 0;
199
+ margin-bottom: $cat-body-margin-bottom;
200
+ overflow: auto;
201
+
202
+ code {
203
+ margin: 0;
204
+ padding: 0;
205
+ color: inherit;
206
+ background: none;
207
+ box-shadow: none;
208
+ border-radius: 0;
209
+ word-wrap: normal;
210
+ word-break: normal;
211
+ }
212
+ }
213
+
214
+ kbd,
215
+ code {
216
+ margin: 0 0.125rem;
217
+ color: cat-token('color.ui.font.muted');
218
+ background: cat-token('color.ui.background.body');
219
+ box-shadow: 0 0 0 2px cat-token('color.ui.border.default');
220
+ border-radius: cat-border-radius('s');
221
+ }
222
+
223
+ kbd {
224
+ font-size: cat-mono-font-size('s');
225
+ display: inline-block;
226
+ min-width: 1.5rem;
227
+ line-height: cat-body-line-height('m');
228
+ padding: 0 0.375rem;
229
+ text-align: center;
230
+ vertical-align: top;
231
+ white-space: nowrap;
232
+ }
233
+
234
+ code {
235
+ @include cat-break-word;
236
+ padding: 0.0625rem 0.25rem;
237
+ }
@@ -0,0 +1,14 @@
1
+ @use 'sass:list';
2
+ @use '../variables' as *;
3
+
4
+ @mixin cat-font-azeret($path, $weights...) {
5
+ @if list.index($weights, 400) {
6
+ @font-face {
7
+ font-family: 'Azeret Mono';
8
+ src: url('#{$path}/#{cat-token("asset.font.azeretMono.woff2Regular")}') format('woff2');
9
+ font-style: normal;
10
+ font-weight: 400;
11
+ @content;
12
+ }
13
+ }
14
+ }