@cck-ui/core 0.4.0 → 0.4.1

package/styles.css

@@ -1,139 +1,3 @@
-.m_c9afe370 {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: var(--group-wrap, wrap);
-  justify-content: var(--group-justify, flex-start);
-  align-items: var(--group-align, center);
-  gap: var(--group-gap, var(--c-spacing-md));
-
-  &:where([data-grow]) {
-    & > * {
-      flex-grow: 1;
-      max-width: var(--group-child-width);
-    }
-  }
-}
-
-.m_a244865c {
-  --loader-size-xs: 18px;
-  --loader-size-sm: 22px;
-  --loader-size-md: 36px;
-  --loader-size-lg: 44px;
-  --loader-size-xl: 58px;
-  --loader-size: var(--loader-size-md);
-  --loader-color: var(--c-primary-color-filled);
-}
-
-.m_a244865c,
-.m_a244865c *,
-.m_a244865c::before,
-.m_a244865c::after {
-  box-sizing: border-box;
-}
-
-@keyframes m_774c277d {
-  0% {
-    transform: scale(0.6);
-    opacity: 0;
-  }
-
-  50%,
-  100% {
-    transform: scale(1);
-  }
-}
-
-.m_8f6794ed {
-  position: relative;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  display: flex;
-  gap: calc(var(--loader-size) / 5);
-}
-
-.m_919edf59 {
-  flex: 1;
-  background: var(--loader-color);
-  animation: m_774c277d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
-  border-radius: 2px;
-
-  &:nth-of-type(1) {
-    animation-delay: -240ms;
-  }
-
-  &:nth-of-type(2) {
-    animation-delay: -120ms;
-  }
-
-  &:nth-of-type(3) {
-    animation-delay: 0;
-  }
-}
-
-@keyframes m_24cd2081 {
-  0%,
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-
-  50% {
-    transform: scale(0.6);
-    opacity: 0.5;
-  }
-}
-
-.m_637ae2f7 {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: calc(var(--loader-size) / 10);
-  position: relative;
-  width: var(--loader-size);
-  height: var(--loader-size);
-}
-
-.m_919ee88f {
-  width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
-  height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
-  border-radius: 50%;
-  background: var(--loader-color);
-  animation: m_24cd2081 0.8s infinite linear;
-
-  &:nth-child(2) {
-    animation-delay: 0.4s;
-  }
-}
-
-@keyframes m_1309882b {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.m_c87fd4ff {
-  display: inline-block;
-  width: var(--loader-size);
-  height: var(--loader-size);
-
-  &::after {
-    content: '';
-    display: block;
-    width: var(--loader-size);
-    height: var(--loader-size);
-    border-radius: 10000px;
-    border-width: calc(var(--loader-size) / 8);
-    border-style: solid;
-    border-color: var(--loader-color) var(--loader-color) var(--loader-color)
-      transparent;
-    animation: m_1309882b 1.2s linear infinite;
-  }
-}
-
 :root,
 :host {
   color-scheme: var(--c-color-scheme);
@@ -231,58 +95,6 @@ body,
   }
 }
 
-.m_3f669182 {
-  -webkit-tap-highlight-color: transparent;
-  text-decoration: none;
-  font-size: var(--text-fz, var(--c-font-size-md));
-  line-height: var(--text-lh, var(--c-line-height-md));
-  font-weight: var(--c-font-weight-regular);
-  text-wrap: var(--text-text-wrap, var(--c-text-wrap));
-  margin: 0;
-  padding: 0;
-
-  &:where([data-truncate]) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &:where([data-truncate='start']) {
-    direction: rtl;
-    text-align: end;
-
-    @mixin where-rtl {
-      direction: ltr;
-      text-align: start;
-    }
-  }
-
-  &:where([data-variant='gradient']) {
-    background-image: var(--text-gradient);
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-    background-clip: text;
-  }
-
-  &:where([data-line-clamp]) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: var(--text-line-clamp);
-    -webkit-box-orient: vertical;
-  }
-
-  &:where([data-inherit]) {
-    line-height: inherit;
-    font-weight: inherit;
-    font-size: inherit;
-  }
-
-  &:where([data-inline]) {
-    line-height: 1;
-  }
-}
-
 /* This file is automatically generated, do not modify it directly. */
 :root,
 :host {
@@ -805,6 +617,20 @@ body,
   --c-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
 }
 
+.m_537a2afc {
+  background-color: transparent;
+  cursor: pointer;
+  border: 0;
+  padding: 0;
+  appearance: none;
+  font-size: var(--c-font-size-md);
+  text-align: start;
+  text-decoration: none;
+  color: inherit;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
 .m_c031daba {
   container: c-grid / inline-size;
 }
@@ -839,919 +665,38 @@ body,
   align-self: var(--col-align-self);
 }
 
-.m_14602a9d {
-  --button-height-xs: 30px;
-  --button-height-sm: 36px;
-  --button-height-md: 42px;
-  --button-height-lg: 50px;
-  --button-height-xl: 60px;
-
-  --button-height-compact-xs: 22px;
-  --button-height-compact-sm: 26px;
-  --button-height-compact-md: 30px;
-  --button-height-compact-lg: 34px;
-  --button-height-compact-xl: 40px;
+.m_c9afe370 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: var(--group-wrap, wrap);
+  justify-content: var(--group-justify, flex-start);
+  align-items: var(--group-align, center);
+  gap: var(--group-gap, var(--c-spacing-md));
 
-  --button-padding-x-xs: 14px;
-  --button-padding-x-sm: 18px;
-  --button-padding-x-md: 22px;
-  --button-padding-x-lg: 26px;
-  --button-padding-x-xl: 32px;
+  &:where([data-grow]) {
+    & > * {
+      flex-grow: 1;
+      max-width: var(--group-child-width);
+    }
+  }
+}
 
-  --button-padding-x-compact-xs: 7px;
-  --button-padding-x-compact-sm: 8px;
-  --button-padding-x-compact-md: 10px;
-  --button-padding-x-compact-lg: 12px;
-  --button-padding-x-compact-xl: 14px;
+.m_a244865c {
+  --loader-size-xs: 18px;
+  --loader-size-sm: 22px;
+  --loader-size-md: 36px;
+  --loader-size-lg: 44px;
+  --loader-size-xl: 58px;
+  --loader-size: var(--loader-size-md);
+  --loader-color: var(--c-primary-color-filled);
+}
 
