@haiilo/catalyst 0.7.2 → 0.7.3

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 (16) hide show
  1. package/dist/catalyst/catalyst.css +2 -2
  2. package/dist/catalyst/scss/{utils → core}/_toast.scss +2 -2
  3. package/dist/catalyst/scss/fonts/_fonts.mixins.azeret.scss +1 -1
  4. package/dist/catalyst/scss/fonts/_fonts.mixins.dm.scss +6 -6
  5. package/dist/catalyst/scss/fonts/_fonts.mixins.lato.scss +36 -36
  6. package/dist/catalyst/scss/fonts/_fonts.mixins.scss +14 -0
  7. package/dist/catalyst/scss/index.scss +22 -20
  8. package/dist/collection/scss/{utils → core}/_toast.scss +2 -2
  9. package/dist/collection/scss/fonts/_fonts.mixins.azeret.scss +1 -1
  10. package/dist/collection/scss/fonts/_fonts.mixins.dm.scss +6 -6
  11. package/dist/collection/scss/fonts/_fonts.mixins.lato.scss +36 -36
  12. package/dist/collection/scss/fonts/_fonts.mixins.scss +14 -0
  13. package/dist/collection/scss/index.scss +22 -20
  14. package/package.json +1 -1
  15. package/dist/catalyst/scss/fonts/_fonts.scss +0 -13
  16. package/dist/collection/scss/fonts/_fonts.scss +0 -13
package/dist/catalyst/catalyst.css CHANGED
@@ -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}
package/dist/catalyst/scss/{utils → core}/_toast.scss RENAMED
@@ -1,5 +1,5 @@
1
- @import 'variables';
2
- @import 'mixins';
1
+ @use '../variables' as *;
2
+ @use '../mixins' as *;
3
3
 
4
4
  $-background-color: cat-token('color.base.neutral.0');
5
5
  $-text-color: cat-token('color.base.neutral.900');
