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