-  --button-height: var(--button-height-sm);
-  --button-padding-x: var(--button-padding-x-sm);
-  --button-color: var(--c-color-white);
-
-  user-select: none;
-  font-weight: var(--c-font-weight-medium);
-  position: relative;
-  line-height: 1;
-  text-align: center;
-  overflow: hidden;
-
-  width: auto;
-  cursor: pointer;
-  display: inline-block;
-  border-radius: var(--button-radius, var(--c-radius-default));
-  font-size: var(--button-fz, var(--c-font-size-sm));
-  background: var(--button-bg, var(--c-color-default));
-  border: var(--button-bd, rem(1px) solid var(--c-color-default-border));
-  color: var(--button-color, var(--c-color-default-color));
-  height: var(--button-height, var(--button-height-sm));
-  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
-  vertical-align: middle;
-
-  &:where([data-block]) {
-    display: block;
-    width: 100%;
-  }
-
-  &:where([data-with-left-section]) {
-    padding-inline-start: calc(var(--button-padding-x) / 1.5);
-  }
-
-  &:where([data-with-right-section]) {
-    padding-inline-end: calc(var(--button-padding-x) / 1.5);
-  }
-
-  &:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
-    cursor: not-allowed;
-    border-color: transparent;
-    transform: none;
-    color: var(--c-color-disabled-color);
-    background: var(--c-color-disabled);
-  }
-
-  &::before {
-    content: '';
-    pointer-events: none;
-    position: absolute;
-    inset: -1px;
-    border-radius: var(--button-radius, var(--c-radius-default));
-    transform: translateY(-100%);
-    opacity: 0;
-    filter: blur(12px);
-    transition:
-      transform 150ms ease,
-      opacity 100ms ease;
-
-    @mixin where-light {
-      background-color: rgba(255, 255, 255, 0.15);
-    }
-
-    @mixin where-dark {
-      background-color: rgba(0, 0, 0, 0.15);
-    }
-  }
-
-  &:where([data-loading]) {
-    cursor: not-allowed;
-    transform: none;
-
-    &::before {
-      transform: translateY(0);
-      opacity: 1;
-    }
-
-    & .m_7725dbfb {
-      opacity: 0;
-      transform: translateY(100%);
-    }
-  }
-
-  @mixin hover {
-    &:where(:not([data-loading], :disabled, [data-disabled])) {
-      background-color: var(--button-hover, var(--c-color-default-hover));
-      color: var(--button-hover-color, var(--button-color));
-    }
-  }
-}
-
-.m_7725dbfb {
-  display: flex;
-  align-items: center;
-  justify-content: var(--button-justify, center);
-  height: 100%;
-  overflow: visible;
-  transition:
-    transform 150ms ease,
-    opacity 100ms ease;
-}
-
-.m_774a0c99 {
-  white-space: nowrap;
-  height: 100%;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  opacity: 1;
-  text-box-trim: trim-both;
-  text-box-edge: cap alphabetic;
-
-  &:where([data-loading]) {
-    opacity: 0.2;
-  }
-}
-
-.m_462d374a {
-  display: flex;
-  align-items: center;
-
-  &:where([data-position='left']) {
-    margin-inline-end: var(--c-spacing-xs);
-  }
-
-  &:where([data-position='right']) {
-    margin-inline-start: var(--c-spacing-xs);
-  }
-}
-
-.m_72bc570e {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-}
-
-.m_770b8424 {
-  --button-border-width: 1px;
-  display: flex;
-
-  & :where(.m_14602a9d) {
-    &:focus {
-      position: relative;
-      z-index: 1;
-    }
-  }
-
-  &[data-orientation='horizontal'] {
-    flex-direction: row;
-
-    & .m_14602a9d,
-    & .m_260a6221 {
-      &:not(:only-child):first-child {
-        border-end-end-radius: 0;
-        border-start-end-radius: 0;
-        border-inline-end-width: calc(var(--button-border-width) / 2);
-      }
-
-      &:not(:only-child):last-child {
-        border-end-start-radius: 0;
-        border-start-start-radius: 0;
-        border-inline-start-width: calc(var(--button-border-width) / 2);
-      }
-
-      &:not(:only-child):not(:first-child):not(:last-child) {
-        border-radius: 0;
-        border-inline-width: calc(var(--button-border-width) / 2);
-      }
-    }
-  }
-
-  &[data-orientation='vertical'] {
-    flex-direction: column;
-
-    & .m_14602a9d,
-    & .m_260a6221 {
-      &:not(:only-child):first-child {
-        border-end-start-radius: 0;
-        border-end-end-radius: 0;
-        border-bottom-width: calc(var(--button-border-width) / 2);
-      }
-
-      &:not(:only-child):last-child {
-        border-start-start-radius: 0;
-        border-start-end-radius: 0;
-        border-top-width: calc(var(--button-border-width) / 2);
-      }
-
-      &:not(:only-child):not(:first-child):not(:last-child) {
-        border-radius: 0;
-        border-bottom-width: calc(var(--button-border-width) / 2);
-        border-top-width: calc(var(--button-border-width) / 2);
-      }
-    }
-  }
-}
-
-.m_260a6221 {
-  --section-height-xs: 30px;
-  --section-height-sm: 36px;
-  --section-height-md: 42px;
-  --section-height-lg: 50px;
-  --section-height-xl: 60px;
-
-  --section-height-compact-xs: 22px;
-  --section-height-compact-sm: 26px;
-  --section-height-compact-md: 30px;
-  --section-height-compact-lg: 34px;
-  --section-height-compact-xl: 40px;
-
-  --section-padding-x-xs: 14px;
-  --section-padding-x-sm: 18px;
-  --section-padding-x-md: 22px;
-  --section-padding-x-lg: 26px;
-  --section-padding-x-xl: 32px;
-
-  --section-padding-x-compact-xs: 7px;
-  --section-padding-x-compact-sm: 8px;
-  --section-padding-x-compact-md: 10px;
-  --section-padding-x-compact-lg: 12px;
-  --section-padding-x-compact-xl: 14px;
-
-  --section-height: var(--section-height-sm);
-  --section-padding-x: var(--section-padding-x-sm);
-  --section-color: var(--c-color-white);
-
-  font-weight: var(--c-font-weight-medium);
-  width: auto;
-  border-radius: var(--section-radius, var(--c-radius-default));
-  font-size: var(--section-fz, var(--c-font-size-sm));
-  background: var(--section-bg, var(--c-primary-color-filled));
-  border: var(--section-bd, rem(1px) solid transparent);
-  height: var(--section-height, var(--section-height-sm));
-  padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
-  vertical-align: middle;
-  line-height: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.m_cd6f7c35 {
-  container: simple-grid / inline-size;
-}
-
-.m_6bed50ae {
-  display: grid;
-  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
-  grid-auto-rows: var(--sg-auto-rows, auto);
-  gap: var(--sg-spacing-y) var(--sg-spacing-x);
-}
-
-.m_6bed50ae[data-auto-cols='auto-fill'] {
-  grid-template-columns: repeat(auto-fill, minmax(var(--sg-min-col-width), 1fr));
-}
-
-.m_6bed50ae[data-auto-cols='auto-fit'] {
-  grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
-}
-
-.m_3f669182 {
-  -webkit-tap-highlight-color: transparent;
-  text-decoration: none;
-  font-size: var(--text-fz, var(--c-font-size-md));
-  line-height: var(--text-lh, var(--c-line-height-md));
-  font-weight: var(--c-font-weight-regular);
-  text-wrap: var(--text-text-wrap, var(--c-text-wrap));
-  margin: 0;
-  padding: 0;
-
-  &:where([data-truncate]) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &:where([data-truncate='start']) {
-    direction: rtl;
-    text-align: end;
-
-    @mixin where-rtl {
-      direction: ltr;
-      text-align: start;
-    }
-  }
-
-  &:where([data-variant='gradient']) {
-    background-image: var(--text-gradient);
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-    background-clip: text;
-  }
-
-  &:where([data-line-clamp]) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: var(--text-line-clamp);
-    -webkit-box-orient: vertical;
-  }
-
-  &:where([data-inherit]) {
-    line-height: inherit;
-    font-weight: inherit;
-    font-size: inherit;
-  }
-
-  &:where([data-inline]) {
-    line-height: 1;
-  }
-}
-
-/* This file is automatically generated, do not modify it directly. */
-:root,
-:host {
-  --c-z-index-app: 100;
-  --c-z-index-modal: 200;
-  --c-z-index-popover: 300;
-  --c-z-index-overlay: 400;
-  --c-z-index-max: 9999;
-  --c-scale: 1;
-  --c-cursor-type: default;
-  --c-webkit-font-smoothing: antialiased;
-  --c-moz-font-smoothing: grayscale;
-  --c-color-white: #fff;
-  --c-color-black: #000;
-  --c-line-height: 1.55;
-  --c-font-family:
-    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
-    Apple Color Emoji, Segoe UI Emoji;
-  --c-font-family-monospace:
-    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  --c-font-family-headings:
-    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
-    Apple Color Emoji, Segoe UI Emoji;
-  --c-heading-font-weight: 700;
-  --c-heading-text-wrap: wrap;
-  --c-radius-default: calc(0.5rem * var(--c-scale));
-  --c-primary-color-filled: var(--c-color-blue-filled);
-  --c-primary-color-filled-hover: var(--c-color-blue-filled-hover);
-  --c-primary-color-light: var(--c-color-blue-light);
-  --c-primary-color-light-hover: var(--c-color-blue-light-hover);
-  --c-primary-color-light-color: var(--c-color-blue-light-color);
-  --c-breakpoint-xs: 36em;
-  --c-breakpoint-sm: 48em;
-  --c-breakpoint-md: 62em;
-  --c-breakpoint-lg: 75em;
-  --c-breakpoint-xl: 88em;
-  --c-spacing-xs: calc(0.625rem * var(--c-scale));
-  --c-spacing-sm: calc(0.75rem * var(--c-scale));
-  --c-spacing-md: calc(1rem * var(--c-scale));
-  --c-spacing-lg: calc(1.25rem * var(--c-scale));
-  --c-spacing-xl: calc(2rem * var(--c-scale));
-  --c-font-size-xs: calc(0.75rem * var(--c-scale));
-  --c-font-size-sm: calc(0.875rem * var(--c-scale));
-  --c-font-size-md: calc(1rem * var(--c-scale));
-  --c-font-size-lg: calc(1.125rem * var(--c-scale));
-  --c-font-size-xl: calc(1.25rem * var(--c-scale));
-  --c-line-height-xs: 1.4;
-  --c-line-height-sm: 1.45;
-  --c-line-height-md: 1.55;
-  --c-line-height-lg: 1.6;
-  --c-line-height-xl: 1.65;
-  --c-shadow-xs:
-    0 calc(0.0625rem * var(--c-scale)) calc(0.1875rem * var(--c-scale)) rgba(0, 0, 0, 0.05),
-    0 calc(0.0625rem * var(--c-scale)) calc(0.125rem * var(--c-scale)) rgba(0, 0, 0, 0.1);
-  --c-shadow-sm:
-    0 calc(0.0625rem * var(--c-scale)) calc(0.1875rem * var(--c-scale)) rgba(0, 0, 0, 0.05),
-    rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--c-scale)) calc(0.9375rem * var(--c-scale))
-      calc(-0.3125rem * var(--c-scale)),
-    rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--c-scale)) calc(0.4375rem * var(--c-scale))
-      calc(-0.3125rem * var(--c-scale));
-  --c-shadow-md:
-    0 calc(0.0625rem * var(--c-scale)) calc(0.1875rem * var(--c-scale)) rgba(0, 0, 0, 0.05),
-    rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--c-scale)) calc(1.5625rem * var(--c-scale))
-      calc(-0.3125rem * var(--c-scale)),
-    rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--c-scale)) calc(0.625rem * var(--c-scale))
-      calc(-0.3125rem * var(--c-scale));
-  --c-shadow-lg:
-    0 calc(0.0625rem * var(--c-scale)) calc(0.1875rem * var(--c-scale)) rgba(0, 0, 0, 0.05),
-    rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--c-scale)) calc(1.4375rem * var(--c-scale))
-      calc(-0.4375rem * var(--c-scale)),
-    rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--c-scale)) calc(0.75rem * var(--c-scale))
-      calc(-0.4375rem * var(--c-scale));
-  --c-shadow-xl:
-    0 calc(0.0625rem * var(--c-scale)) calc(0.1875rem * var(--c-scale)) rgba(0, 0, 0, 0.05),
-    rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--c-scale)) calc(1.75rem * var(--c-scale))
-      calc(-0.4375rem * var(--c-scale)),
-    rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--c-scale)) calc(1.0625rem * var(--c-scale))
-      calc(-0.4375rem * var(--c-scale));
-  --c-radius-xs: calc(0.125rem * var(--c-scale));
-  --c-radius-sm: calc(0.25rem * var(--c-scale));
-  --c-radius-md: calc(0.5rem * var(--c-scale));
-  --c-radius-lg: calc(1rem * var(--c-scale));
-  --c-radius-xl: calc(2rem * var(--c-scale));
-  --c-font-weight-regular: 400;
-  --c-font-weight-medium: 600;
-  --c-font-weight-bold: 700;
-  --c-primary-color-0: var(--c-color-blue-0);
-  --c-primary-color-1: var(--c-color-blue-1);
-  --c-primary-color-2: var(--c-color-blue-2);
-  --c-primary-color-3: var(--c-color-blue-3);
-  --c-primary-color-4: var(--c-color-blue-4);
-  --c-primary-color-5: var(--c-color-blue-5);
-  --c-primary-color-6: var(--c-color-blue-6);
-  --c-primary-color-7: var(--c-color-blue-7);
-  --c-primary-color-8: var(--c-color-blue-8);
-  --c-primary-color-9: var(--c-color-blue-9);
-  --c-color-dark-0: #c9c9c9;
-  --c-color-dark-1: #b8b8b8;
-  --c-color-dark-2: #828282;
-  --c-color-dark-3: #696969;
-  --c-color-dark-4: #424242;
-  --c-color-dark-5: #3b3b3b;
-  --c-color-dark-6: #2e2e2e;
-  --c-color-dark-7: #242424;
-  --c-color-dark-8: #1f1f1f;
-  --c-color-dark-9: #141414;
-  --c-color-gray-0: #f8f9fa;
-  --c-color-gray-1: #f1f3f5;
-  --c-color-gray-2: #e9ecef;
-  --c-color-gray-3: #dee2e6;
-  --c-color-gray-4: #ced4da;
-  --c-color-gray-5: #adb5bd;
-  --c-color-gray-6: #868e96;
-  --c-color-gray-7: #495057;
-  --c-color-gray-8: #343a40;
-  --c-color-gray-9: #212529;
-  --c-color-red-0: #fff5f5;
-  --c-color-red-1: #ffe3e3;
-  --c-color-red-2: #ffc9c9;
-  --c-color-red-3: #ffa8a8;
-  --c-color-red-4: #ff8787;
-  --c-color-red-5: #ff6b6b;
-  --c-color-red-6: #fa5252;
-  --c-color-red-7: #f03e3e;
-  --c-color-red-8: #e03131;
-  --c-color-red-9: #c92a2a;
-  --c-color-pink-0: #fff0f6;
-  --c-color-pink-1: #ffdeeb;
-  --c-color-pink-2: #fcc2d7;
-  --c-color-pink-3: #faa2c1;
-  --c-color-pink-4: #f783ac;
-  --c-color-pink-5: #f06595;
-  --c-color-pink-6: #e64980;
-  --c-color-pink-7: #d6336c;
-  --c-color-pink-8: #c2255c;
-  --c-color-pink-9: #a61e4d;
-  --c-color-grape-0: #f8f0fc;
-  --c-color-grape-1: #f3d9fa;
-  --c-color-grape-2: #eebefa;
-  --c-color-grape-3: #e599f7;
-  --c-color-grape-4: #da77f2;
-  --c-color-grape-5: #cc5de8;
-  --c-color-grape-6: #be4bdb;
-  --c-color-grape-7: #ae3ec9;
-  --c-color-grape-8: #9c36b5;
-  --c-color-grape-9: #862e9c;
-  --c-color-violet-0: #f3f0ff;
-  --c-color-violet-1: #e5dbff;
-  --c-color-violet-2: #d0bfff;
-  --c-color-violet-3: #b197fc;
-  --c-color-violet-4: #9775fa;
-  --c-color-violet-5: #845ef7;
-  --c-color-violet-6: #7950f2;
-  --c-color-violet-7: #7048e8;
-  --c-color-violet-8: #6741d9;
-  --c-color-violet-9: #5f3dc4;
-  --c-color-indigo-0: #edf2ff;
-  --c-color-indigo-1: #dbe4ff;
-  --c-color-indigo-2: #bac8ff;
-  --c-color-indigo-3: #91a7ff;
-  --c-color-indigo-4: #748ffc;
-  --c-color-indigo-5: #5c7cfa;
-  --c-color-indigo-6: #4c6ef5;
-  --c-color-indigo-7: #4263eb;
-  --c-color-indigo-8: #3b5bdb;
-  --c-color-indigo-9: #364fc7;
-  --c-color-blue-0: #e7f5ff;
-  --c-color-blue-1: #d0ebff;
-  --c-color-blue-2: #a5d8ff;
-  --c-color-blue-3: #74c0fc;
-  --c-color-blue-4: #4dabf7;
-  --c-color-blue-5: #339af0;
-  --c-color-blue-6: #228be6;
-  --c-color-blue-7: #1c7ed6;
-  --c-color-blue-8: #1971c2;
-  --c-color-blue-9: #1864ab;
-  --c-color-cyan-0: #e3fafc;
-  --c-color-cyan-1: #c5f6fa;
-  --c-color-cyan-2: #99e9f2;
-  --c-color-cyan-3: #66d9e8;
-  --c-color-cyan-4: #3bc9db;
-  --c-color-cyan-5: #22b8cf;
-  --c-color-cyan-6: #15aabf;
-  --c-color-cyan-7: #1098ad;
-  --c-color-cyan-8: #0c8599;
-  --c-color-cyan-9: #0b7285;
-  --c-color-teal-0: #e6fcf5;
-  --c-color-teal-1: #c3fae8;
-  --c-color-teal-2: #96f2d7;
-  --c-color-teal-3: #63e6be;
-  --c-color-teal-4: #38d9a9;
-  --c-color-teal-5: #20c997;
-  --c-color-teal-6: #12b886;
-  --c-color-teal-7: #0ca678;
-  --c-color-teal-8: #099268;
-  --c-color-teal-9: #087f5b;
-  --c-color-green-0: #ebfbee;
-  --c-color-green-1: #d3f9d8;
-  --c-color-green-2: #b2f2bb;
-  --c-color-green-3: #8ce99a;
-  --c-color-green-4: #69db7c;
-  --c-color-green-5: #51cf66;
-  --c-color-green-6: #40c057;
-  --c-color-green-7: #37b24d;
-  --c-color-green-8: #2f9e44;
-  --c-color-green-9: #2b8a3e;
-  --c-color-lime-0: #f4fce3;
-  --c-color-lime-1: #e9fac8;
-  --c-color-lime-2: #d8f5a2;
-  --c-color-lime-3: #c0eb75;
-  --c-color-lime-4: #a9e34b;
-  --c-color-lime-5: #94d82d;
-  --c-color-lime-6: #82c91e;
-  --c-color-lime-7: #74b816;
-  --c-color-lime-8: #66a80f;
-  --c-color-lime-9: #5c940d;
-  --c-color-yellow-0: #fff9db;
-  --c-color-yellow-1: #fff3bf;
-  --c-color-yellow-2: #ffec99;
-  --c-color-yellow-3: #ffe066;
-  --c-color-yellow-4: #ffd43b;
-  --c-color-yellow-5: #fcc419;
-  --c-color-yellow-6: #fab005;
-  --c-color-yellow-7: #f59f00;
-  --c-color-yellow-8: #f08c00;
-  --c-color-yellow-9: #e67700;
-  --c-color-orange-0: #fff4e6;
-  --c-color-orange-1: #ffe8cc;
-  --c-color-orange-2: #ffd8a8;
-  --c-color-orange-3: #ffc078;
-  --c-color-orange-4: #ffa94d;
-  --c-color-orange-5: #ff922b;
-  --c-color-orange-6: #fd7e14;
-  --c-color-orange-7: #f76707;
-  --c-color-orange-8: #e8590c;
-  --c-color-orange-9: #d9480f;
-  --c-h1-font-size: calc(2.125rem * var(--c-scale));
-  --c-h1-line-height: 1.3;
-  --c-h1-font-weight: 700;
-  --c-h2-font-size: calc(1.625rem * var(--c-scale));
-  --c-h2-line-height: 1.35;
-  --c-h2-font-weight: 700;
-  --c-h3-font-size: calc(1.375rem * var(--c-scale));
-  --c-h3-line-height: 1.4;
-  --c-h3-font-weight: 700;
-  --c-h4-font-size: calc(1.125rem * var(--c-scale));
-  --c-h4-line-height: 1.45;
-  --c-h4-font-weight: 700;
-  --c-h5-font-size: calc(1rem * var(--c-scale));
-  --c-h5-line-height: 1.5;
-  --c-h5-font-weight: 700;
-  --c-h6-font-size: calc(0.875rem * var(--c-scale));
-  --c-h6-line-height: 1.5;
-  --c-h6-font-weight: 700;
-}
-
-:root[data-c-color-scheme='dark'],
-:host([data-c-color-scheme='dark']) {
-  --c-color-scheme: dark;
-  --c-primary-color-contrast: var(--c-color-white);
-  --c-color-bright: var(--c-color-white);
-  --c-color-text: var(--c-color-dark-0);
-  --c-color-body: var(--c-color-dark-7);
-  --c-color-error: var(--c-color-red-8);
-  --c-color-success: var(--c-color-teal-8);
-  --c-color-placeholder: var(--c-color-dark-3);
-  --c-color-anchor: var(--c-color-blue-4);
-  --c-color-default: var(--c-color-dark-6);
-  --c-color-default-hover: var(--c-color-dark-5);
-  --c-color-default-color: var(--c-color-white);
-  --c-color-default-border: var(--c-color-dark-4);
-  --c-color-dimmed: var(--c-color-dark-2);
-  --c-color-disabled: var(--c-color-dark-6);
-  --c-color-disabled-color: var(--c-color-dark-3);
-  --c-color-disabled-border: var(--c-color-dark-4);
-  --c-color-dark-text: var(--c-color-dark-4);
-  --c-color-dark-filled: var(--c-color-dark-8);
-  --c-color-dark-filled-hover: var(--c-color-dark-9);
-  --c-color-dark-light: rgba(10, 10, 10, 1);
-  --c-color-dark-light-hover: rgba(14, 14, 14, 1);
-  --c-color-dark-light-color: var(--c-color-dark-0);
-  --c-color-dark-outline: var(--c-color-dark-0);
-  --c-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
-  --c-color-gray-text: var(--c-color-gray-4);
-  --c-color-gray-filled: var(--c-color-gray-8);
-  --c-color-gray-filled-hover: var(--c-color-gray-9);
-  --c-color-gray-light: rgba(17, 19, 21, 1);
-  --c-color-gray-light-hover: rgba(23, 26, 29, 1);
-  --c-color-gray-light-color: var(--c-color-gray-0);
-  --c-color-gray-outline: var(--c-color-gray-0);
-  --c-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
-  --c-color-red-text: var(--c-color-red-4);
-  --c-color-red-filled: var(--c-color-red-8);
-  --c-color-red-filled-hover: var(--c-color-red-9);
-  --c-color-red-light: rgba(101, 21, 21, 1);
-  --c-color-red-light-hover: rgba(141, 29, 29, 1);
-  --c-color-red-light-color: var(--c-color-red-0);
-  --c-color-red-outline: var(--c-color-red-0);
-  --c-color-red-outline-hover: rgba(255, 135, 135, 0.05);
-  --c-color-pink-text: var(--c-color-pink-4);
-  --c-color-pink-filled: var(--c-color-pink-8);
-  --c-color-pink-filled-hover: var(--c-color-pink-9);
-  --c-color-pink-light: rgba(83, 15, 39, 1);
-  --c-color-pink-light-hover: rgba(116, 21, 54, 1);
-  --c-color-pink-light-color: var(--c-color-pink-0);
-  --c-color-pink-outline: var(--c-color-pink-0);
-  --c-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
-  --c-color-grape-text: var(--c-color-grape-4);
-  --c-color-grape-filled: var(--c-color-grape-8);
-  --c-color-grape-filled-hover: var(--c-color-grape-9);
-  --c-color-grape-light: rgba(67, 23, 78, 1);
-  --c-color-grape-light-hover: rgba(94, 32, 109, 1);
-  --c-color-grape-light-color: var(--c-color-grape-0);
-  --c-color-grape-outline: var(--c-color-grape-0);
-  --c-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
-  --c-color-violet-text: var(--c-color-violet-4);
-  --c-color-violet-filled: var(--c-color-violet-8);
-  --c-color-violet-filled-hover: var(--c-color-violet-9);
-  --c-color-violet-light: rgba(48, 31, 98, 1);
-  --c-color-violet-light-hover: rgba(67, 43, 137, 1);
-  --c-color-violet-light-color: var(--c-color-violet-0);
-  --c-color-violet-outline: var(--c-color-violet-0);
-  --c-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
-  --c-color-indigo-text: var(--c-color-indigo-4);
-  --c-color-indigo-filled: var(--c-color-indigo-8);
-  --c-color-indigo-filled-hover: var(--c-color-indigo-9);
-  --c-color-indigo-light: rgba(27, 40, 100, 1);
-  --c-color-indigo-light-hover: rgba(38, 55, 139, 1);
-  --c-color-indigo-light-color: var(--c-color-indigo-0);
-  --c-color-indigo-outline: var(--c-color-indigo-0);
-  --c-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
-  --c-color-blue-text: var(--c-color-blue-4);
-  --c-color-blue-filled: var(--c-color-blue-8);
-  --c-color-blue-filled-hover: var(--c-color-blue-9);
-  --c-color-blue-light: rgba(12, 50, 86, 1);
-  --c-color-blue-light-hover: rgba(17, 70, 120, 1);
-  --c-color-blue-light-color: var(--c-color-blue-0);
-  --c-color-blue-outline: var(--c-color-blue-0);
-  --c-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
-  --c-color-cyan-text: var(--c-color-cyan-4);
-  --c-color-cyan-filled: var(--c-color-cyan-8);
-  --c-color-cyan-filled-hover: var(--c-color-cyan-9);
-  --c-color-cyan-light: rgba(6, 57, 67, 1);
-  --c-color-cyan-light-hover: rgba(8, 80, 93, 1);
-  --c-color-cyan-light-color: var(--c-color-cyan-0);
-  --c-color-cyan-outline: var(--c-color-cyan-0);
-  --c-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
-  --c-color-teal-text: var(--c-color-teal-4);
-  --c-color-teal-filled: var(--c-color-teal-8);
-  --c-color-teal-filled-hover: var(--c-color-teal-9);
-  --c-color-teal-light: rgba(4, 64, 46, 1);
-  --c-color-teal-light-hover: rgba(6, 89, 64, 1);
-  --c-color-teal-light-color: var(--c-color-teal-0);
-  --c-color-teal-outline: var(--c-color-teal-0);
-  --c-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
-  --c-color-green-text: var(--c-color-green-4);
-  --c-color-green-filled: var(--c-color-green-8);
-  --c-color-green-filled-hover: var(--c-color-green-9);
-  --c-color-green-light: rgba(22, 69, 31, 1);
-  --c-color-green-light-hover: rgba(30, 97, 43, 1);
-  --c-color-green-light-color: var(--c-color-green-0);
-  --c-color-green-outline: var(--c-color-green-0);
-  --c-color-green-outline-hover: rgba(105, 219, 124, 0.05);
-  --c-color-lime-text: var(--c-color-lime-4);
-  --c-color-lime-filled: var(--c-color-lime-8);
-  --c-color-lime-filled-hover: var(--c-color-lime-9);
-  --c-color-lime-light: rgba(46, 74, 7, 1);
-  --c-color-lime-light-hover: rgba(64, 104, 9, 1);
-  --c-color-lime-light-color: var(--c-color-lime-0);
-  --c-color-lime-outline: var(--c-color-lime-0);
-  --c-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
-  --c-color-yellow-text: var(--c-color-yellow-4);
-  --c-color-yellow-filled: var(--c-color-yellow-8);
-  --c-color-yellow-filled-hover: var(--c-color-yellow-9);
-  --c-color-yellow-light: rgba(115, 60, 0, 1);
-  --c-color-yellow-light-hover: rgba(161, 83, 0, 1);
-  --c-color-yellow-light-color: var(--c-color-yellow-0);
-  --c-color-yellow-outline: var(--c-color-yellow-0);
-  --c-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
-  --c-color-orange-text: var(--c-color-orange-4);
-  --c-color-orange-filled: var(--c-color-orange-8);
-  --c-color-orange-filled-hover: var(--c-color-orange-9);
-  --c-color-orange-light: rgba(109, 36, 8, 1);
-  --c-color-orange-light-hover: rgba(152, 50, 11, 1);
-  --c-color-orange-light-color: var(--c-color-orange-0);
-  --c-color-orange-outline: var(--c-color-orange-0);
-  --c-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
-}
-
-:root[data-c-color-scheme='light'],
-:host([data-c-color-scheme='light']) {
-  --c-color-scheme: light;
-  --c-primary-color-contrast: var(--c-color-white);
-  --c-color-bright: var(--c-color-black);
-  --c-color-text: #000;
-  --c-color-body: #fff;
-  --c-color-error: var(--c-color-red-6);
-  --c-color-success: var(--c-color-teal-8);
-  --c-color-placeholder: var(--c-color-gray-5);
-  --c-color-anchor: var(--c-color-blue-6);
-  --c-color-default: var(--c-color-white);
-  --c-color-default-hover: var(--c-color-gray-0);
-  --c-color-default-color: var(--c-color-black);
-  --c-color-default-border: var(--c-color-gray-4);
-  --c-color-dimmed: var(--c-color-gray-6);
-  --c-color-disabled: var(--c-color-gray-2);
-  --c-color-disabled-color: var(--c-color-gray-5);
-  --c-color-disabled-border: var(--c-color-gray-3);
-  --c-color-dark-text: var(--c-color-dark-filled);
-  --c-color-dark-filled: var(--c-color-dark-6);
-  --c-color-dark-filled-hover: var(--c-color-dark-7);
-  --c-color-dark-light: var(--c-color-dark-1);
-  --c-color-dark-light-hover: var(--c-color-dark-2);
-  --c-color-dark-light-color: var(--c-color-dark-9);
-  --c-color-dark-outline: var(--c-color-dark-6);
-  --c-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
-  --c-color-gray-text: var(--c-color-gray-filled);
-  --c-color-gray-filled: var(--c-color-gray-6);
-  --c-color-gray-filled-hover: var(--c-color-gray-7);
-  --c-color-gray-light: var(--c-color-gray-1);
-  --c-color-gray-light-hover: var(--c-color-gray-2);
-  --c-color-gray-light-color: var(--c-color-gray-9);
-  --c-color-gray-outline: var(--c-color-gray-6);
-  --c-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
-  --c-color-red-text: var(--c-color-red-filled);
-  --c-color-red-filled: var(--c-color-red-6);
-  --c-color-red-filled-hover: var(--c-color-red-7);
-  --c-color-red-light: var(--c-color-red-1);
-  --c-color-red-light-hover: var(--c-color-red-2);
-  --c-color-red-light-color: var(--c-color-red-9);
-  --c-color-red-outline: var(--c-color-red-6);
-  --c-color-red-outline-hover: rgba(250, 82, 82, 0.05);
-  --c-color-pink-text: var(--c-color-pink-filled);
-  --c-color-pink-filled: var(--c-color-pink-6);
-  --c-color-pink-filled-hover: var(--c-color-pink-7);
-  --c-color-pink-light: var(--c-color-pink-1);
-  --c-color-pink-light-hover: var(--c-color-pink-2);
-  --c-color-pink-light-color: var(--c-color-pink-9);
-  --c-color-pink-outline: var(--c-color-pink-6);
-  --c-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
-  --c-color-grape-text: var(--c-color-grape-filled);
-  --c-color-grape-filled: var(--c-color-grape-6);
-  --c-color-grape-filled-hover: var(--c-color-grape-7);
-  --c-color-grape-light: var(--c-color-grape-1);
-  --c-color-grape-light-hover: var(--c-color-grape-2);
-  --c-color-grape-light-color: var(--c-color-grape-9);
-  --c-color-grape-outline: var(--c-color-grape-6);
-  --c-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
-  --c-color-violet-text: var(--c-color-violet-filled);
-  --c-color-violet-filled: var(--c-color-violet-6);
-  --c-color-violet-filled-hover: var(--c-color-violet-7);
-  --c-color-violet-light: var(--c-color-violet-1);
-  --c-color-violet-light-hover: var(--c-color-violet-2);
-  --c-color-violet-light-color: var(--c-color-violet-9);
-  --c-color-violet-outline: var(--c-color-violet-6);
-  --c-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
-  --c-color-indigo-text: var(--c-color-indigo-filled);
-  --c-color-indigo-filled: var(--c-color-indigo-6);
-  --c-color-indigo-filled-hover: var(--c-color-indigo-7);
-  --c-color-indigo-light: var(--c-color-indigo-1);
-  --c-color-indigo-light-hover: var(--c-color-indigo-2);
-  --c-color-indigo-light-color: var(--c-color-indigo-9);
-  --c-color-indigo-outline: var(--c-color-indigo-6);
-  --c-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
-  --c-color-blue-text: var(--c-color-blue-filled);
-  --c-color-blue-filled: var(--c-color-blue-6);
-  --c-color-blue-filled-hover: var(--c-color-blue-7);
-  --c-color-blue-light: var(--c-color-blue-1);
-  --c-color-blue-light-hover: var(--c-color-blue-2);
-  --c-color-blue-light-color: var(--c-color-blue-9);
-  --c-color-blue-outline: var(--c-color-blue-6);
-  --c-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
-  --c-color-cyan-text: var(--c-color-cyan-filled);
-  --c-color-cyan-filled: var(--c-color-cyan-6);
-  --c-color-cyan-filled-hover: var(--c-color-cyan-7);
-  --c-color-cyan-light: var(--c-color-cyan-1);
-  --c-color-cyan-light-hover: var(--c-color-cyan-2);
-  --c-color-cyan-light-color: var(--c-color-cyan-9);
-  --c-color-cyan-outline: var(--c-color-cyan-6);
-  --c-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
-  --c-color-teal-text: var(--c-color-teal-filled);
-  --c-color-teal-filled: var(--c-color-teal-6);
-  --c-color-teal-filled-hover: var(--c-color-teal-7);
-  --c-color-teal-light: var(--c-color-teal-1);
-  --c-color-teal-light-hover: var(--c-color-teal-2);
-  --c-color-teal-light-color: var(--c-color-teal-9);
-  --c-color-teal-outline: var(--c-color-teal-6);
-  --c-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
-  --c-color-green-text: var(--c-color-green-filled);
-  --c-color-green-filled: var(--c-color-green-6);
-  --c-color-green-filled-hover: var(--c-color-green-7);
-  --c-color-green-light: var(--c-color-green-1);
-  --c-color-green-light-hover: var(--c-color-green-2);
-  --c-color-green-light-color: var(--c-color-green-9);
-  --c-color-green-outline: var(--c-color-green-6);
-  --c-color-green-outline-hover: rgba(64, 192, 87, 0.05);
-  --c-color-lime-text: var(--c-color-lime-filled);
-  --c-color-lime-filled: var(--c-color-lime-6);
-  --c-color-lime-filled-hover: var(--c-color-lime-7);
-  --c-color-lime-light: var(--c-color-lime-1);
-  --c-color-lime-light-hover: var(--c-color-lime-2);
-  --c-color-lime-light-color: var(--c-color-lime-9);
-  --c-color-lime-outline: var(--c-color-lime-6);
-  --c-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
-  --c-color-yellow-text: var(--c-color-yellow-filled);
-  --c-color-yellow-filled: var(--c-color-yellow-6);
-  --c-color-yellow-filled-hover: var(--c-color-yellow-7);
-  --c-color-yellow-light: var(--c-color-yellow-1);
-  --c-color-yellow-light-hover: var(--c-color-yellow-2);
-  --c-color-yellow-light-color: var(--c-color-yellow-9);
-  --c-color-yellow-outline: var(--c-color-yellow-6);
-  --c-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
-  --c-color-orange-text: var(--c-color-orange-filled);
-  --c-color-orange-filled: var(--c-color-orange-6);
-  --c-color-orange-filled-hover: var(--c-color-orange-7);
-  --c-color-orange-light: var(--c-color-orange-1);
-  --c-color-orange-light-hover: var(--c-color-orange-2);
-  --c-color-orange-light-color: var(--c-color-orange-9);
-  --c-color-orange-outline: var(--c-color-orange-6);
-  --c-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
-}
-
-:root,
-:host {
-  color-scheme: var(--c-color-scheme);
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-body,
-:host {
-  margin: 0;
-  font-family: var(--c-font-family);
-  font-size: var(--c-font-size-md);
-  line-height: var(--c-line-height);
-  background-color: var(--c-color-body);
-  color: var(--c-color-text);
-
-  -webkit-font-smoothing: var(--c-webkit-font-smoothing);
-  -moz-osx-font-smoothing: var(--c-moz-font-smoothing);
-
-  @media screen and (max-device-width: em(500px)) {
-    -webkit-text-size-adjust: 100%;
-  }
-}
-
-.m_a244865c {
-  --loader-size-xs: 18px;
-  --loader-size-sm: 22px;
-  --loader-size-md: 36px;
-  --loader-size-lg: 44px;
-  --loader-size-xl: 58px;
-  --loader-size: var(--loader-size-md);
-  --loader-color: var(--c-primary-color-filled);
-}
-
-.m_a244865c,
-.m_a244865c *,
-.m_a244865c::before,
-.m_a244865c::after {
-  box-sizing: border-box;
-}
+.m_a244865c,
+.m_a244865c *,
+.m_a244865c::before,
+.m_a244865c::after {
+  box-sizing: border-box;
+}
 
 @keyframes m_774c277d {
   0% {
@@ -1856,110 +801,74 @@ body,
   }
 }
 
-[data-respect-reduced-motion] {
-  @media (prefers-reduced-motion: reduce) {
-    [data-reduce-motion] {
-      transition: none;
-      animation: none;
-    }
-  }
+.m_cd6f7c35 {
+  container: simple-grid / inline-size;
 }
 
-.c-light-hidden {
-  @mixin light {
-    display: none;
-  }
+.m_6bed50ae {
+  display: grid;
+  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
+  grid-auto-rows: var(--sg-auto-rows, auto);
+  gap: var(--sg-spacing-y) var(--sg-spacing-x);
 }
 
-.c-dark-hidden {
-  @mixin dark {
-    display: none;
-  }
+.m_6bed50ae[data-auto-cols='auto-fill'] {
+  grid-template-columns: repeat(auto-fill, minmax(var(--sg-min-col-width), 1fr));
 }
 
-.c-focus-auto {
-  &:focus-visible {
-    outline: 2px solid var(--c-primary-color-filled);
-    outline-offset: 2px;
-  }
+.m_6bed50ae[data-auto-cols='auto-fit'] {
+  grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
 }
 
-.c-focus-always {
-  &:focus {
-    outline: 2px solid var(--c-primary-color-filled);
-    outline-offset: 2px;
-  }
-}
+.m_3f669182 {
+  -webkit-tap-highlight-color: transparent;
+  text-decoration: none;
+  font-size: var(--text-fz, var(--c-font-size-md));
+  line-height: var(--text-lh, var(--c-line-height-md));
+  font-weight: var(--c-font-weight-regular);
+  text-wrap: var(--text-text-wrap, var(--c-text-wrap));
+  margin: 0;
+  padding: 0;
 
-.c-focus-never {
-  &:focus {
-    outline: none;
+  &:where([data-truncate]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
-}
 
-.c-active {
-  &:active {
-    transform: translateY(rem(1px));
-  }
+  &:where([data-truncate='start']) {
+    direction: rtl;
+    text-align: end;
 
-  fieldset:disabled &:active {
-    transform: none;
+    @mixin where-rtl {
+      direction: ltr;
+      text-align: start;
+    }
   }
-}
 
-.c-rotate-rtl {
-  @mixin where-rtl {
-    transform: rotate(180deg);
+  &:where([data-variant='gradient']) {
+    background-image: var(--text-gradient);
+    -webkit-text-fill-color: transparent;
+    -webkit-background-clip: text;
+    background-clip: text;
   }
-}
-
-.m_c031daba {
-  container: c-grid / inline-size;
-}
-
-.m_c9913309 {
-  --grid-overflow: visible;
-  --grid-column-gap: var(--grid-gap);
-  --grid-row-gap: var(--grid-gap);
-
-  overflow: var(--grid-overflow);
-}
-
-.m_6815e10f {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: var(--grid-justify);
-  align-items: var(--grid-align);
-  gap: var(--grid-row-gap) var(--grid-column-gap);
-}
-
-.m_92e36e79 {
-  --col-flex-grow: 0;
-  --col-offset: 0rem;
 
-  flex-shrink: 0;
-  order: var(--col-order);
-  flex-basis: var(--col-flex-basis);
-  width: var(--col-width);
-  max-width: var(--col-max-width);
-  flex-grow: var(--col-flex-grow);
-  margin-inline-start: var(--col-offset);
-  align-self: var(--col-align-self);
-}
+  &:where([data-line-clamp]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: var(--text-line-clamp);
+    -webkit-box-orient: vertical;
+  }
 
-.m_c9afe370 {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: var(--group-wrap, wrap);
-  justify-content: var(--group-justify, flex-start);
-  align-items: var(--group-align, center);
-  gap: var(--group-gap, var(--c-spacing-md));
+  &:where([data-inherit]) {
+    line-height: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+  }
 
-  &:where([data-grow]) {
-    & > * {
-      flex-grow: 1;
-      max-width: var(--group-child-width);
-    }
+  &:where([data-inline]) {
+    line-height: 1;
   }
 }
 
@@ -2226,50 +1135,3 @@ body,
   align-items: center;
   justify-content: center;
 }
-
-.m_cd6f7c35 {
-  container: simple-grid / inline-size;
-}
-
-.m_6bed50ae {
-  display: grid;
-  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
-  grid-auto-rows: var(--sg-auto-rows, auto);
-  gap: var(--sg-spacing-y) var(--sg-spacing-x);
-}
-
-.m_6bed50ae[data-auto-cols='auto-fill'] {
-  grid-template-columns: repeat(auto-fill, minmax(var(--sg-min-col-width), 1fr));
-}
-
-.m_6bed50ae[data-auto-cols='auto-fit'] {
-  grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
-}
-
-.m_537a2afc {
-  background-color: transparent;
-  cursor: pointer;
-  border: 0;
-  padding: 0;
-  appearance: none;
-  font-size: var(--c-font-size-md);
-  text-align: start;
-  text-decoration: none;
-  color: inherit;
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.m_537a2afc {
-  background-color: transparent;
-  cursor: pointer;
-  border: 0;
-  padding: 0;
-  appearance: none;
-  font-size: var(--c-font-size-md);
-  text-align: start;
-  text-decoration: none;
-  color: inherit;
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-}