@haiilo/catalyst 0.0.11 → 0.2.0

package/dist/catalyst/catalyst.css

@@ -1,1403 +1 @@
-@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));
-}
-
-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.9375rem;
-  line-height: 1.25rem;
-  color: rgb(var(--cat-font-color-mono, 0, 0, 0));
-  font-weight: var(--cat-font-weight-mono, 400);
-}
-
-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));
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-hr {
-  margin: 1rem 0;
-  height: 1px;
-  border: 0;
-  background-color: #ebecf0;
-}
-
-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 #0071ff;
-}
-
-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;
-}
-
-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;
-}
-
-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: "— ";
-}
-
-@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-d-none {
-  display: none !important;
-}
-
-.cat-d-inline {
-  display: inline !important;
-}
-
-.cat-d-inline-block {
-  display: inline-block !important;
-}
-
-.cat-d-block {
-  display: block !important;
-}
-
-.cat-d-grid {
-  display: grid !important;
-}
-
-.cat-d-flex {
-  display: flex !important;
-}
-
-.cat-d-inline-flex {
-  display: inline-flex !important;
-}
-
-@media screen and (min-width: 540px) {
-  .cat-d-none\:xs {
-    display: none !important;
-  }
-
-  .cat-d-inline\:xs {
-    display: inline !important;
-  }
-
-  .cat-d-inline-block\:xs {
-    display: inline-block !important;
-  }
-
-  .cat-d-block\:xs {
-    display: block !important;
-  }
-
-  .cat-d-grid\:xs {
-    display: grid !important;
-  }
-
-  .cat-d-flex\:xs {
-    display: flex !important;
-  }
-
-  .cat-d-inline-flex\:xs {
-    display: inline-flex !important;
-  }
-}
-@media screen and (min-width: 768px) {
-  .cat-d-none\:s {
-    display: none !important;
-  }
-
-  .cat-d-inline\:s {
-    display: inline !important;
-  }
-
-  .cat-d-inline-block\:s {
-    display: inline-block !important;
-  }
-
-  .cat-d-block\:s {
-    display: block !important;
-  }
-
-  .cat-d-grid\:s {
-    display: grid !important;
-  }
-
-  .cat-d-flex\:s {
-    display: flex !important;
-  }
-
-  .cat-d-inline-flex\:s {
-    display: inline-flex !important;
-  }
-}
-@media screen and (min-width: 992px) {
-  .cat-d-none\:m {
-    display: none !important;
-  }
-
-  .cat-d-inline\:m {
-    display: inline !important;
-  }
-
-  .cat-d-inline-block\:m {
-    display: inline-block !important;
-  }
-
-  .cat-d-block\:m {
-    display: block !important;
-  }
-
-  .cat-d-grid\:m {
-    display: grid !important;
-  }
-
-  .cat-d-flex\:m {
-    display: flex !important;
-  }
-
-  .cat-d-inline-flex\:m {
-    display: inline-flex !important;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .cat-d-none\:l {
-    display: none !important;
-  }
-
-  .cat-d-inline\:l {
-    display: inline !important;
-  }
-
-  .cat-d-inline-block\:l {
-    display: inline-block !important;
-  }
-
-  .cat-d-block\:l {
-    display: block !important;
-  }
-
-  .cat-d-grid\:l {
-    display: grid !important;
-  }
-
-  .cat-d-flex\:l {
-    display: flex !important;
-  }
-
-  .cat-d-inline-flex\:l {
-    display: inline-flex !important;
-  }
-}
-@media screen and (min-width: 1400px) {
-  .cat-d-none\:xl {
-    display: none !important;
-  }
-
-  .cat-d-inline\:xl {
-    display: inline !important;
-  }
-
-  .cat-d-inline-block\:xl {
-    display: inline-block !important;
-  }
-
-  .cat-d-block\:xl {
-    display: block !important;
-  }
-
-  .cat-d-grid\:xl {
-    display: grid !important;
-  }
-
-  .cat-d-flex\:xl {
-    display: flex !important;
-  }
-
-  .cat-d-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-radius-l {
-  border-radius: 0.5rem;
-}
-
-.cat-radius-m {
-  border-radius: 0.25rem;
-}
-
-.cat-radius-s {
-  border-radius: 0.125rem;
-}
-
-.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,
-cat-button.cat-text-left::part(content) {
-  text-align: left !important;
-}
-
-.cat-text-center {
-  text-align: center !important;
-}
-
-.cat-text-right,
-cat-button.cat-text-right::part(content) {
-  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;
-}
+@charset "UTF-8";*,::before,::after{box-sizing:border-box;background-repeat:no-repeat;}::before,::after{text-decoration:inherit;vertical-align:inherit;}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}:where(body){margin:0}:where(h1){font-size:2em;margin:0.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0;}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"​";float:left}:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto;}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace, monospace;font-size:1em;}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0;}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical;}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}:where(iframe,img,input,video,select,textarea){height:auto;max-width:100%}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important;}}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))}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.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0));font-weight:var(--cat-font-weight-mono, 400);color:rgb(var(--cat-font-color-mono, 0, 0, 0))}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);color:rgb(var(--cat-font-color-head, 0, 0, 0))}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))}p{margin-top:0;margin-bottom:1rem}hr,.cat-hr{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 #0071ff}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:"— "}@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-d-none{display:none !important}.cat-d-inline{display:inline !important}.cat-d-inline-block{display:inline-block !important}.cat-d-block{display:block !important}.cat-d-grid{display:grid !important}.cat-d-flex{display:flex !important}.cat-d-inline-flex{display:inline-flex !important}@media screen and (min-width: 540px){.cat-d-none\:xs{display:none !important}.cat-d-inline\:xs{display:inline !important}.cat-d-inline-block\:xs{display:inline-block !important}.cat-d-block\:xs{display:block !important}.cat-d-grid\:xs{display:grid !important}.cat-d-flex\:xs{display:flex !important}.cat-d-inline-flex\:xs{display:inline-flex !important}}@media screen and (min-width: 768px){.cat-d-none\:s{display:none !important}.cat-d-inline\:s{display:inline !important}.cat-d-inline-block\:s{display:inline-block !important}.cat-d-block\:s{display:block !important}.cat-d-grid\:s{display:grid !important}.cat-d-flex\:s{display:flex !important}.cat-d-inline-flex\:s{display:inline-flex !important}}@media screen and (min-width: 992px){.cat-d-none\:m{display:none !important}.cat-d-inline\:m{display:inline !important}.cat-d-inline-block\:m{display:inline-block !important}.cat-d-block\:m{display:block !important}.cat-d-grid\:m{display:grid !important}.cat-d-flex\:m{display:flex !important}.cat-d-inline-flex\:m{display:inline-flex !important}}@media screen and (min-width: 1200px){.cat-d-none\:l{display:none !important}.cat-d-inline\:l{display:inline !important}.cat-d-inline-block\:l{display:inline-block !important}.cat-d-block\:l{display:block !important}.cat-d-grid\:l{display:grid !important}.cat-d-flex\:l{display:flex !important}.cat-d-inline-flex\:l{display:inline-flex !important}}@media screen and (min-width: 1400px){.cat-d-none\:xl{display:none !important}.cat-d-inline\:xl{display:inline !important}.cat-d-inline-block\:xl{display:inline-block !important}.cat-d-block\:xl{display:block !important}.cat-d-grid\:xl{display:grid !important}.cat-d-flex\:xl{display:flex !important}.cat-d-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-radius-l{border-radius:0.5rem}.cat-radius-m{border-radius:0.25rem}.cat-radius-s{border-radius:0.125rem}.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,cat-button.cat-text-left::part(content){text-align:left !important}.cat-text-center{text-align:center !important}.cat-text-right,cat-button.cat-text-right::part(content){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}