package/dist/catalyst/scss/fonts/_fonts.mixins.azeret.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  @if list.index($weights, 400) {
6
6
  @font-face {
7
7
  font-family: 'Azeret Mono';
8
- src: url('#{$path}#{cat-token("asset.font.azeretMono.woff2Regular")}') format('woff2');
8
+ src: url('#{$path}/#{cat-token("asset.font.azeretMono.woff2Regular")}') format('woff2');
9
9
  font-style: normal;
10
10
  font-weight: 400;
11
11
  @content;
package/dist/catalyst/scss/fonts/_fonts.mixins.dm.scss CHANGED
@@ -5,14 +5,14 @@
5
5
  @if list.index($weights, 400) {
6
6
  @font-face {
7
7
  font-family: 'DM Sans';
8
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Regular")}') format('woff2');
8
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Regular")}') format('woff2');
9
9
  font-style: normal;
10
10
  font-weight: 400;
11
11
  @content;
12
12
  }
13
13
  @font-face {
14
14
  font-family: 'DM Sans';
15
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Italic")}') format('woff2');
15
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Italic")}') format('woff2');
16
16
  font-style: italic;
17
17
  font-weight: 400;
18
18
  @content;
@@ -21,14 +21,14 @@
21
21
  @if list.index($weights, 500) {
22
22
  @font-face {
23
23
  font-family: 'DM Sans';
24
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Medium")}') format('woff2');
24
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Medium")}') format('woff2');
25
25
  font-style: normal;
26
26
  font-weight: 500;
27
27
  @content;
28
28
  }
29
29
  @font-face {
30
30
  font-family: 'DM Sans';
31
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2MediumItalic")}') format('woff2');
31
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2MediumItalic")}') format('woff2');
32
32
  font-style: italic;
33
33
  font-weight: 500;
34
34
  @content;
@@ -37,14 +37,14 @@
37
37
  @if list.index($weights, 700) {
38
38
  @font-face {
39
39
  font-family: 'DM Sans';
40
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Bold")}') format('woff2');
40
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Bold")}') format('woff2');
41
41
  font-style: normal;
42
42
  font-weight: 700;
43
43
  font-display: swap;
44
44
  }
45
45
  @font-face {
46
46
  font-family: 'DM Sans';
47
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2BoldItalic")}') format('woff2');
47
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2BoldItalic")}') format('woff2');
48
48
  font-style: italic;
49
49
  font-weight: 700;
50
50
  font-display: swap;
package/dist/catalyst/scss/fonts/_fonts.mixins.lato.scss CHANGED
@@ -5,8 +5,8 @@
5
5
  @if list.index($weights, 100) {
6
6
  @font-face {
7
7
  font-family: Lato;
8
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Hairline")}') format('woff2'),
9
- url('#{$path}#{cat-token("asset.font.lato.woffHairline")}') format('woff');
8
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Hairline")}') format('woff2'),
9
+ url('#{$path}/#{cat-token("asset.font.lato.woffHairline")}') format('woff');
10
10
  font-style: normal;
11
11
  font-weight: 100;
12
12
  text-rendering: optimizeLegibility;
@@ -14,8 +14,8 @@
14
14
  }
15
15
  @font-face {
16
16
  font-family: Lato;
17
- src: url('#{$path}#{cat-token("asset.font.lato.woff2HairlineItalic")}') format('woff2'),
18
- url('#{$path}#{cat-token("asset.font.lato.woffHairlineItalic")}') format('woff');
17
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2HairlineItalic")}') format('woff2'),
18
+ url('#{$path}/#{cat-token("asset.font.lato.woffHairlineItalic")}') format('woff');
19
19
  font-style: italic;
20
20
  font-weight: 100;
21
21
  text-rendering: optimizeLegibility;
@@ -25,8 +25,8 @@
25
25
  @if list.index($weights, 200) {
26
26
  @font-face {
27
27
  font-family: Lato;
28
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Thin")}') format('woff2'),
29
- url('#{$path}#{cat-token("asset.font.lato.woffThin")}') format('woff');
28
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Thin")}') format('woff2'),
29
+ url('#{$path}/#{cat-token("asset.font.lato.woffThin")}') format('woff');
30
30
  font-style: normal;
31
31
  font-weight: 200;
32
32
  text-rendering: optimizeLegibility;
@@ -34,8 +34,8 @@
34
34
  }
35
35
  @font-face {
36
36
  font-family: Lato;
37
- src: url('#{$path}#{cat-token("asset.font.lato.woff2ThinItalic")}') format('woff2'),
38
- url('#{$path}#{cat-token("asset.font.lato.woffThinItalic")}') format('woff');
37
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2ThinItalic")}') format('woff2'),
38
+ url('#{$path}/#{cat-token("asset.font.lato.woffThinItalic")}') format('woff');
39
39
  font-style: italic;
40
40
  font-weight: 200;
41
41
  text-rendering: optimizeLegibility;
@@ -45,8 +45,8 @@
45
45
  @if list.index($weights, 300) {
46
46
  @font-face {
47
47
  font-family: Lato;
48
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Light")}') format('woff2'),
49
- url('#{$path}#{cat-token("asset.font.lato.woffLight")}') format('woff');
48
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Light")}') format('woff2'),
49
+ url('#{$path}/#{cat-token("asset.font.lato.woffLight")}') format('woff');
50
50
  font-style: normal;
51
51
  font-weight: 300;
52
52
  text-rendering: optimizeLegibility;
@@ -54,8 +54,8 @@
54
54
  }
55
55
  @font-face {
56
56
  font-family: Lato;
57
- src: url('#{$path}#{cat-token("asset.font.lato.woff2LightItalic")}') format('woff2'),
58
- url('#{$path}#{cat-token("asset.font.lato.woffLightItalic")}') format('woff');
57
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2LightItalic")}') format('woff2'),
58
+ url('#{$path}/#{cat-token("asset.font.lato.woffLightItalic")}') format('woff');
59
59
  font-style: italic;
60
60
  font-weight: 300;
61
61
  text-rendering: optimizeLegibility;
@@ -65,8 +65,8 @@
65
65
  @if list.index($weights, 400) {
66
66
  @font-face {
67
67
  font-family: Lato;
68
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Regular")}') format('woff2'),
69
- url('#{$path}#{cat-token("asset.font.lato.woffRegular")}') format('woff');
68
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Regular")}') format('woff2'),
69
+ url('#{$path}/#{cat-token("asset.font.lato.woffRegular")}') format('woff');
70
70
  font-style: normal;
71
71
  font-weight: 400;
72
72
  text-rendering: optimizeLegibility;
@@ -74,8 +74,8 @@
74
74
  }
75
75
  @font-face {
76
76
  font-family: Lato;
77
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Italic")}') format('woff2'),
78
- url('#{$path}#{cat-token("asset.font.lato.woffItalic")}') format('woff');
77
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Italic")}') format('woff2'),
78
+ url('#{$path}/#{cat-token("asset.font.lato.woffItalic")}') format('woff');
79
79
  font-style: italic;
80
80
  font-weight: 400;
81
81
  text-rendering: optimizeLegibility;
@@ -85,8 +85,8 @@
85
85
  @if list.index($weights, 500) {
86
86
  @font-face {
87
87
  font-family: Lato;
88
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Medium")}') format('woff2'),
89
- url('#{$path}#{cat-token("asset.font.lato.woffMedium")}') format('woff');
88
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Medium")}') format('woff2'),
89
+ url('#{$path}/#{cat-token("asset.font.lato.woffMedium")}') format('woff');
90
90
  font-style: normal;
91
91
  font-weight: 500;
92
92
  text-rendering: optimizeLegibility;
@@ -94,8 +94,8 @@
94
94
  }
95
95
  @font-face {
96
96
  font-family: Lato;
97
- src: url('#{$path}#{cat-token("asset.font.lato.woff2MediumItalic")}') format('woff2'),
98
- url('#{$path}#{cat-token("asset.font.lato.woffMediumItalic")}') format('woff');
97
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2MediumItalic")}') format('woff2'),
98
+ url('#{$path}/#{cat-token("asset.font.lato.woffMediumItalic")}') format('woff');
99
99
  font-style: italic;
100
100
  font-weight: 500;
101
101
  text-rendering: optimizeLegibility;
@@ -105,8 +105,8 @@
105
105
  @if list.index($weights, 600) {
106
106
  @font-face {
107
107
  font-family: Lato;
108
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Semibold")}') format('woff2'),
109
- url('#{$path}#{cat-token("asset.font.lato.woffSemibold")}') format('woff');
108
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Semibold")}') format('woff2'),
109
+ url('#{$path}/#{cat-token("asset.font.lato.woffSemibold")}') format('woff');
110
110
  font-style: normal;
111
111
  font-weight: 600;
112
112
  text-rendering: optimizeLegibility;
@@ -114,8 +114,8 @@
114
114
  }
115
115
  @font-face {
116
116
  font-family: Lato;
117
- src: url('#{$path}#{cat-token("asset.font.lato.woff2SemiboldItalic")}') format('woff2'),
118
- url('#{$path}#{cat-token("asset.font.lato.woffSemiboldItalic")}') format('woff');
117
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2SemiboldItalic")}') format('woff2'),
118
+ url('#{$path}/#{cat-token("asset.font.lato.woffSemiboldItalic")}') format('woff');
119
119
  font-style: italic;
120
120
  font-weight: 600;
121
121
  text-rendering: optimizeLegibility;
@@ -125,8 +125,8 @@
125
125
  @if list.index($weights, 700) {
126
126
  @font-face {
127
127
  font-family: Lato;
128
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Bold")}') format('woff2'),
129
- url('#{$path}#{cat-token("asset.font.lato.woffBold")}') format('woff');
128
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Bold")}') format('woff2'),
129
+ url('#{$path}/#{cat-token("asset.font.lato.woffBold")}') format('woff');
130
130
  font-style: normal;
131
131
  font-weight: 700;
132
132
  text-rendering: optimizeLegibility;
@@ -134,8 +134,8 @@
134
134
  }
135
135
  @font-face {
136
136
  font-family: Lato;
137
- src: url('#{$path}#{cat-token("asset.font.lato.woff2BoldItalic")}') format('woff2'),
138
- url('#{$path}#{cat-token("asset.font.lato.woffBoldItalic")}') format('woff');
137
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2BoldItalic")}') format('woff2'),
138
+ url('#{$path}/#{cat-token("asset.font.lato.woffBoldItalic")}') format('woff');
139
139
  font-style: italic;
140
140
  font-weight: 700;
141
141
  text-rendering: optimizeLegibility;
@@ -145,8 +145,8 @@
145
145
  @if list.index($weights, 800) {
146
146
  @font-face {
147
147
  font-family: Lato;
148
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Heavy")}') format('woff2'),
149
- url('#{$path}#{cat-token("asset.font.lato.woffHeavy")}') format('woff');
148
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Heavy")}') format('woff2'),
149
+ url('#{$path}/#{cat-token("asset.font.lato.woffHeavy")}') format('woff');
150
150
  font-style: normal;
151
151
  font-weight: 800;
152
152
  text-rendering: optimizeLegibility;
@@ -154,8 +154,8 @@
154
154
  }
155
155
  @font-face {
156
156
  font-family: Lato;
157
- src: url('#{$path}#{cat-token("asset.font.lato.woff2HeavyItalic")}') format('woff2'),
158
- url('#{$path}#{cat-token("asset.font.lato.woffHeavyItalic")}') format('woff');
157
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2HeavyItalic")}') format('woff2'),
158
+ url('#{$path}/#{cat-token("asset.font.lato.woffHeavyItalic")}') format('woff');
159
159
  font-style: italic;
160
160
  font-weight: 800;
161
161
  text-rendering: optimizeLegibility;
@@ -165,8 +165,8 @@
165
165
  @if list.index($weights, 900) {
166
166
  @font-face {
167
167
  font-family: Lato;
168
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Black")}') format('woff2'),
169
- url('#{$path}#{cat-token("asset.font.lato.woffBlack")}') format('woff');
168
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Black")}') format('woff2'),
169
+ url('#{$path}/#{cat-token("asset.font.lato.woffBlack")}') format('woff');
170
170
  font-style: normal;
171
171
  font-weight: 900;
172
172
  text-rendering: optimizeLegibility;
@@ -174,8 +174,8 @@
174
174
  }
175
175
  @font-face {
176
176
  font-family: Lato;
177
- src: url('#{$path}#{cat-token("asset.font.lato.woff2BlackItalic")}') format('woff2'),
178
- url('#{$path}#{cat-token("asset.font.lato.woffBlackItalic")}') format('woff');
177
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2BlackItalic")}') format('woff2'),
178
+ url('#{$path}/#{cat-token("asset.font.lato.woffBlackItalic")}') format('woff');
179
179
  font-style: italic;
180
180
  font-weight: 900;
181
181
  text-rendering: optimizeLegibility;
package/dist/catalyst/scss/fonts/_fonts.mixins.scss CHANGED
@@ -1,3 +1,17 @@
1
1
  @forward 'fonts.mixins.azeret';
2
2
  @forward 'fonts.mixins.dm';
3
3
  @forward 'fonts.mixins.lato';
4
+
5
+ @mixin cat-fonts($path) {
6
+ @include cat-font-dm-sans($path, 500) {
7
+ font-display: swap;
8
+ }
9
+
10
+ @include cat-font-lato($path, 300, 400, 500, 700) {
11
+ font-display: fallback;
12
+ }
13
+
14
+ @include cat-font-azeret($path, 400) {
15
+ font-display: fallback;
16
+ }
17
+ }
package/dist/catalyst/scss/index.scss CHANGED
@@ -1,32 +1,34 @@
1
1
  // -- Reset
2
2
 
3
- @use '~sanitize.css/sanitize.css';
4
- @use '~sanitize.css/assets.css';
5
- @use '~sanitize.css/reduce-motion.css';
3
+ @import '~sanitize.css/sanitize.css';
4
+ @import '~sanitize.css/assets.css';
5
+ @import '~sanitize.css/reduce-motion.css';
6
6
 
7
7
  // -- Vendor
8
8
 
9
- @use '~toastify-js/src/toastify.css';
9
+ @import '~toastify-js/src/toastify.css';
10
10
 
11
- // -- Core
11
+ // -- Fonts
12
12
 
13
- @use 'core/base' as *;
14
- @use 'core/nav' as *;
15
- @use 'core/typography' as *;
13
+ @import 'fonts/fonts.mixins';
14
+ $cat-font-path: 'assets/fonts' !default;
15
+ @include cat-fonts($cat-font-path);
16
16
 
17
- // -- Fonts
17
+ // -- Core
18
18
 
19
- @use 'fonts/fonts' as *;
19
+ @import 'core/base';
20
+ @import 'core/nav';
21
+ @import 'core/toast';
22
+ @import 'core/typography';
20
23
 
21
24
  // -- Utils
22
25
 
23
- @use 'utils/color';
24
- @use 'utils/display';
25
- @use 'utils/elevation';
26
- @use 'utils/layout';
27
- @use 'utils/sizing';
28
- @use 'utils/spacing';
29
- @use 'utils/typography';
30
- @use 'utils/visibility';
31
- @use 'utils/ratio';
32
- @use 'utils/toast';
26
+ @import 'utils/color';
27
+ @import 'utils/display';
28
+ @import 'utils/elevation';
29
+ @import 'utils/layout';
30
+ @import 'utils/sizing';
31
+ @import 'utils/spacing';
32
+ @import 'utils/typography';
33
+ @import 'utils/visibility';
34
+ @import 'utils/ratio';
package/dist/collection/scss/{utils → core}/_toast.scss RENAMED
@@ -1,5 +1,5 @@
1
- @import 'variables';
2
- @import 'mixins';
1
+ @use '../variables' as *;
2
+ @use '../mixins' as *;
3
3
 
4
4
  $-background-color: cat-token('color.base.neutral.0');
5
5
  $-text-color: cat-token('color.base.neutral.900');
package/dist/collection/scss/fonts/_fonts.mixins.azeret.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  @if list.index($weights, 400) {
6
6
  @font-face {
7
7
  font-family: 'Azeret Mono';
8
- src: url('#{$path}#{cat-token("asset.font.azeretMono.woff2Regular")}') format('woff2');
8
+ src: url('#{$path}/#{cat-token("asset.font.azeretMono.woff2Regular")}') format('woff2');
9
9
  font-style: normal;
10
10
  font-weight: 400;
11
11
  @content;
package/dist/collection/scss/fonts/_fonts.mixins.dm.scss CHANGED
@@ -5,14 +5,14 @@
5
5
  @if list.index($weights, 400) {
6
6
  @font-face {
7
7
  font-family: 'DM Sans';
8
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Regular")}') format('woff2');
8
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Regular")}') format('woff2');
9
9
  font-style: normal;
10
10
  font-weight: 400;
11
11
  @content;
12
12
  }
13
13
  @font-face {
14
14
  font-family: 'DM Sans';
15
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Italic")}') format('woff2');
15
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Italic")}') format('woff2');
16
16
  font-style: italic;
17
17
  font-weight: 400;
18
18
  @content;
@@ -21,14 +21,14 @@
21
21
  @if list.index($weights, 500) {
22
22
  @font-face {
23
23
  font-family: 'DM Sans';
24
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Medium")}') format('woff2');
24
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Medium")}') format('woff2');
25
25
  font-style: normal;
26
26
  font-weight: 500;
27
27
  @content;
28
28
  }
29
29
  @font-face {
30
30
  font-family: 'DM Sans';
31
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2MediumItalic")}') format('woff2');
31
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2MediumItalic")}') format('woff2');
32
32
  font-style: italic;
33
33
  font-weight: 500;
34
34
  @content;
@@ -37,14 +37,14 @@
37
37
  @if list.index($weights, 700) {
38
38
  @font-face {
39
39
  font-family: 'DM Sans';
40
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2Bold")}') format('woff2');
40
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2Bold")}') format('woff2');
41
41
  font-style: normal;
42
42
  font-weight: 700;
43
43
  font-display: swap;
44
44
  }
45
45
  @font-face {
46
46
  font-family: 'DM Sans';
47
- src: url('#{$path}#{cat-token("asset.font.dmSans.woff2BoldItalic")}') format('woff2');
47
+ src: url('#{$path}/#{cat-token("asset.font.dmSans.woff2BoldItalic")}') format('woff2');
48
48
  font-style: italic;
49
49
  font-weight: 700;
50
50
  font-display: swap;
package/dist/collection/scss/fonts/_fonts.mixins.lato.scss CHANGED
@@ -5,8 +5,8 @@
5
5
  @if list.index($weights, 100) {
6
6
  @font-face {
7
7
  font-family: Lato;
8
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Hairline")}') format('woff2'),
9
- url('#{$path}#{cat-token("asset.font.lato.woffHairline")}') format('woff');
8
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Hairline")}') format('woff2'),
9
+ url('#{$path}/#{cat-token("asset.font.lato.woffHairline")}') format('woff');
10
10
  font-style: normal;
11
11
  font-weight: 100;
12
12
  text-rendering: optimizeLegibility;
@@ -14,8 +14,8 @@
14
14
  }
15
15
  @font-face {
16
16
  font-family: Lato;
17
- src: url('#{$path}#{cat-token("asset.font.lato.woff2HairlineItalic")}') format('woff2'),
18
- url('#{$path}#{cat-token("asset.font.lato.woffHairlineItalic")}') format('woff');
17
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2HairlineItalic")}') format('woff2'),
18
+ url('#{$path}/#{cat-token("asset.font.lato.woffHairlineItalic")}') format('woff');
19
19
  font-style: italic;
20
20
  font-weight: 100;
21
21
  text-rendering: optimizeLegibility;
@@ -25,8 +25,8 @@
25
25
  @if list.index($weights, 200) {
26
26
  @font-face {
27
27
  font-family: Lato;
28
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Thin")}') format('woff2'),
29
- url('#{$path}#{cat-token("asset.font.lato.woffThin")}') format('woff');
28
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Thin")}') format('woff2'),
29
+ url('#{$path}/#{cat-token("asset.font.lato.woffThin")}') format('woff');
30
30
  font-style: normal;
31
31
  font-weight: 200;
32
32
  text-rendering: optimizeLegibility;
@@ -34,8 +34,8 @@
34
34
  }
35
35
  @font-face {
36
36
  font-family: Lato;
37
- src: url('#{$path}#{cat-token("asset.font.lato.woff2ThinItalic")}') format('woff2'),
38
- url('#{$path}#{cat-token("asset.font.lato.woffThinItalic")}') format('woff');
37
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2ThinItalic")}') format('woff2'),
38
+ url('#{$path}/#{cat-token("asset.font.lato.woffThinItalic")}') format('woff');
39
39
  font-style: italic;
40
40
  font-weight: 200;
41
41
  text-rendering: optimizeLegibility;
@@ -45,8 +45,8 @@
45
45
  @if list.index($weights, 300) {
46
46
  @font-face {
47
47
  font-family: Lato;
48
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Light")}') format('woff2'),
49
- url('#{$path}#{cat-token("asset.font.lato.woffLight")}') format('woff');
48
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Light")}') format('woff2'),
49
+ url('#{$path}/#{cat-token("asset.font.lato.woffLight")}') format('woff');
50
50
  font-style: normal;
51
51
  font-weight: 300;
52
52
  text-rendering: optimizeLegibility;
@@ -54,8 +54,8 @@
54
54
  }
55
55
  @font-face {
56
56
  font-family: Lato;
57
- src: url('#{$path}#{cat-token("asset.font.lato.woff2LightItalic")}') format('woff2'),
58
- url('#{$path}#{cat-token("asset.font.lato.woffLightItalic")}') format('woff');
57
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2LightItalic")}') format('woff2'),
58
+ url('#{$path}/#{cat-token("asset.font.lato.woffLightItalic")}') format('woff');
59
59
  font-style: italic;
60
60
  font-weight: 300;
61
61
  text-rendering: optimizeLegibility;
@@ -65,8 +65,8 @@
65
65
  @if list.index($weights, 400) {
66
66
  @font-face {
67
67
  font-family: Lato;
68
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Regular")}') format('woff2'),
69
- url('#{$path}#{cat-token("asset.font.lato.woffRegular")}') format('woff');
68
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Regular")}') format('woff2'),
69
+ url('#{$path}/#{cat-token("asset.font.lato.woffRegular")}') format('woff');
70
70
  font-style: normal;
71
71
  font-weight: 400;
72
72
  text-rendering: optimizeLegibility;
@@ -74,8 +74,8 @@
74
74
  }
75
75
  @font-face {
76
76
  font-family: Lato;
77
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Italic")}') format('woff2'),
78
- url('#{$path}#{cat-token("asset.font.lato.woffItalic")}') format('woff');
77
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Italic")}') format('woff2'),
78
+ url('#{$path}/#{cat-token("asset.font.lato.woffItalic")}') format('woff');
79
79
  font-style: italic;
80
80
  font-weight: 400;
81
81
  text-rendering: optimizeLegibility;
@@ -85,8 +85,8 @@
85
85
  @if list.index($weights, 500) {
86
86
  @font-face {
87
87
  font-family: Lato;
88
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Medium")}') format('woff2'),
89
- url('#{$path}#{cat-token("asset.font.lato.woffMedium")}') format('woff');
88
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Medium")}') format('woff2'),
89
+ url('#{$path}/#{cat-token("asset.font.lato.woffMedium")}') format('woff');
90
90
  font-style: normal;
91
91
  font-weight: 500;
92
92
  text-rendering: optimizeLegibility;
@@ -94,8 +94,8 @@
94
94
  }
95
95
  @font-face {
96
96
  font-family: Lato;
97
- src: url('#{$path}#{cat-token("asset.font.lato.woff2MediumItalic")}') format('woff2'),
98
- url('#{$path}#{cat-token("asset.font.lato.woffMediumItalic")}') format('woff');
97
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2MediumItalic")}') format('woff2'),
98
+ url('#{$path}/#{cat-token("asset.font.lato.woffMediumItalic")}') format('woff');
99
99
  font-style: italic;
100
100
  font-weight: 500;
101
101
  text-rendering: optimizeLegibility;
@@ -105,8 +105,8 @@
105
105
  @if list.index($weights, 600) {
106
106
  @font-face {
107
107
  font-family: Lato;
108
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Semibold")}') format('woff2'),
109
- url('#{$path}#{cat-token("asset.font.lato.woffSemibold")}') format('woff');
108
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Semibold")}') format('woff2'),
109
+ url('#{$path}/#{cat-token("asset.font.lato.woffSemibold")}') format('woff');
110
110
  font-style: normal;
111
111
  font-weight: 600;
112
112
  text-rendering: optimizeLegibility;
@@ -114,8 +114,8 @@
114
114
  }
115
115
  @font-face {
116
116
  font-family: Lato;
117
- src: url('#{$path}#{cat-token("asset.font.lato.woff2SemiboldItalic")}') format('woff2'),
118
- url('#{$path}#{cat-token("asset.font.lato.woffSemiboldItalic")}') format('woff');
117
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2SemiboldItalic")}') format('woff2'),
118
+ url('#{$path}/#{cat-token("asset.font.lato.woffSemiboldItalic")}') format('woff');
119
119
  font-style: italic;
120
120
  font-weight: 600;
121
121
  text-rendering: optimizeLegibility;
@@ -125,8 +125,8 @@
125
125
  @if list.index($weights, 700) {
126
126
  @font-face {
127
127
  font-family: Lato;
128
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Bold")}') format('woff2'),
129
- url('#{$path}#{cat-token("asset.font.lato.woffBold")}') format('woff');
128
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Bold")}') format('woff2'),
129
+ url('#{$path}/#{cat-token("asset.font.lato.woffBold")}') format('woff');
130
130
  font-style: normal;
131
131
  font-weight: 700;
132
132
  text-rendering: optimizeLegibility;
@@ -134,8 +134,8 @@
134
134
  }
135
135
  @font-face {
136
136
  font-family: Lato;
137
- src: url('#{$path}#{cat-token("asset.font.lato.woff2BoldItalic")}') format('woff2'),
138
- url('#{$path}#{cat-token("asset.font.lato.woffBoldItalic")}') format('woff');
137
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2BoldItalic")}') format('woff2'),
138
+ url('#{$path}/#{cat-token("asset.font.lato.woffBoldItalic")}') format('woff');
139
139
  font-style: italic;
140
140
  font-weight: 700;
141
141
  text-rendering: optimizeLegibility;
@@ -145,8 +145,8 @@
145
145
  @if list.index($weights, 800) {
146
146
  @font-face {
147
147
  font-family: Lato;
148
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Heavy")}') format('woff2'),
149
- url('#{$path}#{cat-token("asset.font.lato.woffHeavy")}') format('woff');
148
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Heavy")}') format('woff2'),
149
+ url('#{$path}/#{cat-token("asset.font.lato.woffHeavy")}') format('woff');
150
150
  font-style: normal;
151
151
  font-weight: 800;
152
152
  text-rendering: optimizeLegibility;
@@ -154,8 +154,8 @@
154
154
  }
155
155
  @font-face {
156
156
  font-family: Lato;
157
- src: url('#{$path}#{cat-token("asset.font.lato.woff2HeavyItalic")}') format('woff2'),
158
- url('#{$path}#{cat-token("asset.font.lato.woffHeavyItalic")}') format('woff');
157
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2HeavyItalic")}') format('woff2'),
158
+ url('#{$path}/#{cat-token("asset.font.lato.woffHeavyItalic")}') format('woff');
159
159
  font-style: italic;
160
160
  font-weight: 800;
161
161
  text-rendering: optimizeLegibility;
@@ -165,8 +165,8 @@
165
165
  @if list.index($weights, 900) {
166
166
  @font-face {
167
167
  font-family: Lato;
168
- src: url('#{$path}#{cat-token("asset.font.lato.woff2Black")}') format('woff2'),
169
- url('#{$path}#{cat-token("asset.font.lato.woffBlack")}') format('woff');
168
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2Black")}') format('woff2'),
169
+ url('#{$path}/#{cat-token("asset.font.lato.woffBlack")}') format('woff');
170
170
  font-style: normal;
171
171
  font-weight: 900;
172
172
  text-rendering: optimizeLegibility;
@@ -174,8 +174,8 @@
174
174
  }
175
175
  @font-face {
176
176
  font-family: Lato;
177
- src: url('#{$path}#{cat-token("asset.font.lato.woff2BlackItalic")}') format('woff2'),
178
- url('#{$path}#{cat-token("asset.font.lato.woffBlackItalic")}') format('woff');
177
+ src: url('#{$path}/#{cat-token("asset.font.lato.woff2BlackItalic")}') format('woff2'),
178
+ url('#{$path}/#{cat-token("asset.font.lato.woffBlackItalic")}') format('woff');
179
179
  font-style: italic;
180
180
  font-weight: 900;
181
181
  text-rendering: optimizeLegibility;
package/dist/collection/scss/fonts/_fonts.mixins.scss CHANGED
@@ -1,3 +1,17 @@
1
1
  @forward 'fonts.mixins.azeret';
2
2
  @forward 'fonts.mixins.dm';
3
3
  @forward 'fonts.mixins.lato';
4
+
5
+ @mixin cat-fonts($path) {
6
+ @include cat-font-dm-sans($path, 500) {
7
+ font-display: swap;
8
+ }
9
+
10
+ @include cat-font-lato($path, 300, 400, 500, 700) {
11
+ font-display: fallback;
12
+ }
13
+
14
+ @include cat-font-azeret($path, 400) {
15
+ font-display: fallback;
16
+ }
17
+ }
package/dist/collection/scss/index.scss CHANGED
@@ -1,32 +1,34 @@
1
1
  // -- Reset
2
2
 
3
- @use '~sanitize.css/sanitize.css';
4
- @use '~sanitize.css/assets.css';
5
- @use '~sanitize.css/reduce-motion.css';
3
+ @import '~sanitize.css/sanitize.css';
4
+ @import '~sanitize.css/assets.css';
5
+ @import '~sanitize.css/reduce-motion.css';
6
6
 
7
7
  // -- Vendor
8
8
 
9
- @use '~toastify-js/src/toastify.css';
9
+ @import '~toastify-js/src/toastify.css';
10
10
 
11
- // -- Core
11
+ // -- Fonts
12
12
 
13
- @use 'core/base' as *;
14
- @use 'core/nav' as *;
15
- @use 'core/typography' as *;
13
+ @import 'fonts/fonts.mixins';
14
+ $cat-font-path: 'assets/fonts' !default;
15
+ @include cat-fonts($cat-font-path);
16
16
 
17
- // -- Fonts
17
+ // -- Core
18
18
 
19
- @use 'fonts/fonts' as *;
19
+ @import 'core/base';
20
+ @import 'core/nav';
21
+ @import 'core/toast';
22
+ @import 'core/typography';
20
23
 
21
24
  // -- Utils
22
25
 
23
- @use 'utils/color';
24
- @use 'utils/display';
25
- @use 'utils/elevation';
26
- @use 'utils/layout';
27
- @use 'utils/sizing';
28
- @use 'utils/spacing';
29
- @use 'utils/typography';
30
- @use 'utils/visibility';
31
- @use 'utils/ratio';
32
- @use 'utils/toast';
26
+ @import 'utils/color';
27
+ @import 'utils/display';
28
+ @import 'utils/elevation';
29
+ @import 'utils/layout';
30
+ @import 'utils/sizing';
31
+ @import 'utils/spacing';
32
+ @import 'utils/typography';
33
+ @import 'utils/visibility';
34
+ @import 'utils/ratio';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst",
3
- "version": "0.7.2",
3
+ "version": "0.7.3",
4
4
  "description": "Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {
package/dist/catalyst/scss/fonts/_fonts.scss DELETED
@@ -1,13 +0,0 @@
1
- @use 'fonts.mixins' as *;
2
-
3
- @include cat-font-dm-sans('./assets/fonts/', 500) {
4
- font-display: swap;
5
- }
6
-
7
- @include cat-font-lato('./assets/fonts/', 300, 400, 500, 700) {
8
- font-display: fallback;
9
- }
10
-
11
- @include cat-font-azeret('./assets/fonts/', 400) {
12
- font-display: fallback;
13
- }
package/dist/collection/scss/fonts/_fonts.scss DELETED
@@ -1,13 +0,0 @@
1
- @use 'fonts.mixins' as *;
2
-
3
- @include cat-font-dm-sans('./assets/fonts/', 500) {
4
- font-display: swap;
5
- }
6
-
7
- @include cat-font-lato('./assets/fonts/', 300, 400, 500, 700) {
8
- font-display: fallback;
9
- }
10
-
11
- @include cat-font-azeret('./assets/fonts/', 400) {
12
- font-display: fallback;
13
- }