@haiilo/catalyst 0.5.1 → 0.5.3

package/dist/catalyst/catalyst.css

@@ -1,2033 +0,0 @@
-@charset "UTF-8";
-/* Document
- * ========================================================================== */
-/**
- * 1. Add border box sizing in all browsers (opinionated).
- * 2. Backgrounds do not repeat by default (opinionated).
- */
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  /* 1 */
-  background-repeat: no-repeat;
-  /* 2 */
-}
-
-/**
- * 1. Add text decoration inheritance in all browsers (opinionated).
- * 2. Add vertical alignment inheritance in all browsers (opinionated).
- */
-::before,
-::after {
-  text-decoration: inherit;
-  /* 1 */
-  vertical-align: inherit;
-  /* 2 */
-}
-
-/**
- * 1. Use the default cursor in all browsers (opinionated).
- * 2. Change the line height in all browsers (opinionated).
- * 3. Breaks words to prevent overflow in all browsers (opinionated).
- * 4. Use a 4-space tab width in all browsers (opinionated).
- * 5. Remove the grey highlight on links in iOS (opinionated).
- * 6. Prevent adjustments of font size after orientation changes in iOS.
- */
-:where(:root) {
-  cursor: default;
-  /* 1 */
-  line-height: 1.5;
-  /* 2 */
-  overflow-wrap: break-word;
-  /* 3 */
-  -moz-tab-size: 4;
-  /* 4 */
-  tab-size: 4;
-  /* 4 */
-  -webkit-tap-highlight-color: transparent;
-  /* 5 */
-  -webkit-text-size-adjust: 100%;
-  /* 6 */
-}
-
-/* Sections
- * ========================================================================== */
-/**
- * Remove the margin in all browsers (opinionated).
- */
-:where(body) {
-  margin: 0;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Edge, Firefox, and Safari.
- */
-:where(h1) {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
- * ========================================================================== */
-/**
- * Remove the margin on nested lists in Chrome, Edge, and Safari.
- */
-:where(dl, ol, ul) :where(dl, ol, ul) {
-  margin: 0;
-}
-
-/**
- * 1. Correct the inheritance of border color in Firefox.
- * 2. Add the correct box sizing in Firefox.
- */
-:where(hr) {
-  color: inherit;
-  /* 1 */
-  height: 0;
-  /* 2 */
-}
-
-/**
- * Remove the list style on navigation lists in all browsers (opinionated).
- */
-:where(nav) :where(ol, ul) {
-  list-style-type: none;
-  padding: 0;
-}
-
-/**
- * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
- */
-:where(nav li)::before {
-  content: "​";
-  float: left;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- * 3. Prevent overflow of the container in all browsers (opinionated).
- */
-:where(pre) {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
-  overflow: auto;
-  /* 3 */
-}
-
-/* Text-level semantics
- * ========================================================================== */
-/**
- * Add the correct text decoration in Safari.
- */
-:where(abbr[title]) {
-  text-decoration: underline;
-  text-decoration: underline dotted;
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-:where(b, strong) {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-:where(code, kbd, samp) {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-:where(small) {
-  font-size: 80%;
-}
-
-/* Embedded content
- * ========================================================================== */
-/*
- * Change the alignment on media elements in all browsers (opinionated).
- */
-:where(audio, canvas, iframe, img, svg, video) {
-  vertical-align: middle;
-}
-
-/**
- * Remove the border on iframes in all browsers (opinionated).
- */
-:where(iframe) {
-  border-style: none;
-}
-
-/**
- * Change the fill color to match the text color in all browsers (opinionated).
- */
-:where(svg:not([fill])) {
-  fill: currentColor;
-}
-
-/* Tabular data
- * ========================================================================== */
-/**
- * 1. Collapse border spacing in all browsers (opinionated).
- * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
- * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
- */
-:where(table) {
-  border-collapse: collapse;
-  /* 1 */
-  border-color: inherit;
-  /* 2 */
-  text-indent: 0;
-  /* 3 */
-}
-
-/* Forms
- * ========================================================================== */
-/**
- * Remove the margin on controls in Safari.
- */
-:where(button, input, select) {
-  margin: 0;
-}
-
-/**
- * Correct the inability to style buttons in iOS and Safari.
- */
-:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
-  -webkit-appearance: button;
-}
-
-/**
- * Change the inconsistent appearance in all browsers (opinionated).
- */
-:where(fieldset) {
-  border: 1px solid #a0a0a0;
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Edge, and Firefox.
- */
-:where(progress) {
-  vertical-align: baseline;
-}
-
-/**
- * 1. Remove the margin in Firefox and Safari.
- * 3. Change the resize direction in all browsers (opinionated).
- */
-:where(textarea) {
-  margin: 0;
-  /* 1 */
-  resize: vertical;
-  /* 3 */
-}
-
-/**
- * 1. Correct the odd appearance in Chrome, Edge, and Safari.
- * 2. Correct the outline style in Safari.
- */
-:where([type="search" i]) {
-  -webkit-appearance: textfield;
-  /* 1 */
-  outline-offset: -2px;
-  /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Safari.
- */
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
-::-webkit-input-placeholder {
-  color: inherit;
-  opacity: 0.54;
-}
-
-/**
- * Remove the inner padding in Chrome, Edge, and Safari on macOS.
- */
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style upload buttons in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  /* 1 */
-  font: inherit;
-  /* 2 */
-}
-
-/* Interactive
- * ========================================================================== */
-/*
- * Add the correct styles in Safari.
- */
-: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;
-}
-
-/*
- * Add the correct display in Safari.
- */
-:where(details > summary:first-of-type) {
-  display: list-item;
-}
-
-/* Accessibility
- * ========================================================================== */
-/**
- * Change the cursor on busy elements in all browsers (opinionated).
- */
-:where([aria-busy="true" i]) {
-  cursor: progress;
-}
-
-/*
- * Change the cursor on control elements in all browsers (opinionated).
- */
-:where([aria-controls]) {
-  cursor: pointer;
-}
-
-/*
- * Change the cursor on disabled, not-editable, or otherwise
- * inoperable elements in all browsers (opinionated).
- */
-:where([aria-disabled="true" i], [disabled]) {
-  cursor: not-allowed;
-}
-
-/*
- * Change the display on visually hidden accessible elements
- * in all browsers (opinionated).
- */
-:where([aria-hidden="false" i][hidden]) {
-  display: initial;
-}
-
-:where([aria-hidden="false" i][hidden]:not(:focus)) {
-  clip: rect(0, 0, 0, 0);
-  position: absolute;
-}
-
-/**
- * Restrict sizing to the page width in all browsers (opinionated).
- */
-:where(iframe, img, input, video, select, textarea) {
-  height: auto;
-  max-width: 100%;
-}
-
-/*
- * 1. Remove animations when motion is reduced (opinionated).
- * 2. Remove fixed background attachments when motion is reduced (opinionated).
- * 3. Remove timed scrolling behaviors when motion is reduced (opinionated).
- * 4. Remove transitions when motion is reduced (opinionated).
- */
-@media (prefers-reduced-motion: reduce) {
-  *,
-::before,
-::after {
-    animation-delay: -1ms !important;
-    /* 1 */
-    animation-duration: 1ms !important;
-    /* 1 */
-    animation-iteration-count: 1 !important;
-    /* 1 */
-    background-attachment: initial !important;
-    /* 2 */
-    scroll-behavior: auto !important;
-    /* 3 */
-    transition-delay: 0s !important;
-    /* 4 */
-    transition-duration: 0s !important;
-    /* 4 */
-  }
-}
-/**
- * Auto-generated file. Do not edit directly.
- */
-/* stylelint-disable value-keyword-case */
-/* stylelint-enable value-keyword-case */
-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, "DM Sans"), 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, "DM Sans"), 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, "DM Sans"), 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, "DM Sans"), 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, "DM Sans"), 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, "DM Sans"), 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, "DM Sans"), 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.5rem;
-  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.25rem;
-  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: 1rem;
-  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,
-kbd,
-samp,
-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.25rem;
-  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;
-  display: initial;
-  vertical-align: initial;
-  font-size: inherit;
-  color: inherit;
-  word-wrap: normal;
-  word-break: normal;
-  background: inherit;
-  box-shadow: none;
-  border-radius: 0;
-}
-
-kbd,
-code {
-  display: inline-block;
-  vertical-align: top;
-  margin: 0 0.125rem;
-  padding: 0 0.375rem;
-  background: white;
-  box-shadow: 0 0 0 2px #ebecf0;
-  border-radius: 0.25rem;
-  color: rgb(var(--cat-font-color-muted, 105, 118, 135));
-}
-
-kbd {
-  min-width: 1.25rem;
-  text-align: center;
-}
-
-code {
-  word-wrap: break-word;
-  word-break: break-word;
-}
-
-@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-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 {
-  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
-}
-
-.cat-ellipsis-1 {
-  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
-}
-
-.cat-ellipsis-2 {
-  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
-}
-
-.cat-ellipsis-3 {
-  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
-}
-
-.cat-ellipsis-4 {
-  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
-  display: -webkit-box;
-  -webkit-line-clamp: 4;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
-}
-
-.cat-ellipsis-5 {
-  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
-  display: -webkit-box;
-  -webkit-line-clamp: 5;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
-}
-
-.cat-select {
-  /* stylelint-disable property-no-vendor-prefix */
-  -webkit-user-select: auto;
-  -ms-user-select: auto;
-  user-select: auto;
-  /* stylelint-enable property-no-vendor-prefix */
-}
-
-.cat-no-select {
-  /* stylelint-disable property-no-vendor-prefix */
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  /* stylelint-enable property-no-vendor-prefix */
-}
-
-.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;
-}