:where([data-design-system="com-design"]) {
  --font-base: var(--com-design-font-base);
  --font-code: var(--com-design-font-code);
  --font-weight-emphasis: var(--com-design-font-weight-emphasis);
  --font-weight-heading: var(--com-design-font-weight-heading);
  --font-weight-normal: var(--com-design-font-weight-normal);
  --radius-2xl: var(--com-design-radius-2xl);
  --radius-3xl: var(--com-design-radius-3xl);
  --radius-4xl: var(--com-design-radius-4xl);
  --radius-full: var(--com-design-radius-full);
  --radius-lg: var(--com-design-radius-lg);
  --radius-md: var(--com-design-radius-md);
  --radius-sm: var(--com-design-radius-sm);
  --radius-xl: var(--com-design-radius-xl);
  --radius-xs: var(--com-design-radius-xs);
  --shadow-2xs: var(--com-design-shadow-2xs);
  --shadow-inset: var(--com-design-shadow-inset);
  --shadow-lg: var(--com-design-shadow-lg);
  --shadow-md: var(--com-design-shadow-md);
  --shadow-sm: var(--com-design-shadow-sm);
  --shadow-xs: var(--com-design-shadow-xs);
  --spacing-lg: var(--com-design-spacing-lg);
  --spacing-md: var(--com-design-spacing-md);
  --spacing-sm: var(--com-design-spacing-sm);
  --spacing-xl: var(--com-design-spacing-xl);
  --spacing-xs: var(--com-design-spacing-xs);
  --z-index-auto: var(--com-design-z-auto);
  --z-index-base: var(--com-design-z-base);
  --z-index-dialog: var(--com-design-z-dialog);
  --z-index-dialog-backdrop: var(--com-design-z-dialog-backdrop);
  --z-index-drawer: var(--com-design-z-drawer);
  --z-index-drawer-backdrop: var(--com-design-z-drawer-backdrop);
  --z-index-dropdown: var(--com-design-z-dropdown);
  --z-index-fixed: var(--com-design-z-fixed);
  --z-index-float-widget: var(--com-design-z-float-widget);
  --z-index-hide: var(--com-design-z-hide);
  --z-index-iframe: var(--com-design-z-iframe);
  --z-index-max: var(--com-design-z-max);
  --z-index-message: var(--com-design-z-message);
  --z-index-nav-dropdown: var(--com-design-z-nav-dropdown);
  --z-index-notification: var(--com-design-z-notification);
  --z-index-popover: var(--com-design-z-popover);
  --z-index-popup-inline: var(--com-design-z-popup-inline);
  --z-index-side-content: var(--com-design-z-side-content);
  --z-index-sidebar: var(--com-design-z-sidebar);
  --z-index-sticky: var(--com-design-z-sticky);
  --z-index-sub-nav: var(--com-design-z-sub-nav);
  --z-index-sys-backdrop: var(--com-design-z-sys-backdrop);
  --z-index-sys-dialog: var(--com-design-z-sys-dialog);
  --z-index-toast: var(--com-design-z-toast);
  --z-index-tooltip: var(--com-design-z-tooltip);
  --z-index-top-banner: var(--com-design-z-top-banner);
  --z-index-top-nav: var(--com-design-z-top-nav);
  --z-index-widget-popup: var(--com-design-z-widget-popup);
}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
:where([data-design-system="com-design"]) .z-auto {
  z-index: var(--z-index-auto);
}
:where([data-design-system="com-design"]) .z-base {
  z-index: var(--z-index-base);
}
:where([data-design-system="com-design"]) .z-dialog {
  z-index: var(--z-index-dialog);
}
:where([data-design-system="com-design"]) .z-dialog-backdrop {
  z-index: var(--z-index-dialog-backdrop);
}
:where([data-design-system="com-design"]) .z-drawer {
  z-index: var(--z-index-drawer);
}
:where([data-design-system="com-design"]) .z-drawer-backdrop {
  z-index: var(--z-index-drawer-backdrop);
}
:where([data-design-system="com-design"]) .z-dropdown {
  z-index: var(--z-index-dropdown);
}
:where([data-design-system="com-design"]) .z-fixed {
  z-index: var(--z-index-fixed);
}
:where([data-design-system="com-design"]) .z-float-widget {
  z-index: var(--z-index-float-widget);
}
:where([data-design-system="com-design"]) .z-hide {
  z-index: var(--z-index-hide);
}
:where([data-design-system="com-design"]) .z-iframe {
  z-index: var(--z-index-iframe);
}
:where([data-design-system="com-design"]) .z-max {
  z-index: var(--z-index-max);
}
:where([data-design-system="com-design"]) .z-message {
  z-index: var(--z-index-message);
}
:where([data-design-system="com-design"]) .z-nav-dropdown {
  z-index: var(--z-index-nav-dropdown);
}
:where([data-design-system="com-design"]) .z-notification {
  z-index: var(--z-index-notification);
}
:where([data-design-system="com-design"]) .z-popover {
  z-index: var(--z-index-popover);
}
:where([data-design-system="com-design"]) .z-popup-inline {
  z-index: var(--z-index-popup-inline);
}
:where([data-design-system="com-design"]) .z-side-content {
  z-index: var(--z-index-side-content);
}
:where([data-design-system="com-design"]) .z-sidebar {
  z-index: var(--z-index-sidebar);
}
:where([data-design-system="com-design"]) .z-sticky {
  z-index: var(--z-index-sticky);
}
:where([data-design-system="com-design"]) .z-sub-nav {
  z-index: var(--z-index-sub-nav);
}
:where([data-design-system="com-design"]) .z-sys-backdrop {
  z-index: var(--z-index-sys-backdrop);
}
:where([data-design-system="com-design"]) .z-sys-dialog {
  z-index: var(--z-index-sys-dialog);
}
:where([data-design-system="com-design"]) .z-toast {
  z-index: var(--z-index-toast);
}
:where([data-design-system="com-design"]) .z-tooltip {
  z-index: var(--z-index-tooltip);
}
:where([data-design-system="com-design"]) .z-top-banner {
  z-index: var(--z-index-top-banner);
}
:where([data-design-system="com-design"]) .z-top-nav {
  z-index: var(--z-index-top-nav);
}
:where([data-design-system="com-design"]) .z-widget-popup {
  z-index: var(--z-index-widget-popup);
}
:where([data-design-system="com-design"]) .m-lg {
  margin: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .m-md {
  margin: var(--spacing-md);
}
:where([data-design-system="com-design"]) .m-sm {
  margin: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .m-xl {
  margin: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .m-xs {
  margin: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .w-page {
  width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-pc) * 2);
  margin-inline: auto;
  @media (max-width: 1055px) {
    width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-h5) * 2);
  }
}
:where([data-design-system="com-design"]) .mx-lg {
  margin-inline: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .mx-md {
  margin-inline: var(--spacing-md);
}
:where([data-design-system="com-design"]) .mx-sm {
  margin-inline: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .mx-xl {
  margin-inline: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .mx-xs {
  margin-inline: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .my-lg {
  margin-block: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .my-md {
  margin-block: var(--spacing-md);
}
:where([data-design-system="com-design"]) .my-sm {
  margin-block: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .my-xl {
  margin-block: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .my-xs {
  margin-block: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .mt-lg {
  margin-top: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .mt-md {
  margin-top: var(--spacing-md);
}
:where([data-design-system="com-design"]) .mt-sm {
  margin-top: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .mt-xl {
  margin-top: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .mt-xs {
  margin-top: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .mr-lg {
  margin-right: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .mr-md {
  margin-right: var(--spacing-md);
}
:where([data-design-system="com-design"]) .mr-sm {
  margin-right: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .mr-xl {
  margin-right: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .mr-xs {
  margin-right: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .mb-lg {
  margin-bottom: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .mb-md {
  margin-bottom: var(--spacing-md);
}
:where([data-design-system="com-design"]) .mb-sm {
  margin-bottom: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .mb-xl {
  margin-bottom: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .mb-xs {
  margin-bottom: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .ml-lg {
  margin-left: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .ml-md {
  margin-left: var(--spacing-md);
}
:where([data-design-system="com-design"]) .ml-sm {
  margin-left: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .ml-xl {
  margin-left: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .ml-xs {
  margin-left: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .gap-lg {
  gap: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .gap-md {
  gap: var(--spacing-md);
}
:where([data-design-system="com-design"]) .gap-sm {
  gap: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .gap-xl {
  gap: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .gap-xs {
  gap: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .gap-x-lg {
  column-gap: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .gap-x-md {
  column-gap: var(--spacing-md);
}
:where([data-design-system="com-design"]) .gap-x-sm {
  column-gap: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .gap-x-xl {
  column-gap: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .gap-x-xs {
  column-gap: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .gap-y-lg {
  row-gap: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .gap-y-md {
  row-gap: var(--spacing-md);
}
:where([data-design-system="com-design"]) .gap-y-sm {
  row-gap: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .gap-y-xl {
  row-gap: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .gap-y-xs {
  row-gap: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .rounded-2xl {
  border-radius: var(--radius-2xl);
}
:where([data-design-system="com-design"]) .rounded-3xl {
  border-radius: var(--radius-3xl);
}
:where([data-design-system="com-design"]) .rounded-4xl {
  border-radius: var(--radius-4xl);
}
:where([data-design-system="com-design"]) .rounded-full {
  border-radius: var(--radius-full);
}
:where([data-design-system="com-design"]) .rounded-lg {
  border-radius: var(--radius-lg);
}
:where([data-design-system="com-design"]) .rounded-md {
  border-radius: var(--radius-md);
}
:where([data-design-system="com-design"]) .rounded-sm {
  border-radius: var(--radius-sm);
}
:where([data-design-system="com-design"]) .rounded-xl {
  border-radius: var(--radius-xl);
}
:where([data-design-system="com-design"]) .rounded-xs {
  border-radius: var(--radius-xs);
}
:where([data-design-system="com-design"]) .line-medium {
  border-width: var(--com-design-border-width-medium);
}
:where([data-design-system="com-design"]) .line-thick {
  border-width: var(--com-design-border-width-thick);
}
:where([data-design-system="com-design"]) .line-thin {
  border-width: var(--com-design-border-width-thin);
}
:where([data-design-system="com-design"]) .border-bold {
  border-color: var(--com-design-border-color-bold);
}
:where([data-design-system="com-design"]) .border-bolder {
  border-color: var(--com-design-border-color-bolder);
}
:where([data-design-system="com-design"]) .border-default {
  border-color: var(--com-design-border-color-default);
}
:where([data-design-system="com-design"]) .border-disabled {
  border-color: var(--com-design-border-color-disabled);
}
:where([data-design-system="com-design"]) .border-error {
  border-color: var(--com-design-border-color-error-default);
}
:where([data-design-system="com-design"]) .border-error-light {
  border-color: var(--com-design-border-color-error-light);
}
:where([data-design-system="com-design"]) .border-focus {
  border-color: var(--com-design-border-color-focus);
}
:where([data-design-system="com-design"]) .border-hover {
  border-color: var(--com-design-border-color-hover);
}
:where([data-design-system="com-design"]) .border-info {
  border-color: var(--com-design-border-color-info-default);
}
:where([data-design-system="com-design"]) .border-info-light {
  border-color: var(--com-design-border-color-info-light);
}
:where([data-design-system="com-design"]) .border-primary {
  border-color: var(--com-design-border-color-primary-default);
}
:where([data-design-system="com-design"]) .border-primary-hover {
  border-color: var(--com-design-border-color-primary-hover);
}
:where([data-design-system="com-design"]) .border-secondary {
  border-color: var(--com-design-border-color-secondary);
}
:where([data-design-system="com-design"]) .border-selected {
  border-color: var(--com-design-border-color-selected);
}
:where([data-design-system="com-design"]) .border-success {
  border-color: var(--com-design-border-color-success-default);
}
:where([data-design-system="com-design"]) .border-success-light {
  border-color: var(--com-design-border-color-success-light);
}
:where([data-design-system="com-design"]) .border-warning {
  border-color: var(--com-design-border-color-warning-default);
}
:where([data-design-system="com-design"]) .border-warning-light {
  border-color: var(--com-design-border-color-warning-light);
}
:where([data-design-system="com-design"]) .border-white {
  border-color: var(--com-design-border-color-white);
}
:where([data-design-system="com-design"]) .bg-active {
  background-color: var(--com-design-bg-color-active);
}
:where([data-design-system="com-design"]) .bg-bubble {
  background-color: var(--com-design-bg-color-bubble);
}
:where([data-design-system="com-design"]) .bg-default {
  background-color: var(--com-design-bg-color-default);
}
:where([data-design-system="com-design"]) .bg-disabled {
  background-color: var(--com-design-bg-color-disabled);
}
:where([data-design-system="com-design"]) .bg-error {
  background-color: var(--com-design-bg-color-error-default);
}
:where([data-design-system="com-design"]) .bg-error-hover {
  background-color: var(--com-design-bg-color-error-hover);
}
:where([data-design-system="com-design"]) .bg-error-light {
  background-color: var(--com-design-bg-color-error-light-default);
}
:where([data-design-system="com-design"]) .bg-error-light-hover {
  background-color: var(--com-design-bg-color-error-light-hover);
}
:where([data-design-system="com-design"]) .bg-focus {
  background-color: var(--com-design-bg-color-focus);
}
:where([data-design-system="com-design"]) .bg-gradient-base-primary {
  background-color: var(--com-design-bg-color-gradient-base-primary-default);
}
:where([data-design-system="com-design"]) .bg-gradient-base-primary-active {
  background-color: var(--com-design-bg-color-gradient-base-primary-active);
}
:where([data-design-system="com-design"]) .bg-gradient-base-primary-hover {
  background-color: var(--com-design-bg-color-gradient-base-primary-hover);
}
:where([data-design-system="com-design"]) .bg-hover {
  background-color: var(--com-design-bg-color-hover);
}
:where([data-design-system="com-design"]) .bg-info {
  background-color: var(--com-design-bg-color-info-default);
}
:where([data-design-system="com-design"]) .bg-info-hover {
  background-color: var(--com-design-bg-color-info-hover);
}
:where([data-design-system="com-design"]) .bg-info-light {
  background-color: var(--com-design-bg-color-info-light-default);
}
:where([data-design-system="com-design"]) .bg-info-light-hover {
  background-color: var(--com-design-bg-color-info-light-hover);
}
:where([data-design-system="com-design"]) .bg-mask {
  background-color: var(--com-design-bg-color-mask);
}
:where([data-design-system="com-design"]) .bg-primary {
  background-color: var(--com-design-bg-color-primary-default);
}
:where([data-design-system="com-design"]) .bg-primary-disabled {
  background-color: var(--com-design-bg-color-primary-disabled);
}
:where([data-design-system="com-design"]) .bg-primary-hover {
  background-color: var(--com-design-bg-color-primary-hover);
}
:where([data-design-system="com-design"]) .bg-primary-light {
  background-color: var(--com-design-bg-color-primary-light-default);
}
:where([data-design-system="com-design"]) .bg-primary-light-hover {
  background-color: var(--com-design-bg-color-primary-light-hover);
}
:where([data-design-system="com-design"]) .bg-primary-lighter {
  background-color: var(--com-design-bg-color-primary-lighter-default);
}
:where([data-design-system="com-design"]) .bg-primary-lighter-hover {
  background-color: var(--com-design-bg-color-primary-lighter-hover);
}
:where([data-design-system="com-design"]) .bg-secondary {
  background-color: var(--com-design-bg-color-secondary-default);
}
:where([data-design-system="com-design"]) .bg-secondary-hover {
  background-color: var(--com-design-bg-color-secondary-hover);
}
:where([data-design-system="com-design"]) .bg-selected {
  background-color: var(--com-design-bg-color-selected);
}
:where([data-design-system="com-design"]) .bg-subtle {
  background-color: var(--com-design-bg-color-subtle);
}
:where([data-design-system="com-design"]) .bg-success {
  background-color: var(--com-design-bg-color-success-default);
}
:where([data-design-system="com-design"]) .bg-success-hover {
  background-color: var(--com-design-bg-color-success-hover);
}
:where([data-design-system="com-design"]) .bg-success-light {
  background-color: var(--com-design-bg-color-success-light-default);
}
:where([data-design-system="com-design"]) .bg-success-light-hover {
  background-color: var(--com-design-bg-color-success-light-hover);
}
:where([data-design-system="com-design"]) .bg-warning {
  background-color: var(--com-design-bg-color-warning-default);
}
:where([data-design-system="com-design"]) .bg-warning-hover {
  background-color: var(--com-design-bg-color-warning-hover);
}
:where([data-design-system="com-design"]) .bg-warning-light {
  background-color: var(--com-design-bg-color-warning-light-default);
}
:where([data-design-system="com-design"]) .bg-warning-light-hover {
  background-color: var(--com-design-bg-color-warning-light-hover);
}
:where([data-design-system="com-design"]) .bg-white {
  background-color: var(--com-design-bg-color-white);
}
:where([data-design-system="com-design"]) .text-gradient-agent {
  background-image: var(--com-design-gradient-text-agent-default);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
:where([data-design-system="com-design"]) .text-gradient-agent-bold {
  background-image: var(--com-design-gradient-text-agent-bold);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
:where([data-design-system="com-design"]) .text-gradient-decorative {
  background-image: var(--com-design-gradient-text-decorative);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
:where([data-design-system="com-design"]) .text-gradient-simple {
  background-image: var(--com-design-gradient-text-simple);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
:where([data-design-system="com-design"]) .bg-gradient-agent {
  background-image: var(--com-design-gradient-background-agent-default);
}
:where([data-design-system="com-design"]) .bg-gradient-agent-subtle {
  background-image: var(--com-design-gradient-background-agent-subtle-default);
}
:where([data-design-system="com-design"]) .bg-gradient-agent-subtle-hover {
  background-image: var(--com-design-gradient-background-agent-subtle-hover);
}
:where([data-design-system="com-design"]) .bg-gradient-agent-subtlest {
  background-image: var(--com-design-gradient-background-agent-subtlest-default);
}
:where([data-design-system="com-design"]) .bg-gradient-agent-subtlest-hover {
  background-image: var(--com-design-gradient-background-agent-subtlest-hover);
}
:where([data-design-system="com-design"]) .bg-gradient-glass {
  background-image: var(--com-design-gradient-background-glass-default);
}
:where([data-design-system="com-design"]) .bg-gradient-glass-bold {
  background-image: var(--com-design-gradient-background-glass-bold);
}
:where([data-design-system="com-design"]) .bg-gradient-glass-subtle {
  background-image: var(--com-design-gradient-background-glass-subtle);
}
:where([data-design-system="com-design"]) .bg-gradient-primary {
  background-image: var(--com-design-gradient-background-primary-default);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-active {
  background-image: var(--com-design-gradient-background-primary-active);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-hover {
  background-image: var(--com-design-gradient-background-primary-hover);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-light {
  background-image: var(--com-design-gradient-background-primary-light-default);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-light-focus {
  background-image: var(--com-design-gradient-background-primary-light-focus);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-light-hover {
  background-image: var(--com-design-gradient-background-primary-light-hover);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-simple {
  background-image: var(--com-design-gradient-background-primary-simple-default);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-simple-active {
  background-image: var(--com-design-gradient-background-primary-simple-active);
}
:where([data-design-system="com-design"]) .bg-gradient-primary-simple-hover {
  background-image: var(--com-design-gradient-background-primary-simple-hover);
}
:where([data-design-system="com-design"]) .p-lg {
  padding: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .p-md {
  padding: var(--spacing-md);
}
:where([data-design-system="com-design"]) .p-sm {
  padding: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .p-xl {
  padding: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .p-xs {
  padding: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .px-lg {
  padding-inline: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .px-md {
  padding-inline: var(--spacing-md);
}
:where([data-design-system="com-design"]) .px-sm {
  padding-inline: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .px-xl {
  padding-inline: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .px-xs {
  padding-inline: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .py-lg {
  padding-block: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .py-md {
  padding-block: var(--spacing-md);
}
:where([data-design-system="com-design"]) .py-sm {
  padding-block: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .py-xl {
  padding-block: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .py-xs {
  padding-block: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .pt-lg {
  padding-top: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .pt-md {
  padding-top: var(--spacing-md);
}
:where([data-design-system="com-design"]) .pt-sm {
  padding-top: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .pt-xl {
  padding-top: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .pt-xs {
  padding-top: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .pr-lg {
  padding-right: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .pr-md {
  padding-right: var(--spacing-md);
}
:where([data-design-system="com-design"]) .pr-sm {
  padding-right: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .pr-xl {
  padding-right: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .pr-xs {
  padding-right: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .pb-lg {
  padding-bottom: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .pb-md {
  padding-bottom: var(--spacing-md);
}
:where([data-design-system="com-design"]) .pb-sm {
  padding-bottom: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .pb-xl {
  padding-bottom: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .pb-xs {
  padding-bottom: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .pl-lg {
  padding-left: var(--spacing-lg);
}
:where([data-design-system="com-design"]) .pl-md {
  padding-left: var(--spacing-md);
}
:where([data-design-system="com-design"]) .pl-sm {
  padding-left: var(--spacing-sm);
}
:where([data-design-system="com-design"]) .pl-xl {
  padding-left: var(--spacing-xl);
}
:where([data-design-system="com-design"]) .pl-xs {
  padding-left: var(--spacing-xs);
}
:where([data-design-system="com-design"]) .font-base {
  font-family: var(--font-base);
}
:where([data-design-system="com-design"]) .font-code {
  font-family: var(--font-code);
}
:where([data-design-system="com-design"]) .type-title-1 {
  font-size: var(--com-design-type-title-1-font-size);
  line-height: var(--com-design-type-title-1-line-height);
  letter-spacing: var(--com-design-type-title-1-letter-spacing);
  @media (max-width: 1055px) {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 0px;
  }
}
:where([data-design-system="com-design"]) .type-display {
  font-size: var(--com-design-type-display-font-size);
  line-height: var(--com-design-type-display-line-height);
  letter-spacing: var(--com-design-type-display-letter-spacing);
  @media (max-width: 1055px) {
    font-size: 28px;
    line-height: 42px;
  }
}
:where([data-design-system="com-design"]) .type-title-2 {
  font-size: var(--com-design-type-title-2-font-size);
  line-height: var(--com-design-type-title-2-line-height);
  letter-spacing: var(--com-design-type-title-2-letter-spacing);
  @media (max-width: 1055px) {
    font-size: 22px;
    line-height: 32px;
  }
}
:where([data-design-system="com-design"]) .type-title-3 {
  font-size: var(--com-design-type-title-3-font-size);
  line-height: var(--com-design-type-title-3-line-height);
  letter-spacing: var(--com-design-type-title-3-letter-spacing);
  @media (max-width: 1055px) {
    font-size: 20px;
    line-height: 30px;
  }
}
:where([data-design-system="com-design"]) .type-body-1 {
  font-size: var(--com-design-type-body-1-font-size);
  line-height: var(--com-design-type-body-1-line-height);
  letter-spacing: var(--com-design-type-body-1-letter-spacing);
}
:where([data-design-system="com-design"]) .type-body-2 {
  font-size: var(--com-design-type-body-2-font-size);
  line-height: var(--com-design-type-body-2-line-height);
  letter-spacing: var(--com-design-type-body-2-letter-spacing);
}
:where([data-design-system="com-design"]) .type-caption-1 {
  font-size: var(--com-design-type-caption-1-font-size);
  line-height: var(--com-design-type-caption-1-line-height);
  letter-spacing: var(--com-design-type-caption-1-letter-spacing);
}
:where([data-design-system="com-design"]) .type-caption-2 {
  font-size: var(--com-design-type-caption-2-font-size);
  line-height: var(--com-design-type-caption-2-line-height);
  letter-spacing: var(--com-design-type-caption-2-letter-spacing);
}
:where([data-design-system="com-design"]) .type-subtitle-1 {
  font-size: var(--com-design-type-subtitle-1-font-size);
  line-height: var(--com-design-type-subtitle-1-line-height);
  letter-spacing: var(--com-design-type-subtitle-1-letter-spacing);
}
:where([data-design-system="com-design"]) .type-subtitle-2 {
  font-size: var(--com-design-type-subtitle-2-font-size);
  line-height: var(--com-design-type-subtitle-2-line-height);
  letter-spacing: var(--com-design-type-subtitle-2-letter-spacing);
}
:where([data-design-system="com-design"]) .type-subtitle-3 {
  font-size: var(--com-design-type-subtitle-3-font-size);
  line-height: var(--com-design-type-subtitle-3-line-height);
  letter-spacing: var(--com-design-type-subtitle-3-letter-spacing);
}
:where([data-design-system="com-design"]) .font-emphasis {
  --tw-font-weight: var(--font-weight-emphasis);
  font-weight: var(--font-weight-emphasis);
}
:where([data-design-system="com-design"]) .font-heading {
  --tw-font-weight: var(--font-weight-heading);
  font-weight: var(--font-weight-heading);
}
:where([data-design-system="com-design"]) .font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
:where([data-design-system="com-design"]) .text-default {
  color: var(--com-design-fg-color-default);
}
:where([data-design-system="com-design"]) .text-disabled {
  color: var(--com-design-fg-color-disabled);
}
:where([data-design-system="com-design"]) .text-error {
  color: var(--com-design-fg-color-error);
}
:where([data-design-system="com-design"]) .text-info {
  color: var(--com-design-fg-color-info);
}
:where([data-design-system="com-design"]) .text-link {
  color: var(--com-design-fg-color-link-default);
}
:where([data-design-system="com-design"]) .text-link-active {
  color: var(--com-design-fg-color-link-active);
}
:where([data-design-system="com-design"]) .text-link-disabled {
  color: var(--com-design-fg-color-link-disabled);
}
:where([data-design-system="com-design"]) .text-link-hover {
  color: var(--com-design-fg-color-link-hover);
}
:where([data-design-system="com-design"]) .text-link-visited {
  color: var(--com-design-fg-color-link-visited);
}
:where([data-design-system="com-design"]) .text-placeholder {
  color: var(--com-design-fg-color-placeholder);
}
:where([data-design-system="com-design"]) .text-primary {
  color: var(--com-design-fg-color-primary);
}
:where([data-design-system="com-design"]) .text-secondary {
  color: var(--com-design-fg-color-secondary);
}
:where([data-design-system="com-design"]) .text-selected {
  color: var(--com-design-fg-color-selected);
}
:where([data-design-system="com-design"]) .text-subtle {
  color: var(--com-design-fg-color-subtle);
}
:where([data-design-system="com-design"]) .text-subtler {
  color: var(--com-design-fg-color-subtler);
}
:where([data-design-system="com-design"]) .text-subtlest {
  color: var(--com-design-fg-color-subtlest);
}
:where([data-design-system="com-design"]) .text-success {
  color: var(--com-design-fg-color-success);
}
:where([data-design-system="com-design"]) .text-warning {
  color: var(--com-design-fg-color-warning);
}
:where([data-design-system="com-design"]) .text-white {
  color: var(--com-design-fg-color-white);
}
:where([data-design-system="com-design"]) .shadow-2xs {
  --tw-shadow: var(--com-design-shadow-2xs);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where([data-design-system="com-design"]) .shadow-inset {
  --tw-shadow: var(--com-design-shadow-inset);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where([data-design-system="com-design"]) .shadow-lg {
  --tw-shadow: var(--com-design-shadow-lg);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where([data-design-system="com-design"]) .shadow-md {
  --tw-shadow: var(--com-design-shadow-md);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where([data-design-system="com-design"]) .shadow-sm {
  --tw-shadow: var(--com-design-shadow-sm);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where([data-design-system="com-design"]) .shadow-xs {
  --tw-shadow: var(--com-design-shadow-xs);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where([data-design-system="com-design"]) .backdrop-blur-lg {
  backdrop-filter: blur(var(--com-design-blur-lg));
}
:where([data-design-system="com-design"]) .backdrop-blur-md {
  backdrop-filter: blur(var(--com-design-blur-md));
}
:where([data-design-system="com-design"]) .backdrop-blur-sm {
  backdrop-filter: blur(var(--com-design-blur-sm));
}
:where([data-design-system="com-design"]) .duration-fast {
  transition-duration: var(--com-design-duration-fast);
}
:where([data-design-system="com-design"]) .duration-normal {
  transition-duration: var(--com-design-duration-normal);
}
:where([data-design-system="com-design"]) .duration-slow {
  transition-duration: var(--com-design-duration-slow);
}
:where([data-design-system="com-design"]) .duration-slower {
  transition-duration: var(--com-design-duration-slower);
}
@media (max-width: 1055px) {
  :where([data-design-system="com-design"]) .h5\:z-base {
    z-index: var(--z-index-base);
  }
  :where([data-design-system="com-design"]) .h5\:z-fixed {
    z-index: var(--z-index-fixed);
  }
  :where([data-design-system="com-design"]) .h5\:z-sticky {
    z-index: var(--z-index-sticky);
  }
  :where([data-design-system="com-design"]) .h5\:m-lg {
    margin: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:m-md {
    margin: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:m-sm {
    margin: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:m-xl {
    margin: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:m-xs {
    margin: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:w-page {
    width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-pc) * 2);
    margin-inline: auto;
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .h5\:w-page {
      width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-h5) * 2);
    }
  }
  :where([data-design-system="com-design"]) .h5\:mx-lg {
    margin-inline: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:mx-md {
    margin-inline: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:mx-sm {
    margin-inline: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:mx-xl {
    margin-inline: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:mx-xs {
    margin-inline: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:my-lg {
    margin-block: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:my-md {
    margin-block: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:my-sm {
    margin-block: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:my-xl {
    margin-block: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:my-xs {
    margin-block: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:mt-lg {
    margin-top: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:mt-md {
    margin-top: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:mt-sm {
    margin-top: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:mt-xl {
    margin-top: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:mt-xs {
    margin-top: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:mr-lg {
    margin-right: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:mr-md {
    margin-right: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:mr-sm {
    margin-right: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:mr-xl {
    margin-right: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:mr-xs {
    margin-right: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:mb-lg {
    margin-bottom: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:mb-md {
    margin-bottom: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:mb-sm {
    margin-bottom: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:mb-xl {
    margin-bottom: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:mb-xs {
    margin-bottom: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:ml-lg {
    margin-left: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:ml-md {
    margin-left: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:ml-sm {
    margin-left: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:ml-xl {
    margin-left: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:ml-xs {
    margin-left: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:gap-lg {
    gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:gap-md {
    gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:gap-sm {
    gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:gap-xl {
    gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:gap-xs {
    gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:gap-x-lg {
    column-gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:gap-x-md {
    column-gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:gap-x-sm {
    column-gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:gap-x-xl {
    column-gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:gap-x-xs {
    column-gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:gap-y-lg {
    row-gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:gap-y-md {
    row-gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:gap-y-sm {
    row-gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:gap-y-xl {
    row-gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:gap-y-xs {
    row-gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-full {
    border-radius: var(--radius-full);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-md {
    border-radius: var(--radius-md);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  :where([data-design-system="com-design"]) .h5\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  :where([data-design-system="com-design"]) .h5\:border-bold {
    border-color: var(--com-design-border-color-bold);
  }
  :where([data-design-system="com-design"]) .h5\:border-bolder {
    border-color: var(--com-design-border-color-bolder);
  }
  :where([data-design-system="com-design"]) .h5\:border-default {
    border-color: var(--com-design-border-color-default);
  }
  :where([data-design-system="com-design"]) .h5\:border-disabled {
    border-color: var(--com-design-border-color-disabled);
  }
  :where([data-design-system="com-design"]) .h5\:border-error {
    border-color: var(--com-design-border-color-error-default);
  }
  :where([data-design-system="com-design"]) .h5\:border-error-light {
    border-color: var(--com-design-border-color-error-light);
  }
  :where([data-design-system="com-design"]) .h5\:border-focus {
    border-color: var(--com-design-border-color-focus);
  }
  :where([data-design-system="com-design"]) .h5\:border-hover {
    border-color: var(--com-design-border-color-hover);
  }
  :where([data-design-system="com-design"]) .h5\:border-info {
    border-color: var(--com-design-border-color-info-default);
  }
  :where([data-design-system="com-design"]) .h5\:border-info-light {
    border-color: var(--com-design-border-color-info-light);
  }
  :where([data-design-system="com-design"]) .h5\:border-primary {
    border-color: var(--com-design-border-color-primary-default);
  }
  :where([data-design-system="com-design"]) .h5\:border-primary-hover {
    border-color: var(--com-design-border-color-primary-hover);
  }
  :where([data-design-system="com-design"]) .h5\:border-secondary {
    border-color: var(--com-design-border-color-secondary);
  }
  :where([data-design-system="com-design"]) .h5\:border-selected {
    border-color: var(--com-design-border-color-selected);
  }
  :where([data-design-system="com-design"]) .h5\:border-success {
    border-color: var(--com-design-border-color-success-default);
  }
  :where([data-design-system="com-design"]) .h5\:border-success-light {
    border-color: var(--com-design-border-color-success-light);
  }
  :where([data-design-system="com-design"]) .h5\:border-warning {
    border-color: var(--com-design-border-color-warning-default);
  }
  :where([data-design-system="com-design"]) .h5\:border-warning-light {
    border-color: var(--com-design-border-color-warning-light);
  }
  :where([data-design-system="com-design"]) .h5\:border-white {
    border-color: var(--com-design-border-color-white);
  }
  :where([data-design-system="com-design"]) .h5\:bg-active {
    background-color: var(--com-design-bg-color-active);
  }
  :where([data-design-system="com-design"]) .h5\:bg-bubble {
    background-color: var(--com-design-bg-color-bubble);
  }
  :where([data-design-system="com-design"]) .h5\:bg-default {
    background-color: var(--com-design-bg-color-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-disabled {
    background-color: var(--com-design-bg-color-disabled);
  }
  :where([data-design-system="com-design"]) .h5\:bg-error {
    background-color: var(--com-design-bg-color-error-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-error-hover {
    background-color: var(--com-design-bg-color-error-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-error-light {
    background-color: var(--com-design-bg-color-error-light-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-error-light-hover {
    background-color: var(--com-design-bg-color-error-light-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-focus {
    background-color: var(--com-design-bg-color-focus);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-base-primary {
    background-color: var(--com-design-bg-color-gradient-base-primary-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-base-primary-active {
    background-color: var(--com-design-bg-color-gradient-base-primary-active);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-base-primary-hover {
    background-color: var(--com-design-bg-color-gradient-base-primary-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-hover {
    background-color: var(--com-design-bg-color-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-info {
    background-color: var(--com-design-bg-color-info-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-info-hover {
    background-color: var(--com-design-bg-color-info-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-info-light {
    background-color: var(--com-design-bg-color-info-light-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-info-light-hover {
    background-color: var(--com-design-bg-color-info-light-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-mask {
    background-color: var(--com-design-bg-color-mask);
  }
  :where([data-design-system="com-design"]) .h5\:bg-primary {
    background-color: var(--com-design-bg-color-primary-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-primary-disabled {
    background-color: var(--com-design-bg-color-primary-disabled);
  }
  :where([data-design-system="com-design"]) .h5\:bg-primary-hover {
    background-color: var(--com-design-bg-color-primary-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-primary-light {
    background-color: var(--com-design-bg-color-primary-light-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-primary-light-hover {
    background-color: var(--com-design-bg-color-primary-light-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-primary-lighter {
    background-color: var(--com-design-bg-color-primary-lighter-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-primary-lighter-hover {
    background-color: var(--com-design-bg-color-primary-lighter-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-secondary {
    background-color: var(--com-design-bg-color-secondary-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-secondary-hover {
    background-color: var(--com-design-bg-color-secondary-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-selected {
    background-color: var(--com-design-bg-color-selected);
  }
  :where([data-design-system="com-design"]) .h5\:bg-subtle {
    background-color: var(--com-design-bg-color-subtle);
  }
  :where([data-design-system="com-design"]) .h5\:bg-success {
    background-color: var(--com-design-bg-color-success-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-success-hover {
    background-color: var(--com-design-bg-color-success-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-success-light {
    background-color: var(--com-design-bg-color-success-light-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-success-light-hover {
    background-color: var(--com-design-bg-color-success-light-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-warning {
    background-color: var(--com-design-bg-color-warning-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-warning-hover {
    background-color: var(--com-design-bg-color-warning-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-warning-light {
    background-color: var(--com-design-bg-color-warning-light-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-warning-light-hover {
    background-color: var(--com-design-bg-color-warning-light-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-white {
    background-color: var(--com-design-bg-color-white);
  }
  :where([data-design-system="com-design"]) .h5\:text-gradient-agent {
    background-image: var(--com-design-gradient-text-agent-default);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .h5\:text-gradient-agent-bold {
    background-image: var(--com-design-gradient-text-agent-bold);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .h5\:text-gradient-decorative {
    background-image: var(--com-design-gradient-text-decorative);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .h5\:text-gradient-simple {
    background-image: var(--com-design-gradient-text-simple);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-agent {
    background-image: var(--com-design-gradient-background-agent-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-agent-subtle {
    background-image: var(--com-design-gradient-background-agent-subtle-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-agent-subtle-hover {
    background-image: var(--com-design-gradient-background-agent-subtle-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-agent-subtlest {
    background-image: var(--com-design-gradient-background-agent-subtlest-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-agent-subtlest-hover {
    background-image: var(--com-design-gradient-background-agent-subtlest-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-glass {
    background-image: var(--com-design-gradient-background-glass-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-glass-bold {
    background-image: var(--com-design-gradient-background-glass-bold);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-glass-subtle {
    background-image: var(--com-design-gradient-background-glass-subtle);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary {
    background-image: var(--com-design-gradient-background-primary-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-active {
    background-image: var(--com-design-gradient-background-primary-active);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-hover {
    background-image: var(--com-design-gradient-background-primary-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-light {
    background-image: var(--com-design-gradient-background-primary-light-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-light-focus {
    background-image: var(--com-design-gradient-background-primary-light-focus);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-light-hover {
    background-image: var(--com-design-gradient-background-primary-light-hover);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-simple {
    background-image: var(--com-design-gradient-background-primary-simple-default);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-simple-active {
    background-image: var(--com-design-gradient-background-primary-simple-active);
  }
  :where([data-design-system="com-design"]) .h5\:bg-gradient-primary-simple-hover {
    background-image: var(--com-design-gradient-background-primary-simple-hover);
  }
  :where([data-design-system="com-design"]) .h5\:p-lg {
    padding: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:p-md {
    padding: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:p-sm {
    padding: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:p-xl {
    padding: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:p-xs {
    padding: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:px-lg {
    padding-inline: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:px-md {
    padding-inline: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:px-sm {
    padding-inline: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:px-xl {
    padding-inline: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:px-xs {
    padding-inline: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:py-lg {
    padding-block: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:py-md {
    padding-block: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:py-sm {
    padding-block: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:py-xl {
    padding-block: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:py-xs {
    padding-block: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:pt-lg {
    padding-top: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:pt-md {
    padding-top: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:pt-sm {
    padding-top: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:pt-xl {
    padding-top: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:pt-xs {
    padding-top: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:pr-lg {
    padding-right: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:pr-md {
    padding-right: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:pr-sm {
    padding-right: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:pr-xl {
    padding-right: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:pr-xs {
    padding-right: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:pb-lg {
    padding-bottom: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:pb-md {
    padding-bottom: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:pb-sm {
    padding-bottom: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:pb-xl {
    padding-bottom: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:pb-xs {
    padding-bottom: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:pl-lg {
    padding-left: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .h5\:pl-md {
    padding-left: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .h5\:pl-sm {
    padding-left: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .h5\:pl-xl {
    padding-left: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .h5\:pl-xs {
    padding-left: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .h5\:font-base {
    font-family: var(--font-base);
  }
  :where([data-design-system="com-design"]) .h5\:font-code {
    font-family: var(--font-code);
  }
  :where([data-design-system="com-design"]) .h5\:type-title-1 {
    font-size: var(--com-design-type-title-1-font-size);
    line-height: var(--com-design-type-title-1-line-height);
    letter-spacing: var(--com-design-type-title-1-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .h5\:type-title-1 {
      font-size: 26px;
      line-height: 40px;
      letter-spacing: 0px;
    }
  }
  :where([data-design-system="com-design"]) .h5\:type-display {
    font-size: var(--com-design-type-display-font-size);
    line-height: var(--com-design-type-display-line-height);
    letter-spacing: var(--com-design-type-display-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .h5\:type-display {
      font-size: 28px;
      line-height: 42px;
    }
  }
  :where([data-design-system="com-design"]) .h5\:type-title-2 {
    font-size: var(--com-design-type-title-2-font-size);
    line-height: var(--com-design-type-title-2-line-height);
    letter-spacing: var(--com-design-type-title-2-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .h5\:type-title-2 {
      font-size: 22px;
      line-height: 32px;
    }
  }
  :where([data-design-system="com-design"]) .h5\:type-title-3 {
    font-size: var(--com-design-type-title-3-font-size);
    line-height: var(--com-design-type-title-3-line-height);
    letter-spacing: var(--com-design-type-title-3-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .h5\:type-title-3 {
      font-size: 20px;
      line-height: 30px;
    }
  }
  :where([data-design-system="com-design"]) .h5\:type-body-1 {
    font-size: var(--com-design-type-body-1-font-size);
    line-height: var(--com-design-type-body-1-line-height);
    letter-spacing: var(--com-design-type-body-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .h5\:type-body-2 {
    font-size: var(--com-design-type-body-2-font-size);
    line-height: var(--com-design-type-body-2-line-height);
    letter-spacing: var(--com-design-type-body-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .h5\:type-caption-1 {
    font-size: var(--com-design-type-caption-1-font-size);
    line-height: var(--com-design-type-caption-1-line-height);
    letter-spacing: var(--com-design-type-caption-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .h5\:type-caption-2 {
    font-size: var(--com-design-type-caption-2-font-size);
    line-height: var(--com-design-type-caption-2-line-height);
    letter-spacing: var(--com-design-type-caption-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .h5\:type-subtitle-1 {
    font-size: var(--com-design-type-subtitle-1-font-size);
    line-height: var(--com-design-type-subtitle-1-line-height);
    letter-spacing: var(--com-design-type-subtitle-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .h5\:type-subtitle-2 {
    font-size: var(--com-design-type-subtitle-2-font-size);
    line-height: var(--com-design-type-subtitle-2-line-height);
    letter-spacing: var(--com-design-type-subtitle-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .h5\:type-subtitle-3 {
    font-size: var(--com-design-type-subtitle-3-font-size);
    line-height: var(--com-design-type-subtitle-3-line-height);
    letter-spacing: var(--com-design-type-subtitle-3-letter-spacing);
  }
  :where([data-design-system="com-design"]) .h5\:font-emphasis {
    --tw-font-weight: var(--font-weight-emphasis);
    font-weight: var(--font-weight-emphasis);
  }
  :where([data-design-system="com-design"]) .h5\:font-heading {
    --tw-font-weight: var(--font-weight-heading);
    font-weight: var(--font-weight-heading);
  }
  :where([data-design-system="com-design"]) .h5\:font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  :where([data-design-system="com-design"]) .h5\:text-default {
    color: var(--com-design-fg-color-default);
  }
  :where([data-design-system="com-design"]) .h5\:text-disabled {
    color: var(--com-design-fg-color-disabled);
  }
  :where([data-design-system="com-design"]) .h5\:text-error {
    color: var(--com-design-fg-color-error);
  }
  :where([data-design-system="com-design"]) .h5\:text-info {
    color: var(--com-design-fg-color-info);
  }
  :where([data-design-system="com-design"]) .h5\:text-link {
    color: var(--com-design-fg-color-link-default);
  }
  :where([data-design-system="com-design"]) .h5\:text-link-active {
    color: var(--com-design-fg-color-link-active);
  }
  :where([data-design-system="com-design"]) .h5\:text-link-disabled {
    color: var(--com-design-fg-color-link-disabled);
  }
  :where([data-design-system="com-design"]) .h5\:text-link-hover {
    color: var(--com-design-fg-color-link-hover);
  }
  :where([data-design-system="com-design"]) .h5\:text-link-visited {
    color: var(--com-design-fg-color-link-visited);
  }
  :where([data-design-system="com-design"]) .h5\:text-placeholder {
    color: var(--com-design-fg-color-placeholder);
  }
  :where([data-design-system="com-design"]) .h5\:text-primary {
    color: var(--com-design-fg-color-primary);
  }
  :where([data-design-system="com-design"]) .h5\:text-secondary {
    color: var(--com-design-fg-color-secondary);
  }
  :where([data-design-system="com-design"]) .h5\:text-selected {
    color: var(--com-design-fg-color-selected);
  }
  :where([data-design-system="com-design"]) .h5\:text-subtle {
    color: var(--com-design-fg-color-subtle);
  }
  :where([data-design-system="com-design"]) .h5\:text-subtler {
    color: var(--com-design-fg-color-subtler);
  }
  :where([data-design-system="com-design"]) .h5\:text-subtlest {
    color: var(--com-design-fg-color-subtlest);
  }
  :where([data-design-system="com-design"]) .h5\:text-success {
    color: var(--com-design-fg-color-success);
  }
  :where([data-design-system="com-design"]) .h5\:text-warning {
    color: var(--com-design-fg-color-warning);
  }
  :where([data-design-system="com-design"]) .h5\:text-white {
    color: var(--com-design-fg-color-white);
  }
  :where([data-design-system="com-design"]) .h5\:shadow-2xs {
    --tw-shadow: var(--com-design-shadow-2xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .h5\:shadow-inset {
    --tw-shadow: var(--com-design-shadow-inset);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .h5\:shadow-lg {
    --tw-shadow: var(--com-design-shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .h5\:shadow-md {
    --tw-shadow: var(--com-design-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .h5\:shadow-sm {
    --tw-shadow: var(--com-design-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .h5\:shadow-xs {
    --tw-shadow: var(--com-design-shadow-xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (width > 1055px) and (width < 1920px) {
  :where([data-design-system="com-design"]) .pc\:z-base {
    z-index: var(--z-index-base);
  }
  :where([data-design-system="com-design"]) .pc\:z-fixed {
    z-index: var(--z-index-fixed);
  }
  :where([data-design-system="com-design"]) .pc\:z-sticky {
    z-index: var(--z-index-sticky);
  }
  :where([data-design-system="com-design"]) .pc\:m-lg {
    margin: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:m-md {
    margin: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:m-sm {
    margin: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:m-xl {
    margin: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:m-xs {
    margin: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:w-page {
    width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-pc) * 2);
    margin-inline: auto;
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .pc\:w-page {
      width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-h5) * 2);
    }
  }
  :where([data-design-system="com-design"]) .pc\:mx-lg {
    margin-inline: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:mx-md {
    margin-inline: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:mx-sm {
    margin-inline: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:mx-xl {
    margin-inline: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:mx-xs {
    margin-inline: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:my-lg {
    margin-block: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:my-md {
    margin-block: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:my-sm {
    margin-block: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:my-xl {
    margin-block: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:my-xs {
    margin-block: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:mt-lg {
    margin-top: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:mt-md {
    margin-top: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:mt-sm {
    margin-top: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:mt-xl {
    margin-top: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:mt-xs {
    margin-top: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:mr-lg {
    margin-right: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:mr-md {
    margin-right: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:mr-sm {
    margin-right: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:mr-xl {
    margin-right: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:mr-xs {
    margin-right: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:mb-lg {
    margin-bottom: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:mb-md {
    margin-bottom: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:mb-sm {
    margin-bottom: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:mb-xl {
    margin-bottom: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:mb-xs {
    margin-bottom: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:ml-lg {
    margin-left: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:ml-md {
    margin-left: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:ml-sm {
    margin-left: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:ml-xl {
    margin-left: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:ml-xs {
    margin-left: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:gap-lg {
    gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:gap-md {
    gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:gap-sm {
    gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:gap-xl {
    gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:gap-xs {
    gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:gap-x-lg {
    column-gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:gap-x-md {
    column-gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:gap-x-sm {
    column-gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:gap-x-xl {
    column-gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:gap-x-xs {
    column-gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:gap-y-lg {
    row-gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:gap-y-md {
    row-gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:gap-y-sm {
    row-gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:gap-y-xl {
    row-gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:gap-y-xs {
    row-gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-full {
    border-radius: var(--radius-full);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-md {
    border-radius: var(--radius-md);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  :where([data-design-system="com-design"]) .pc\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  :where([data-design-system="com-design"]) .pc\:border-bold {
    border-color: var(--com-design-border-color-bold);
  }
  :where([data-design-system="com-design"]) .pc\:border-bolder {
    border-color: var(--com-design-border-color-bolder);
  }
  :where([data-design-system="com-design"]) .pc\:border-default {
    border-color: var(--com-design-border-color-default);
  }
  :where([data-design-system="com-design"]) .pc\:border-disabled {
    border-color: var(--com-design-border-color-disabled);
  }
  :where([data-design-system="com-design"]) .pc\:border-error {
    border-color: var(--com-design-border-color-error-default);
  }
  :where([data-design-system="com-design"]) .pc\:border-error-light {
    border-color: var(--com-design-border-color-error-light);
  }
  :where([data-design-system="com-design"]) .pc\:border-focus {
    border-color: var(--com-design-border-color-focus);
  }
  :where([data-design-system="com-design"]) .pc\:border-hover {
    border-color: var(--com-design-border-color-hover);
  }
  :where([data-design-system="com-design"]) .pc\:border-info {
    border-color: var(--com-design-border-color-info-default);
  }
  :where([data-design-system="com-design"]) .pc\:border-info-light {
    border-color: var(--com-design-border-color-info-light);
  }
  :where([data-design-system="com-design"]) .pc\:border-primary {
    border-color: var(--com-design-border-color-primary-default);
  }
  :where([data-design-system="com-design"]) .pc\:border-primary-hover {
    border-color: var(--com-design-border-color-primary-hover);
  }
  :where([data-design-system="com-design"]) .pc\:border-secondary {
    border-color: var(--com-design-border-color-secondary);
  }
  :where([data-design-system="com-design"]) .pc\:border-selected {
    border-color: var(--com-design-border-color-selected);
  }
  :where([data-design-system="com-design"]) .pc\:border-success {
    border-color: var(--com-design-border-color-success-default);
  }
  :where([data-design-system="com-design"]) .pc\:border-success-light {
    border-color: var(--com-design-border-color-success-light);
  }
  :where([data-design-system="com-design"]) .pc\:border-warning {
    border-color: var(--com-design-border-color-warning-default);
  }
  :where([data-design-system="com-design"]) .pc\:border-warning-light {
    border-color: var(--com-design-border-color-warning-light);
  }
  :where([data-design-system="com-design"]) .pc\:border-white {
    border-color: var(--com-design-border-color-white);
  }
  :where([data-design-system="com-design"]) .pc\:bg-active {
    background-color: var(--com-design-bg-color-active);
  }
  :where([data-design-system="com-design"]) .pc\:bg-bubble {
    background-color: var(--com-design-bg-color-bubble);
  }
  :where([data-design-system="com-design"]) .pc\:bg-default {
    background-color: var(--com-design-bg-color-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-disabled {
    background-color: var(--com-design-bg-color-disabled);
  }
  :where([data-design-system="com-design"]) .pc\:bg-error {
    background-color: var(--com-design-bg-color-error-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-error-hover {
    background-color: var(--com-design-bg-color-error-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-error-light {
    background-color: var(--com-design-bg-color-error-light-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-error-light-hover {
    background-color: var(--com-design-bg-color-error-light-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-focus {
    background-color: var(--com-design-bg-color-focus);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-base-primary {
    background-color: var(--com-design-bg-color-gradient-base-primary-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-base-primary-active {
    background-color: var(--com-design-bg-color-gradient-base-primary-active);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-base-primary-hover {
    background-color: var(--com-design-bg-color-gradient-base-primary-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-hover {
    background-color: var(--com-design-bg-color-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-info {
    background-color: var(--com-design-bg-color-info-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-info-hover {
    background-color: var(--com-design-bg-color-info-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-info-light {
    background-color: var(--com-design-bg-color-info-light-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-info-light-hover {
    background-color: var(--com-design-bg-color-info-light-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-mask {
    background-color: var(--com-design-bg-color-mask);
  }
  :where([data-design-system="com-design"]) .pc\:bg-primary {
    background-color: var(--com-design-bg-color-primary-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-primary-disabled {
    background-color: var(--com-design-bg-color-primary-disabled);
  }
  :where([data-design-system="com-design"]) .pc\:bg-primary-hover {
    background-color: var(--com-design-bg-color-primary-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-primary-light {
    background-color: var(--com-design-bg-color-primary-light-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-primary-light-hover {
    background-color: var(--com-design-bg-color-primary-light-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-primary-lighter {
    background-color: var(--com-design-bg-color-primary-lighter-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-primary-lighter-hover {
    background-color: var(--com-design-bg-color-primary-lighter-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-secondary {
    background-color: var(--com-design-bg-color-secondary-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-secondary-hover {
    background-color: var(--com-design-bg-color-secondary-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-selected {
    background-color: var(--com-design-bg-color-selected);
  }
  :where([data-design-system="com-design"]) .pc\:bg-subtle {
    background-color: var(--com-design-bg-color-subtle);
  }
  :where([data-design-system="com-design"]) .pc\:bg-success {
    background-color: var(--com-design-bg-color-success-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-success-hover {
    background-color: var(--com-design-bg-color-success-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-success-light {
    background-color: var(--com-design-bg-color-success-light-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-success-light-hover {
    background-color: var(--com-design-bg-color-success-light-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-warning {
    background-color: var(--com-design-bg-color-warning-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-warning-hover {
    background-color: var(--com-design-bg-color-warning-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-warning-light {
    background-color: var(--com-design-bg-color-warning-light-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-warning-light-hover {
    background-color: var(--com-design-bg-color-warning-light-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-white {
    background-color: var(--com-design-bg-color-white);
  }
  :where([data-design-system="com-design"]) .pc\:text-gradient-agent {
    background-image: var(--com-design-gradient-text-agent-default);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .pc\:text-gradient-agent-bold {
    background-image: var(--com-design-gradient-text-agent-bold);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .pc\:text-gradient-decorative {
    background-image: var(--com-design-gradient-text-decorative);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .pc\:text-gradient-simple {
    background-image: var(--com-design-gradient-text-simple);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-agent {
    background-image: var(--com-design-gradient-background-agent-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-agent-subtle {
    background-image: var(--com-design-gradient-background-agent-subtle-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-agent-subtle-hover {
    background-image: var(--com-design-gradient-background-agent-subtle-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-agent-subtlest {
    background-image: var(--com-design-gradient-background-agent-subtlest-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-agent-subtlest-hover {
    background-image: var(--com-design-gradient-background-agent-subtlest-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-glass {
    background-image: var(--com-design-gradient-background-glass-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-glass-bold {
    background-image: var(--com-design-gradient-background-glass-bold);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-glass-subtle {
    background-image: var(--com-design-gradient-background-glass-subtle);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary {
    background-image: var(--com-design-gradient-background-primary-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-active {
    background-image: var(--com-design-gradient-background-primary-active);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-hover {
    background-image: var(--com-design-gradient-background-primary-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-light {
    background-image: var(--com-design-gradient-background-primary-light-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-light-focus {
    background-image: var(--com-design-gradient-background-primary-light-focus);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-light-hover {
    background-image: var(--com-design-gradient-background-primary-light-hover);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-simple {
    background-image: var(--com-design-gradient-background-primary-simple-default);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-simple-active {
    background-image: var(--com-design-gradient-background-primary-simple-active);
  }
  :where([data-design-system="com-design"]) .pc\:bg-gradient-primary-simple-hover {
    background-image: var(--com-design-gradient-background-primary-simple-hover);
  }
  :where([data-design-system="com-design"]) .pc\:p-lg {
    padding: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:p-md {
    padding: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:p-sm {
    padding: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:p-xl {
    padding: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:p-xs {
    padding: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:px-lg {
    padding-inline: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:px-md {
    padding-inline: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:px-sm {
    padding-inline: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:px-xl {
    padding-inline: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:px-xs {
    padding-inline: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:py-lg {
    padding-block: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:py-md {
    padding-block: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:py-sm {
    padding-block: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:py-xl {
    padding-block: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:py-xs {
    padding-block: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:pt-lg {
    padding-top: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:pt-md {
    padding-top: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:pt-sm {
    padding-top: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:pt-xl {
    padding-top: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:pt-xs {
    padding-top: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:pr-lg {
    padding-right: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:pr-md {
    padding-right: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:pr-sm {
    padding-right: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:pr-xl {
    padding-right: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:pr-xs {
    padding-right: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:pb-lg {
    padding-bottom: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:pb-md {
    padding-bottom: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:pb-sm {
    padding-bottom: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:pb-xl {
    padding-bottom: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:pb-xs {
    padding-bottom: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:pl-lg {
    padding-left: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .pc\:pl-md {
    padding-left: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .pc\:pl-sm {
    padding-left: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .pc\:pl-xl {
    padding-left: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .pc\:pl-xs {
    padding-left: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .pc\:font-base {
    font-family: var(--font-base);
  }
  :where([data-design-system="com-design"]) .pc\:font-code {
    font-family: var(--font-code);
  }
  :where([data-design-system="com-design"]) .pc\:type-title-1 {
    font-size: var(--com-design-type-title-1-font-size);
    line-height: var(--com-design-type-title-1-line-height);
    letter-spacing: var(--com-design-type-title-1-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .pc\:type-title-1 {
      font-size: 26px;
      line-height: 40px;
      letter-spacing: 0px;
    }
  }
  :where([data-design-system="com-design"]) .pc\:type-display {
    font-size: var(--com-design-type-display-font-size);
    line-height: var(--com-design-type-display-line-height);
    letter-spacing: var(--com-design-type-display-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .pc\:type-display {
      font-size: 28px;
      line-height: 42px;
    }
  }
  :where([data-design-system="com-design"]) .pc\:type-title-2 {
    font-size: var(--com-design-type-title-2-font-size);
    line-height: var(--com-design-type-title-2-line-height);
    letter-spacing: var(--com-design-type-title-2-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .pc\:type-title-2 {
      font-size: 22px;
      line-height: 32px;
    }
  }
  :where([data-design-system="com-design"]) .pc\:type-title-3 {
    font-size: var(--com-design-type-title-3-font-size);
    line-height: var(--com-design-type-title-3-line-height);
    letter-spacing: var(--com-design-type-title-3-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .pc\:type-title-3 {
      font-size: 20px;
      line-height: 30px;
    }
  }
  :where([data-design-system="com-design"]) .pc\:type-body-1 {
    font-size: var(--com-design-type-body-1-font-size);
    line-height: var(--com-design-type-body-1-line-height);
    letter-spacing: var(--com-design-type-body-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .pc\:type-body-2 {
    font-size: var(--com-design-type-body-2-font-size);
    line-height: var(--com-design-type-body-2-line-height);
    letter-spacing: var(--com-design-type-body-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .pc\:type-caption-1 {
    font-size: var(--com-design-type-caption-1-font-size);
    line-height: var(--com-design-type-caption-1-line-height);
    letter-spacing: var(--com-design-type-caption-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .pc\:type-caption-2 {
    font-size: var(--com-design-type-caption-2-font-size);
    line-height: var(--com-design-type-caption-2-line-height);
    letter-spacing: var(--com-design-type-caption-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .pc\:type-subtitle-1 {
    font-size: var(--com-design-type-subtitle-1-font-size);
    line-height: var(--com-design-type-subtitle-1-line-height);
    letter-spacing: var(--com-design-type-subtitle-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .pc\:type-subtitle-2 {
    font-size: var(--com-design-type-subtitle-2-font-size);
    line-height: var(--com-design-type-subtitle-2-line-height);
    letter-spacing: var(--com-design-type-subtitle-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .pc\:type-subtitle-3 {
    font-size: var(--com-design-type-subtitle-3-font-size);
    line-height: var(--com-design-type-subtitle-3-line-height);
    letter-spacing: var(--com-design-type-subtitle-3-letter-spacing);
  }
  :where([data-design-system="com-design"]) .pc\:font-emphasis {
    --tw-font-weight: var(--font-weight-emphasis);
    font-weight: var(--font-weight-emphasis);
  }
  :where([data-design-system="com-design"]) .pc\:font-heading {
    --tw-font-weight: var(--font-weight-heading);
    font-weight: var(--font-weight-heading);
  }
  :where([data-design-system="com-design"]) .pc\:font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  :where([data-design-system="com-design"]) .pc\:text-default {
    color: var(--com-design-fg-color-default);
  }
  :where([data-design-system="com-design"]) .pc\:text-disabled {
    color: var(--com-design-fg-color-disabled);
  }
  :where([data-design-system="com-design"]) .pc\:text-error {
    color: var(--com-design-fg-color-error);
  }
  :where([data-design-system="com-design"]) .pc\:text-info {
    color: var(--com-design-fg-color-info);
  }
  :where([data-design-system="com-design"]) .pc\:text-link {
    color: var(--com-design-fg-color-link-default);
  }
  :where([data-design-system="com-design"]) .pc\:text-link-active {
    color: var(--com-design-fg-color-link-active);
  }
  :where([data-design-system="com-design"]) .pc\:text-link-disabled {
    color: var(--com-design-fg-color-link-disabled);
  }
  :where([data-design-system="com-design"]) .pc\:text-link-hover {
    color: var(--com-design-fg-color-link-hover);
  }
  :where([data-design-system="com-design"]) .pc\:text-link-visited {
    color: var(--com-design-fg-color-link-visited);
  }
  :where([data-design-system="com-design"]) .pc\:text-placeholder {
    color: var(--com-design-fg-color-placeholder);
  }
  :where([data-design-system="com-design"]) .pc\:text-primary {
    color: var(--com-design-fg-color-primary);
  }
  :where([data-design-system="com-design"]) .pc\:text-secondary {
    color: var(--com-design-fg-color-secondary);
  }
  :where([data-design-system="com-design"]) .pc\:text-selected {
    color: var(--com-design-fg-color-selected);
  }
  :where([data-design-system="com-design"]) .pc\:text-subtle {
    color: var(--com-design-fg-color-subtle);
  }
  :where([data-design-system="com-design"]) .pc\:text-subtler {
    color: var(--com-design-fg-color-subtler);
  }
  :where([data-design-system="com-design"]) .pc\:text-subtlest {
    color: var(--com-design-fg-color-subtlest);
  }
  :where([data-design-system="com-design"]) .pc\:text-success {
    color: var(--com-design-fg-color-success);
  }
  :where([data-design-system="com-design"]) .pc\:text-warning {
    color: var(--com-design-fg-color-warning);
  }
  :where([data-design-system="com-design"]) .pc\:text-white {
    color: var(--com-design-fg-color-white);
  }
  :where([data-design-system="com-design"]) .pc\:shadow-2xs {
    --tw-shadow: var(--com-design-shadow-2xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .pc\:shadow-inset {
    --tw-shadow: var(--com-design-shadow-inset);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .pc\:shadow-lg {
    --tw-shadow: var(--com-design-shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .pc\:shadow-md {
    --tw-shadow: var(--com-design-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .pc\:shadow-sm {
    --tw-shadow: var(--com-design-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .pc\:shadow-xs {
    --tw-shadow: var(--com-design-shadow-xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (min-width: 1920px) {
  :where([data-design-system="com-design"]) .wide\:z-base {
    z-index: var(--z-index-base);
  }
  :where([data-design-system="com-design"]) .wide\:z-fixed {
    z-index: var(--z-index-fixed);
  }
  :where([data-design-system="com-design"]) .wide\:z-sticky {
    z-index: var(--z-index-sticky);
  }
  :where([data-design-system="com-design"]) .wide\:m-lg {
    margin: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:m-md {
    margin: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:m-sm {
    margin: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:m-xl {
    margin: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:m-xs {
    margin: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:w-page {
    width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-pc) * 2);
    margin-inline: auto;
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .wide\:w-page {
      width: calc(min(var(--com-design-layout-page-max-viewport), 100vw) - var(--com-design-layout-page-gutter-h5) * 2);
    }
  }
  :where([data-design-system="com-design"]) .wide\:mx-lg {
    margin-inline: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:mx-md {
    margin-inline: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:mx-sm {
    margin-inline: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:mx-xl {
    margin-inline: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:mx-xs {
    margin-inline: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:my-lg {
    margin-block: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:my-md {
    margin-block: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:my-sm {
    margin-block: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:my-xl {
    margin-block: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:my-xs {
    margin-block: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:mt-lg {
    margin-top: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:mt-md {
    margin-top: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:mt-sm {
    margin-top: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:mt-xl {
    margin-top: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:mt-xs {
    margin-top: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:mr-lg {
    margin-right: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:mr-md {
    margin-right: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:mr-sm {
    margin-right: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:mr-xl {
    margin-right: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:mr-xs {
    margin-right: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:mb-lg {
    margin-bottom: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:mb-md {
    margin-bottom: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:mb-sm {
    margin-bottom: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:mb-xl {
    margin-bottom: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:mb-xs {
    margin-bottom: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:ml-lg {
    margin-left: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:ml-md {
    margin-left: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:ml-sm {
    margin-left: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:ml-xl {
    margin-left: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:ml-xs {
    margin-left: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:gap-lg {
    gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:gap-md {
    gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:gap-sm {
    gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:gap-xl {
    gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:gap-xs {
    gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:gap-x-lg {
    column-gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:gap-x-md {
    column-gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:gap-x-sm {
    column-gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:gap-x-xl {
    column-gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:gap-x-xs {
    column-gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:gap-y-lg {
    row-gap: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:gap-y-md {
    row-gap: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:gap-y-sm {
    row-gap: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:gap-y-xl {
    row-gap: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:gap-y-xs {
    row-gap: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-full {
    border-radius: var(--radius-full);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-md {
    border-radius: var(--radius-md);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  :where([data-design-system="com-design"]) .wide\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  :where([data-design-system="com-design"]) .wide\:border-bold {
    border-color: var(--com-design-border-color-bold);
  }
  :where([data-design-system="com-design"]) .wide\:border-bolder {
    border-color: var(--com-design-border-color-bolder);
  }
  :where([data-design-system="com-design"]) .wide\:border-default {
    border-color: var(--com-design-border-color-default);
  }
  :where([data-design-system="com-design"]) .wide\:border-disabled {
    border-color: var(--com-design-border-color-disabled);
  }
  :where([data-design-system="com-design"]) .wide\:border-error {
    border-color: var(--com-design-border-color-error-default);
  }
  :where([data-design-system="com-design"]) .wide\:border-error-light {
    border-color: var(--com-design-border-color-error-light);
  }
  :where([data-design-system="com-design"]) .wide\:border-focus {
    border-color: var(--com-design-border-color-focus);
  }
  :where([data-design-system="com-design"]) .wide\:border-hover {
    border-color: var(--com-design-border-color-hover);
  }
  :where([data-design-system="com-design"]) .wide\:border-info {
    border-color: var(--com-design-border-color-info-default);
  }
  :where([data-design-system="com-design"]) .wide\:border-info-light {
    border-color: var(--com-design-border-color-info-light);
  }
  :where([data-design-system="com-design"]) .wide\:border-primary {
    border-color: var(--com-design-border-color-primary-default);
  }
  :where([data-design-system="com-design"]) .wide\:border-primary-hover {
    border-color: var(--com-design-border-color-primary-hover);
  }
  :where([data-design-system="com-design"]) .wide\:border-secondary {
    border-color: var(--com-design-border-color-secondary);
  }
  :where([data-design-system="com-design"]) .wide\:border-selected {
    border-color: var(--com-design-border-color-selected);
  }
  :where([data-design-system="com-design"]) .wide\:border-success {
    border-color: var(--com-design-border-color-success-default);
  }
  :where([data-design-system="com-design"]) .wide\:border-success-light {
    border-color: var(--com-design-border-color-success-light);
  }
  :where([data-design-system="com-design"]) .wide\:border-warning {
    border-color: var(--com-design-border-color-warning-default);
  }
  :where([data-design-system="com-design"]) .wide\:border-warning-light {
    border-color: var(--com-design-border-color-warning-light);
  }
  :where([data-design-system="com-design"]) .wide\:border-white {
    border-color: var(--com-design-border-color-white);
  }
  :where([data-design-system="com-design"]) .wide\:bg-active {
    background-color: var(--com-design-bg-color-active);
  }
  :where([data-design-system="com-design"]) .wide\:bg-bubble {
    background-color: var(--com-design-bg-color-bubble);
  }
  :where([data-design-system="com-design"]) .wide\:bg-default {
    background-color: var(--com-design-bg-color-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-disabled {
    background-color: var(--com-design-bg-color-disabled);
  }
  :where([data-design-system="com-design"]) .wide\:bg-error {
    background-color: var(--com-design-bg-color-error-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-error-hover {
    background-color: var(--com-design-bg-color-error-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-error-light {
    background-color: var(--com-design-bg-color-error-light-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-error-light-hover {
    background-color: var(--com-design-bg-color-error-light-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-focus {
    background-color: var(--com-design-bg-color-focus);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-base-primary {
    background-color: var(--com-design-bg-color-gradient-base-primary-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-base-primary-active {
    background-color: var(--com-design-bg-color-gradient-base-primary-active);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-base-primary-hover {
    background-color: var(--com-design-bg-color-gradient-base-primary-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-hover {
    background-color: var(--com-design-bg-color-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-info {
    background-color: var(--com-design-bg-color-info-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-info-hover {
    background-color: var(--com-design-bg-color-info-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-info-light {
    background-color: var(--com-design-bg-color-info-light-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-info-light-hover {
    background-color: var(--com-design-bg-color-info-light-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-mask {
    background-color: var(--com-design-bg-color-mask);
  }
  :where([data-design-system="com-design"]) .wide\:bg-primary {
    background-color: var(--com-design-bg-color-primary-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-primary-disabled {
    background-color: var(--com-design-bg-color-primary-disabled);
  }
  :where([data-design-system="com-design"]) .wide\:bg-primary-hover {
    background-color: var(--com-design-bg-color-primary-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-primary-light {
    background-color: var(--com-design-bg-color-primary-light-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-primary-light-hover {
    background-color: var(--com-design-bg-color-primary-light-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-primary-lighter {
    background-color: var(--com-design-bg-color-primary-lighter-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-primary-lighter-hover {
    background-color: var(--com-design-bg-color-primary-lighter-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-secondary {
    background-color: var(--com-design-bg-color-secondary-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-secondary-hover {
    background-color: var(--com-design-bg-color-secondary-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-selected {
    background-color: var(--com-design-bg-color-selected);
  }
  :where([data-design-system="com-design"]) .wide\:bg-subtle {
    background-color: var(--com-design-bg-color-subtle);
  }
  :where([data-design-system="com-design"]) .wide\:bg-success {
    background-color: var(--com-design-bg-color-success-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-success-hover {
    background-color: var(--com-design-bg-color-success-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-success-light {
    background-color: var(--com-design-bg-color-success-light-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-success-light-hover {
    background-color: var(--com-design-bg-color-success-light-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-warning {
    background-color: var(--com-design-bg-color-warning-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-warning-hover {
    background-color: var(--com-design-bg-color-warning-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-warning-light {
    background-color: var(--com-design-bg-color-warning-light-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-warning-light-hover {
    background-color: var(--com-design-bg-color-warning-light-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-white {
    background-color: var(--com-design-bg-color-white);
  }
  :where([data-design-system="com-design"]) .wide\:text-gradient-agent {
    background-image: var(--com-design-gradient-text-agent-default);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .wide\:text-gradient-agent-bold {
    background-image: var(--com-design-gradient-text-agent-bold);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .wide\:text-gradient-decorative {
    background-image: var(--com-design-gradient-text-decorative);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .wide\:text-gradient-simple {
    background-image: var(--com-design-gradient-text-simple);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-agent {
    background-image: var(--com-design-gradient-background-agent-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-agent-subtle {
    background-image: var(--com-design-gradient-background-agent-subtle-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-agent-subtle-hover {
    background-image: var(--com-design-gradient-background-agent-subtle-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-agent-subtlest {
    background-image: var(--com-design-gradient-background-agent-subtlest-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-agent-subtlest-hover {
    background-image: var(--com-design-gradient-background-agent-subtlest-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-glass {
    background-image: var(--com-design-gradient-background-glass-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-glass-bold {
    background-image: var(--com-design-gradient-background-glass-bold);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-glass-subtle {
    background-image: var(--com-design-gradient-background-glass-subtle);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary {
    background-image: var(--com-design-gradient-background-primary-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-active {
    background-image: var(--com-design-gradient-background-primary-active);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-hover {
    background-image: var(--com-design-gradient-background-primary-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-light {
    background-image: var(--com-design-gradient-background-primary-light-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-light-focus {
    background-image: var(--com-design-gradient-background-primary-light-focus);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-light-hover {
    background-image: var(--com-design-gradient-background-primary-light-hover);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-simple {
    background-image: var(--com-design-gradient-background-primary-simple-default);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-simple-active {
    background-image: var(--com-design-gradient-background-primary-simple-active);
  }
  :where([data-design-system="com-design"]) .wide\:bg-gradient-primary-simple-hover {
    background-image: var(--com-design-gradient-background-primary-simple-hover);
  }
  :where([data-design-system="com-design"]) .wide\:p-lg {
    padding: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:p-md {
    padding: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:p-sm {
    padding: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:p-xl {
    padding: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:p-xs {
    padding: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:px-lg {
    padding-inline: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:px-md {
    padding-inline: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:px-sm {
    padding-inline: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:px-xl {
    padding-inline: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:px-xs {
    padding-inline: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:py-lg {
    padding-block: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:py-md {
    padding-block: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:py-sm {
    padding-block: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:py-xl {
    padding-block: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:py-xs {
    padding-block: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:pt-lg {
    padding-top: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:pt-md {
    padding-top: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:pt-sm {
    padding-top: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:pt-xl {
    padding-top: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:pt-xs {
    padding-top: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:pr-lg {
    padding-right: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:pr-md {
    padding-right: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:pr-sm {
    padding-right: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:pr-xl {
    padding-right: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:pr-xs {
    padding-right: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:pb-lg {
    padding-bottom: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:pb-md {
    padding-bottom: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:pb-sm {
    padding-bottom: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:pb-xl {
    padding-bottom: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:pb-xs {
    padding-bottom: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:pl-lg {
    padding-left: var(--spacing-lg);
  }
  :where([data-design-system="com-design"]) .wide\:pl-md {
    padding-left: var(--spacing-md);
  }
  :where([data-design-system="com-design"]) .wide\:pl-sm {
    padding-left: var(--spacing-sm);
  }
  :where([data-design-system="com-design"]) .wide\:pl-xl {
    padding-left: var(--spacing-xl);
  }
  :where([data-design-system="com-design"]) .wide\:pl-xs {
    padding-left: var(--spacing-xs);
  }
  :where([data-design-system="com-design"]) .wide\:font-base {
    font-family: var(--font-base);
  }
  :where([data-design-system="com-design"]) .wide\:font-code {
    font-family: var(--font-code);
  }
  :where([data-design-system="com-design"]) .wide\:type-title-1 {
    font-size: var(--com-design-type-title-1-font-size);
    line-height: var(--com-design-type-title-1-line-height);
    letter-spacing: var(--com-design-type-title-1-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .wide\:type-title-1 {
      font-size: 26px;
      line-height: 40px;
      letter-spacing: 0px;
    }
  }
  :where([data-design-system="com-design"]) .wide\:type-display {
    font-size: var(--com-design-type-display-font-size);
    line-height: var(--com-design-type-display-line-height);
    letter-spacing: var(--com-design-type-display-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .wide\:type-display {
      font-size: 28px;
      line-height: 42px;
    }
  }
  :where([data-design-system="com-design"]) .wide\:type-title-2 {
    font-size: var(--com-design-type-title-2-font-size);
    line-height: var(--com-design-type-title-2-line-height);
    letter-spacing: var(--com-design-type-title-2-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .wide\:type-title-2 {
      font-size: 22px;
      line-height: 32px;
    }
  }
  :where([data-design-system="com-design"]) .wide\:type-title-3 {
    font-size: var(--com-design-type-title-3-font-size);
    line-height: var(--com-design-type-title-3-line-height);
    letter-spacing: var(--com-design-type-title-3-letter-spacing);
  }
  @media (max-width: 1055px) {
    :where([data-design-system="com-design"]) .wide\:type-title-3 {
      font-size: 20px;
      line-height: 30px;
    }
  }
  :where([data-design-system="com-design"]) .wide\:type-body-1 {
    font-size: var(--com-design-type-body-1-font-size);
    line-height: var(--com-design-type-body-1-line-height);
    letter-spacing: var(--com-design-type-body-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .wide\:type-body-2 {
    font-size: var(--com-design-type-body-2-font-size);
    line-height: var(--com-design-type-body-2-line-height);
    letter-spacing: var(--com-design-type-body-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .wide\:type-caption-1 {
    font-size: var(--com-design-type-caption-1-font-size);
    line-height: var(--com-design-type-caption-1-line-height);
    letter-spacing: var(--com-design-type-caption-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .wide\:type-caption-2 {
    font-size: var(--com-design-type-caption-2-font-size);
    line-height: var(--com-design-type-caption-2-line-height);
    letter-spacing: var(--com-design-type-caption-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .wide\:type-subtitle-1 {
    font-size: var(--com-design-type-subtitle-1-font-size);
    line-height: var(--com-design-type-subtitle-1-line-height);
    letter-spacing: var(--com-design-type-subtitle-1-letter-spacing);
  }
  :where([data-design-system="com-design"]) .wide\:type-subtitle-2 {
    font-size: var(--com-design-type-subtitle-2-font-size);
    line-height: var(--com-design-type-subtitle-2-line-height);
    letter-spacing: var(--com-design-type-subtitle-2-letter-spacing);
  }
  :where([data-design-system="com-design"]) .wide\:type-subtitle-3 {
    font-size: var(--com-design-type-subtitle-3-font-size);
    line-height: var(--com-design-type-subtitle-3-line-height);
    letter-spacing: var(--com-design-type-subtitle-3-letter-spacing);
  }
  :where([data-design-system="com-design"]) .wide\:font-emphasis {
    --tw-font-weight: var(--font-weight-emphasis);
    font-weight: var(--font-weight-emphasis);
  }
  :where([data-design-system="com-design"]) .wide\:font-heading {
    --tw-font-weight: var(--font-weight-heading);
    font-weight: var(--font-weight-heading);
  }
  :where([data-design-system="com-design"]) .wide\:font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  :where([data-design-system="com-design"]) .wide\:text-default {
    color: var(--com-design-fg-color-default);
  }
  :where([data-design-system="com-design"]) .wide\:text-disabled {
    color: var(--com-design-fg-color-disabled);
  }
  :where([data-design-system="com-design"]) .wide\:text-error {
    color: var(--com-design-fg-color-error);
  }
  :where([data-design-system="com-design"]) .wide\:text-info {
    color: var(--com-design-fg-color-info);
  }
  :where([data-design-system="com-design"]) .wide\:text-link {
    color: var(--com-design-fg-color-link-default);
  }
  :where([data-design-system="com-design"]) .wide\:text-link-active {
    color: var(--com-design-fg-color-link-active);
  }
  :where([data-design-system="com-design"]) .wide\:text-link-disabled {
    color: var(--com-design-fg-color-link-disabled);
  }
  :where([data-design-system="com-design"]) .wide\:text-link-hover {
    color: var(--com-design-fg-color-link-hover);
  }
  :where([data-design-system="com-design"]) .wide\:text-link-visited {
    color: var(--com-design-fg-color-link-visited);
  }
  :where([data-design-system="com-design"]) .wide\:text-placeholder {
    color: var(--com-design-fg-color-placeholder);
  }
  :where([data-design-system="com-design"]) .wide\:text-primary {
    color: var(--com-design-fg-color-primary);
  }
  :where([data-design-system="com-design"]) .wide\:text-secondary {
    color: var(--com-design-fg-color-secondary);
  }
  :where([data-design-system="com-design"]) .wide\:text-selected {
    color: var(--com-design-fg-color-selected);
  }
  :where([data-design-system="com-design"]) .wide\:text-subtle {
    color: var(--com-design-fg-color-subtle);
  }
  :where([data-design-system="com-design"]) .wide\:text-subtler {
    color: var(--com-design-fg-color-subtler);
  }
  :where([data-design-system="com-design"]) .wide\:text-subtlest {
    color: var(--com-design-fg-color-subtlest);
  }
  :where([data-design-system="com-design"]) .wide\:text-success {
    color: var(--com-design-fg-color-success);
  }
  :where([data-design-system="com-design"]) .wide\:text-warning {
    color: var(--com-design-fg-color-warning);
  }
  :where([data-design-system="com-design"]) .wide\:text-white {
    color: var(--com-design-fg-color-white);
  }
  :where([data-design-system="com-design"]) .wide\:shadow-2xs {
    --tw-shadow: var(--com-design-shadow-2xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .wide\:shadow-inset {
    --tw-shadow: var(--com-design-shadow-inset);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .wide\:shadow-lg {
    --tw-shadow: var(--com-design-shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .wide\:shadow-md {
    --tw-shadow: var(--com-design-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .wide\:shadow-sm {
    --tw-shadow: var(--com-design-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-design-system="com-design"]) .wide\:shadow-xs {
    --tw-shadow: var(--com-design-shadow-xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :where([data-design-system="com-design"]) *, :where([data-design-system="com-design"]) ::before, :where([data-design-system="com-design"]) ::after, :where([data-design-system="com-design"]) ::backdrop {
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

:where([data-design-system="com-design"]) .com-button { position:relative; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; border:0 solid transparent; padding-block:0; font-family:var(--com-design-font-base); font-weight:var(--com-design-font-weight-emphasis); white-space:nowrap; text-decoration:none; cursor:pointer; isolation:isolate; transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s; }
:where([data-design-system="com-design"]) .com-button:focus-visible { outline:2px solid var(--com-design-border-color-focus); outline-offset:2px; }
:where([data-design-system="com-design"]) .com-button:disabled,:where([data-design-system="com-design"]) .com-button[aria-disabled="true"] { cursor:not-allowed; }
:where([data-design-system="com-design"]) .com-button[aria-busy="true"] { opacity:.6; cursor:wait; }
:where([data-design-system="com-design"]) .com-button[data-block="true"] {width:100%}
:where([data-design-system="com-design"]) .com-button-content { position:relative; z-index:2; display:inline-flex; width:100%; justify-content:center; align-items:center; gap:inherit; }
:where([data-design-system="com-design"]) .com-button[data-has-icon="true"] .com-button-content {justify-content:space-between}
:where([data-design-system="com-design"]) .com-button-label { color:inherit; font:inherit; }
:where([data-design-system="com-design"]) .com-button-icon { display:inline-flex; flex:none; align-items:center; justify-content:center; overflow:hidden; }
:where([data-design-system="com-design"]) .com-button-icon > svg { width:100%; height:100%; }
:where([data-design-system="com-design"]) .com-button-arrow { width:100%; height:100%; display:inline-flex; }
:where([data-design-system="com-design"]) .com-button-spinner { animation:com-button-spin 1s linear infinite; }
@keyframes com-button-spin { to {transform:rotate(360deg)} }
:where([data-design-system="com-design"]) .com-button[data-arrow="up-right"]:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) .com-button-arrow { animation:com-button-arrow .6s ease-in-out; }
@keyframes com-button-arrow { 0%,100% {transform:translate(0,0)} 50% {transform:translate(120%,-120%)} 50.01% {transform:translate(-120%,120%)} }
:where([data-design-system="com-design"]) .com-button-glow-clip { position:absolute; inset:0; overflow:hidden; border-radius:inherit; pointer-events:none; }
:where([data-design-system="com-design"]) .com-button-glow { position:absolute; left:0; top:0; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none; opacity:0; transition:opacity .5s; background:white; mix-blend-mode:plus-lighter; }
:where([data-design-system="com-design"]) .com-button[data-variant="gradient-primary-elevated"][data-hovered="true"] .com-button-glow {opacity:.7}
:where([data-design-system="com-design"]) .com-button[data-variant="gradient-secondary-elevated"] .com-button-glow {background:#29A2FF;mix-blend-mode:darken}
:where([data-design-system="com-design"]) .com-button[data-variant="gradient-secondary-elevated"][data-hovered="true"] .com-button-glow {opacity:.3}
:where([data-design-system="com-design"]) .com-button[data-gradient="true"] {font-weight:var(--com-design-font-weight-heading);letter-spacing:normal}
:where([data-design-system="com-design"]) .com-button-gradient-primary-elevated {background-image:var(--com-design-button-elevated-primary-background-default);background-size:100% 100%;background-repeat:no-repeat;color:var(--com-design-fg-color-white)}
:where([data-design-system="com-design"]) .com-button-gradient-secondary-elevated {background:var(--com-design-button-elevated-secondary-background-default);color:var(--com-design-fg-color-default)}
:where([data-design-system="com-design"]) .com-button-gradient-primary-elevated::before {content:"";position:absolute;z-index:-1;left:10%;bottom:0;width:80%;height:50%;border-radius:8px;background:linear-gradient(90deg,#7b4fff,#2e7eff 50%,#2bb8ff);opacity:.6;transition:opacity .5s;pointer-events:none}
:where([data-design-system="com-design"]) .com-button-gradient-primary-elevated:hover:not(:disabled):not([aria-disabled="true"])::before {opacity:1}
:where([data-design-system="com-design"]) .com-button-sm {height:var(--com-design-button-size-sm-height-default);font-size:var(--com-design-button-size-sm-font-size-default);line-height:var(--com-design-button-size-sm-line-height-default);border-radius:var(--com-design-button-size-sm-radius-default);padding-inline:var(--com-design-button-size-sm-padding-inline-default);gap:var(--com-design-button-size-sm-gap-default);letter-spacing:.4px}
:where([data-design-system="com-design"]) .com-button-sm[data-gradient="true"] {padding-inline:var(--com-design-button-size-sm-gradient-padding-inline-default)}
:where([data-design-system="com-design"]) .com-button-sm .com-button-icon {width:var(--com-design-button-size-sm-icon-size-default);height:var(--com-design-button-size-sm-icon-size-default)}
:where([data-design-system="com-design"]) .com-button-sm .com-button-glow {width:var(--com-design-button-size-sm-glow-size-default);height:var(--com-design-button-size-sm-glow-size-default);filter:blur(var(--com-design-button-size-sm-glow-blur-default))}
:where([data-design-system="com-design"]) .com-button-sm::before {filter:blur(var(--com-design-button-size-sm-shadow-blur-default))}
:where([data-design-system="com-design"]) .com-button-sm.com-button-gradient-secondary-elevated {box-shadow:0 1px 4px 0 rgba(9,78,189,.06),0 4px 12px -4px rgba(48,128,255,.2)}
:where([data-design-system="com-design"]) .com-button-sm.com-button-gradient-secondary-elevated:hover:not(:disabled):not([aria-disabled="true"]) {box-shadow:0 1px 4px 0 rgba(9,78,189,.06),0 4px 12px -4px rgba(48,128,255,.32)}
:where([data-design-system="com-design"]) .com-button-md {height:var(--com-design-button-size-md-height-default);font-size:var(--com-design-button-size-md-font-size-default);line-height:var(--com-design-button-size-md-line-height-default);border-radius:var(--com-design-button-size-md-radius-default);padding-inline:var(--com-design-button-size-md-padding-inline-default);gap:var(--com-design-button-size-md-gap-default);letter-spacing:.4px}
:where([data-design-system="com-design"]) .com-button-md[data-gradient="true"] {padding-inline:var(--com-design-button-size-md-gradient-padding-inline-default)}
:where([data-design-system="com-design"]) .com-button-md .com-button-icon {width:var(--com-design-button-size-md-icon-size-default);height:var(--com-design-button-size-md-icon-size-default)}
:where([data-design-system="com-design"]) .com-button-md .com-button-glow {width:var(--com-design-button-size-md-glow-size-default);height:var(--com-design-button-size-md-glow-size-default);filter:blur(var(--com-design-button-size-md-glow-blur-default))}
:where([data-design-system="com-design"]) .com-button-md::before {filter:blur(var(--com-design-button-size-md-shadow-blur-default))}
:where([data-design-system="com-design"]) .com-button-md.com-button-gradient-secondary-elevated {box-shadow:0 1px 6px 0 rgba(9,78,189,.06),0 8px 18px -6px rgba(48,128,255,.2)}
:where([data-design-system="com-design"]) .com-button-md.com-button-gradient-secondary-elevated:hover:not(:disabled):not([aria-disabled="true"]) {box-shadow:0 1px 6px 0 rgba(9,78,189,.06),0 8px 18px -6px rgba(48,128,255,.32)}
:where([data-design-system="com-design"]) .com-button-lg {height:var(--com-design-button-size-lg-height-default);font-size:var(--com-design-button-size-lg-font-size-default);line-height:var(--com-design-button-size-lg-line-height-default);border-radius:var(--com-design-button-size-lg-radius-default);padding-inline:var(--com-design-button-size-lg-padding-inline-default);gap:var(--com-design-button-size-lg-gap-default);letter-spacing:.4px}
:where([data-design-system="com-design"]) .com-button-lg[data-gradient="true"] {padding-inline:var(--com-design-button-size-lg-gradient-padding-inline-default)}
:where([data-design-system="com-design"]) .com-button-lg .com-button-icon {width:var(--com-design-button-size-lg-icon-size-default);height:var(--com-design-button-size-lg-icon-size-default)}
:where([data-design-system="com-design"]) .com-button-lg .com-button-glow {width:var(--com-design-button-size-lg-glow-size-default);height:var(--com-design-button-size-lg-glow-size-default);filter:blur(var(--com-design-button-size-lg-glow-blur-default))}
:where([data-design-system="com-design"]) .com-button-lg::before {filter:blur(var(--com-design-button-size-lg-shadow-blur-default))}
:where([data-design-system="com-design"]) .com-button-lg.com-button-gradient-secondary-elevated {box-shadow:0 2px 8px 0 rgba(9,78,189,.06),0 12px 24px -8px rgba(48,128,255,.2)}
:where([data-design-system="com-design"]) .com-button-lg.com-button-gradient-secondary-elevated:hover:not(:disabled):not([aria-disabled="true"]) {box-shadow:0 2px 8px 0 rgba(9,78,189,.06),0 12px 24px -8px rgba(48,128,255,.32)}
:where([data-design-system="com-design"]) .com-button-xl {height:var(--com-design-button-size-xl-height-default);font-size:var(--com-design-button-size-xl-font-size-default);line-height:var(--com-design-button-size-xl-line-height-default);border-radius:var(--com-design-button-size-xl-radius-default);padding-inline:var(--com-design-button-size-xl-padding-inline-default);gap:var(--com-design-button-size-xl-gap-default);letter-spacing:.4px}
:where([data-design-system="com-design"]) .com-button-xl[data-gradient="true"] {padding-inline:var(--com-design-button-size-xl-gradient-padding-inline-default)}
:where([data-design-system="com-design"]) .com-button-xl .com-button-icon {width:var(--com-design-button-size-xl-icon-size-default);height:var(--com-design-button-size-xl-icon-size-default)}
:where([data-design-system="com-design"]) .com-button-xl .com-button-glow {width:var(--com-design-button-size-xl-glow-size-default);height:var(--com-design-button-size-xl-glow-size-default);filter:blur(var(--com-design-button-size-xl-glow-blur-default))}
:where([data-design-system="com-design"]) .com-button-xl::before {filter:blur(var(--com-design-button-size-xl-shadow-blur-default))}
:where([data-design-system="com-design"]) .com-button-xl.com-button-gradient-secondary-elevated {box-shadow:0 2px 10px 0 rgba(9,78,189,.06),0 16px 32px -10px rgba(48,128,255,.2)}
:where([data-design-system="com-design"]) .com-button-xl.com-button-gradient-secondary-elevated:hover:not(:disabled):not([aria-disabled="true"]) {box-shadow:0 2px 10px 0 rgba(9,78,189,.06),0 16px 32px -10px rgba(48,128,255,.32)}
:where([data-design-system="com-design"]) .com-button-xxl {height:var(--com-design-button-size-xxl-height-default);font-size:var(--com-design-button-size-xxl-font-size-default);line-height:var(--com-design-button-size-xxl-line-height-default);border-radius:var(--com-design-button-size-xxl-radius-default);padding-inline:var(--com-design-button-size-xxl-padding-inline-default);gap:var(--com-design-button-size-xxl-gap-default);letter-spacing:.2px}
:where([data-design-system="com-design"]) .com-button-xxl[data-gradient="true"] {padding-inline:var(--com-design-button-size-xxl-gradient-padding-inline-default)}
:where([data-design-system="com-design"]) .com-button-xxl .com-button-icon {width:var(--com-design-button-size-xxl-icon-size-default);height:var(--com-design-button-size-xxl-icon-size-default)}
:where([data-design-system="com-design"]) .com-button-xxl .com-button-glow {width:var(--com-design-button-size-xxl-glow-size-default);height:var(--com-design-button-size-xxl-glow-size-default);filter:blur(var(--com-design-button-size-xxl-glow-blur-default))}
:where([data-design-system="com-design"]) .com-button-xxl::before {filter:blur(var(--com-design-button-size-xxl-shadow-blur-default))}
:where([data-design-system="com-design"]) .com-button-xxl.com-button-gradient-secondary-elevated {box-shadow:0 2px 12px 0 rgba(9,78,189,.06),0 20px 40px -12px rgba(48,128,255,.2)}
:where([data-design-system="com-design"]) .com-button-xxl.com-button-gradient-secondary-elevated:hover:not(:disabled):not([aria-disabled="true"]) {box-shadow:0 2px 12px 0 rgba(9,78,189,.06),0 20px 40px -12px rgba(48,128,255,.32)}
:where([data-design-system="com-design"]) .com-button-default {border-width:1px;border-color:var(--com-design-border-color-bold);background:transparent;color:var(--com-design-fg-color-default)}
:where([data-design-system="com-design"]) .com-button-default:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-default);border-color:transparent;color:var(--com-design-fg-color-white)}
:where([data-design-system="com-design"]) .com-button-default:active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-hover);border-color:transparent;color:var(--com-design-fg-color-white)}
:where([data-design-system="com-design"]) .com-button-default:is(:disabled,[aria-disabled="true"]) {background:transparent;border-color:var(--com-design-border-color-disabled);color:var(--com-design-fg-color-disabled)}
:where([data-design-system="com-design"]) .com-button-solid {background:var(--com-design-bg-color-primary-default);color:var(--com-design-fg-color-white)}
:where([data-design-system="com-design"]) .com-button-solid:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-hover)}
:where([data-design-system="com-design"]) .com-button-solid:active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-gradient-base-primary-active)}
:where([data-design-system="com-design"]) .com-button-solid:is(:disabled,[aria-disabled="true"]) {background:var(--com-design-bg-color-primary-disabled)}
:where([data-design-system="com-design"]) .com-button-outlined {border-width:1px;border-color:var(--com-design-border-color-bolder);background:transparent;color:var(--com-design-fg-color-primary)}
:where([data-design-system="com-design"]) .com-button-outlined:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-default);border-color:transparent;color:var(--com-design-fg-color-white)}
:where([data-design-system="com-design"]) .com-button-outlined:active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-hover);border-color:transparent;color:var(--com-design-fg-color-white)}
:where([data-design-system="com-design"]) .com-button-outlined:is(:disabled,[aria-disabled="true"]) {border-color:var(--com-design-border-color-disabled);color:var(--com-design-button-outlined-fg-color-disabled)}
:where([data-design-system="com-design"]) .com-button-link {background:transparent;color:var(--com-design-fg-color-primary)}
:where([data-design-system="com-design"]) .com-button-link:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-lighter-default);color:var(--com-design-fg-color-link-hover)}
:where([data-design-system="com-design"]) .com-button-link:active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-light-default);color:var(--com-design-fg-color-link-active)}
:where([data-design-system="com-design"]) .com-button-link:is(:disabled,[aria-disabled="true"]) {color:var(--com-design-fg-color-disabled)}
:where([data-design-system="com-design"]) .com-button-text {background:transparent;color:var(--com-design-fg-color-subtle)}
:where([data-design-system="com-design"]) .com-button-text:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-lighter-default);color:var(--com-design-fg-color-link-hover)}
:where([data-design-system="com-design"]) .com-button-text:active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-bg-color-primary-light-default);color:var(--com-design-fg-color-link-active)}
:where([data-design-system="com-design"]) .com-button-text:is(:disabled,[aria-disabled="true"]) {color:var(--com-design-fg-color-disabled)}
:where([data-design-system="com-design"]) .com-button-gradient-primary-filled {background:var(--com-design-gradient-background-primary-default);color:var(--com-design-fg-color-white)}
:where([data-design-system="com-design"]) .com-button-gradient-primary-filled:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-gradient-background-primary-hover)}
:where([data-design-system="com-design"]) .com-button-gradient-primary-filled:active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-gradient-background-primary-active)}
:where([data-design-system="com-design"]) .com-button-gradient-primary-filled:is(:disabled,[aria-disabled="true"]) {background:var(--com-design-bg-color-primary-disabled);box-shadow:none;}
:where([data-design-system="com-design"]) .com-button-gradient-primary-elevated:is(:disabled,[aria-disabled="true"]) {background:var(--com-design-bg-color-primary-disabled);box-shadow:none;}
:where([data-design-system="com-design"]) .com-button-gradient-secondary-filled {background:var(--com-design-gradient-background-primary-light-default);color:var(--com-design-fg-color-default)}
:where([data-design-system="com-design"]) .com-button-gradient-secondary-filled:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-gradient-background-primary-light-hover)}
:where([data-design-system="com-design"]) .com-button-gradient-secondary-filled:active:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {background:var(--com-design-gradient-background-primary-light-focus)}
:where([data-design-system="com-design"]) .com-button-gradient-secondary-filled:is(:disabled,[aria-disabled="true"]) {background:var(--com-design-bg-color-disabled);box-shadow:none;color:var(--com-design-fg-color-disabled)}
:where([data-design-system="com-design"]) .com-button-gradient-secondary-elevated:is(:disabled,[aria-disabled="true"]) {background:var(--com-design-bg-color-disabled);box-shadow:none;color:var(--com-design-fg-color-disabled)}
:where([data-design-system="com-design"]) .com-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"])::before {display:none}
:where([data-design-system="com-design"]) .com-button:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) .com-button-glow {display:none}
@media (prefers-reduced-motion:reduce) {:where([data-design-system="com-design"]) .com-button,:where([data-design-system="com-design"]) .com-button::before,:where([data-design-system="com-design"]) .com-button-glow {transition:none}:where([data-design-system="com-design"]) .com-button-arrow,:where([data-design-system="com-design"]) .com-button-spinner {animation:none !important}}

:where([data-design-system="com-design"]) .com-badge {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;width:fit-content;overflow:hidden;border:1px solid transparent;font-family:var(--com-design-font-base);font-weight:var(--com-design-font-weight-emphasis);white-space:nowrap;transition:color .2s,background-color .2s;}
:where([data-design-system="com-design"]) .com-badge-icon {display:inline-flex;align-items:center;justify-content:center;flex:none}
:where([data-design-system="com-design"]) .com-badge-icon > svg {width:100%;height:100%}
:where([data-design-system="com-design"]) .com-badge-close {display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;background:none;padding:0;color:inherit;opacity:.7;cursor:pointer}
:where([data-design-system="com-design"]) .com-badge-close:hover {opacity:1}
:where([data-design-system="com-design"]) .com-badge-close:focus-visible {outline:2px solid var(--com-design-border-color-focus);outline-offset:1px}
:where([data-design-system="com-design"]) .com-badge-label {font:inherit;color:inherit}
:where([data-design-system="com-design"]) .com-badge-lg {height:32px;padding-inline:12px;gap:6px;border-radius:6px;font-size:var(--com-design-type-body-1-font-size);line-height:var(--com-design-type-body-1-line-height);letter-spacing:var(--com-design-type-body-1-letter-spacing)}
:where([data-design-system="com-design"]) .com-badge-lg .com-badge-icon {width:16px;height:16px}
:where([data-design-system="com-design"]) .com-badge-md {height:28px;padding-inline:12px;gap:6px;border-radius:4px;font-size:var(--com-design-type-body-1-font-size);line-height:var(--com-design-type-body-1-line-height);letter-spacing:var(--com-design-type-body-1-letter-spacing)}
:where([data-design-system="com-design"]) .com-badge-md .com-badge-icon {width:16px;height:16px}
:where([data-design-system="com-design"]) .com-badge-sm {height:24px;padding-inline:8px;gap:4px;border-radius:4px;font-size:var(--com-design-type-body-2-font-size);line-height:var(--com-design-type-body-2-line-height);letter-spacing:var(--com-design-type-body-2-letter-spacing)}
:where([data-design-system="com-design"]) .com-badge-sm .com-badge-icon {width:14px;height:14px}
:where([data-design-system="com-design"]) .com-badge-xs {height:20px;padding-inline:6px;gap:2px;border-radius:4px;font-size:var(--com-design-type-body-2-font-size);line-height:var(--com-design-type-body-2-line-height);letter-spacing:var(--com-design-type-body-2-letter-spacing)}
:where([data-design-system="com-design"]) .com-badge-xs .com-badge-icon {width:12px;height:12px}
:where([data-design-system="com-design"]) .com-badge-default {background:var(--com-design-badge-color-blue-bg-color-default);color:var(--com-design-badge-color-blue-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-default:hover {background:var(--com-design-badge-color-blue-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-secondary {background:var(--com-design-badge-color-coolgray-bg-color-default);color:var(--com-design-badge-color-coolgray-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-secondary:hover {background:var(--com-design-badge-color-coolgray-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-destructive {background:var(--com-design-badge-color-red-bg-color-default);color:var(--com-design-badge-color-red-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-destructive:hover {background:var(--com-design-badge-color-red-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-blue {background:var(--com-design-badge-color-blue-bg-color-default);color:var(--com-design-badge-color-blue-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-blue:hover {background:var(--com-design-badge-color-blue-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-green {background:var(--com-design-badge-color-green-bg-color-default);color:var(--com-design-badge-color-green-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-green:hover {background:var(--com-design-badge-color-green-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-yellow {background:var(--com-design-badge-color-yellow-bg-color-default);color:var(--com-design-badge-color-yellow-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-yellow:hover {background:var(--com-design-badge-color-yellow-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-red {background:var(--com-design-badge-color-red-bg-color-default);color:var(--com-design-badge-color-red-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-red:hover {background:var(--com-design-badge-color-red-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-orange {background:var(--com-design-badge-color-orange-bg-color-default);color:var(--com-design-badge-color-orange-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-orange:hover {background:var(--com-design-badge-color-orange-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-purple {background:var(--com-design-badge-color-purple-bg-color-default);color:var(--com-design-badge-color-purple-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-purple:hover {background:var(--com-design-badge-color-purple-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-cyan {background:var(--com-design-badge-color-cyan-bg-color-default);color:var(--com-design-badge-color-cyan-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-cyan:hover {background:var(--com-design-badge-color-cyan-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-magenta {background:var(--com-design-badge-color-magenta-bg-color-default);color:var(--com-design-badge-color-magenta-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-magenta:hover {background:var(--com-design-badge-color-magenta-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-azure {background:var(--com-design-badge-color-azure-bg-color-default);color:var(--com-design-badge-color-azure-fg-color-default)}
:where([data-design-system="com-design"]) a.com-badge-azure:hover {background:var(--com-design-badge-color-azure-bg-color-hover)}
:where([data-design-system="com-design"]) .com-badge-outline {background:transparent;border-color:var(--com-design-border-color-default);color:var(--com-design-fg-color-default)}
:where([data-design-system="com-design"]) .com-badge-ghost {background:transparent;color:var(--com-design-fg-color-default)}
:where([data-design-system="com-design"]) .com-badge-link {background:transparent;color:var(--com-design-fg-color-primary);text-underline-offset:4px}
:where([data-design-system="com-design"]) a.com-badge-outline:hover,:where([data-design-system="com-design"]) a.com-badge-ghost:hover {background:var(--com-design-bg-color-hover)}
:where([data-design-system="com-design"]) a.com-badge-link:hover {text-decoration:underline}

:where([data-design-system="com-design"]) .com-tabs-root {display:flex;gap:8px;font-family:var(--com-design-font-base)} :where([data-design-system="com-design"]) .com-tabs-root[data-orientation="horizontal"] {flex-direction:column}

:where([data-design-system="com-design"]) .com-tabs-list {display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:3px;border-radius:8px;color:var(--com-design-fg-color-subtlest)} :where([data-design-system="com-design"]) .com-tabs-list[data-orientation="horizontal"] {height:36px} :where([data-design-system="com-design"]) .com-tabs-list[data-orientation="vertical"] {flex-direction:column;height:fit-content} :where([data-design-system="com-design"]) .com-tabs-list-default {background:var(--com-design-bg-color-subtle)} :where([data-design-system="com-design"]) .com-tabs-list-line {gap:4px;background:transparent;border-radius:0}

:where([data-design-system="com-design"]) .com-tabs-trigger {position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;gap:6px;height:calc(100% - 1px);padding:4px 8px;border:1px solid transparent;border-radius:var(--com-design-surface-control-radius-default);font-family:inherit;font-size:14px;line-height:20px;font-weight:var(--com-design-font-weight-emphasis);white-space:nowrap;background:transparent;color:color-mix(in srgb,var(--com-design-fg-color-default) 60%,transparent);cursor:pointer} :where([data-design-system="com-design"]) .com-tabs-trigger:hover {color:var(--com-design-fg-color-default)} :where([data-design-system="com-design"]) .com-tabs-trigger:focus-visible {outline:1px solid var(--com-design-border-color-focus);border-color:var(--com-design-border-color-focus)} :where([data-design-system="com-design"]) .com-tabs-trigger:disabled {opacity:.5;pointer-events:none} :where([data-design-system="com-design"]) .com-tabs-trigger[data-state="active"] {background:var(--com-design-bg-color-default);color:var(--com-design-fg-color-default)} :where([data-design-system="com-design"]) .com-tabs-trigger-default[data-state="active"] {box-shadow:var(--com-design-shadow-sm)} :where([data-design-system="com-design"]) .com-tabs-trigger-line[data-state="active"] {background:transparent;box-shadow:none} :where([data-design-system="com-design"]) .com-tabs-trigger-line::after {content:"";position:absolute;background:currentColor;opacity:0} :where([data-design-system="com-design"]) .com-tabs-trigger-line[data-orientation="horizontal"]::after {inset-inline:0;bottom:-5px;height:2px} :where([data-design-system="com-design"]) .com-tabs-trigger-line[data-orientation="vertical"]::after {inset-block:0;right:-4px;width:2px} :where([data-design-system="com-design"]) .com-tabs-trigger-line[data-state="active"]::after {opacity:1} :where([data-design-system="com-design"]) .com-tabs-trigger[data-orientation="vertical"] {width:100%;justify-content:flex-start} :where([data-design-system="com-design"]) .com-tabs-trigger-icon {display:inline-flex;width:16px;height:16px;flex:none} :where([data-design-system="com-design"]) .com-tabs-trigger-icon > svg {width:100%;height:100%} :where([data-design-system="com-design"]) .com-tabs-trigger-label {font:inherit}

:where([data-design-system="com-design"]) .com-tabs-content {flex:1;outline:none} :where([data-design-system="com-design"]) .com-tabs-content:focus-visible {outline:2px solid var(--com-design-border-color-focus);outline-offset:2px}

:where([data-design-system="com-design"]) .com-select-trigger {display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:fit-content;box-sizing:border-box;border:1px solid var(--com-design-border-color-default);border-radius:var(--com-design-surface-control-radius-default);background:transparent;color:var(--com-design-fg-color-default);font-family:var(--com-design-font-base);font-size:14px;line-height:20px;padding:8px 12px;white-space:nowrap;cursor:pointer} :where([data-design-system="com-design"]) .com-select-trigger-default {height:36px} :where([data-design-system="com-design"]) .com-select-trigger-sm {height:32px} :where([data-design-system="com-design"]) .com-select-trigger:focus-visible {outline:none;border-color:var(--com-design-border-color-focus)} :where([data-design-system="com-design"]) .com-select-trigger:disabled {opacity:.5;cursor:not-allowed} :where([data-design-system="com-design"]) .com-select-trigger[aria-invalid="true"] {border-color:var(--com-design-fg-color-error)} :where([data-design-system="com-design"]) .com-select-trigger[data-placeholder] {color:var(--com-design-fg-color-subtlest)} :where([data-design-system="com-design"]) .com-select-trigger-value {overflow:hidden;text-overflow:ellipsis} :where([data-design-system="com-design"]) .com-select-trigger-icon {display:inline-flex;width:16px;height:16px;flex:none;opacity:.5}

:where([data-design-system="com-design"]) .com-select-content {min-width:128px;border:0;border-radius:var(--com-design-surface-control-radius-default);background:var(--com-design-bg-color-default);color:var(--com-design-fg-color-default);font-family:var(--com-design-font-base);box-shadow:var(--com-design-shadow-md)} :where([data-design-system="com-design"]) .com-select-content-viewport {padding:4px} :where([data-design-system="com-design"]) .com-select-content-scroll {display:flex;align-items:center;justify-content:center;padding:4px;cursor:default}

:where([data-design-system="com-design"]) .com-select-item {position:relative;display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:6px 32px 6px 8px;border-radius:4px;font-size:14px;line-height:20px;outline:none;cursor:default;user-select:none} :where([data-design-system="com-design"]) .com-select-item[data-highlighted] {background:var(--com-design-bg-color-hover);color:var(--com-design-fg-color-default)} :where([data-design-system="com-design"]) .com-select-item[data-disabled] {opacity:.5;pointer-events:none} :where([data-design-system="com-design"]) .com-select-item-indicator {position:absolute;right:8px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}

:where([data-design-system="com-design"]) .com-dialog {box-sizing:border-box;display:flex;flex-direction:column;gap:16px;width:min(calc(100vw - 32px),var(--com-design-surface-dialog-width-default));max-width:calc(100vw - 32px);padding:var(--com-design-surface-dialog-padding-default);border:0;border-radius:8px;background:var(--com-design-bg-color-default);color:var(--com-design-fg-color-default);font-family:var(--com-design-font-base);box-shadow:var(--com-design-shadow-lg);outline:none}

:where([data-design-system="com-design"]) .com-dialog-title {margin:0;font-size:18px;line-height:1;font-weight:var(--com-design-font-weight-emphasis);color:inherit}

:where([data-design-system="com-design"]) .com-dialog-description {margin:0;font-size:14px;line-height:20px;color:var(--com-design-fg-color-subtlest)}

:where([data-design-system="com-design"]) .com-alert-dialog {box-sizing:border-box;display:flex;flex-direction:column;gap:16px;width:min(calc(100vw - 32px),var(--com-design-surface-dialog-width-default));max-width:calc(100vw - 32px);padding:var(--com-design-surface-dialog-padding-default);border:0;border-radius:8px;background:var(--com-design-bg-color-default);color:var(--com-design-fg-color-default);font-family:var(--com-design-font-base);box-shadow:var(--com-design-shadow-lg);outline:none}:where([data-design-system="com-design"]) .com-alert-dialog-sm {width:min(calc(100vw - 32px),var(--com-design-surface-dialog-width-small))}:where([data-design-system="com-design"]) .com-alert-dialog-default {width:min(calc(100vw - 32px),var(--com-design-surface-dialog-width-default))}

:where([data-design-system="com-design"]) .com-alert-dialog-title {margin:0;font-size:18px;line-height:28px;font-weight:var(--com-design-font-weight-emphasis);color:inherit}

:where([data-design-system="com-design"]) .com-alert-dialog-description {margin:0;font-size:14px;line-height:20px;color:var(--com-design-fg-color-subtlest)}

:where([data-design-system="com-design"]) .com-dialog-close {display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;opacity:.7;cursor:pointer}:where([data-design-system="com-design"]) .com-dialog-close:hover {opacity:1}:where([data-design-system="com-design"]) .com-dialog-close:focus-visible {outline:2px solid var(--com-design-border-color-focus)}:where([data-design-system="com-design"]) .com-dialog-close:disabled {pointer-events:none}

:where([data-design-system="com-design"]) .com-popover {box-sizing:border-box;width:var(--com-design-surface-popover-width-default);padding:var(--com-design-surface-popover-padding-default);border:0;border-radius:var(--com-design-surface-control-radius-default);background:var(--com-design-bg-color-default);color:var(--com-design-fg-color-default);font-family:var(--com-design-font-base);box-shadow:var(--com-design-shadow-md);outline:none}

:where([data-design-system="com-design"]) .com-popover-title {margin:0;font-size:14px;line-height:20px;font-weight:var(--com-design-font-weight-emphasis);color:inherit}

:where([data-design-system="com-design"]) .com-popover-description {margin:0;font-size:14px;line-height:20px;color:var(--com-design-fg-color-subtlest)}

:where([data-design-system="com-design"]) .com-tooltip {width:fit-content;border-radius:var(--com-design-surface-control-radius-default);background:var(--com-design-fg-color-default);color:var(--com-design-bg-color-default);font-family:var(--com-design-font-base);font-size:12px;line-height:16px;padding:6px 12px;text-wrap:balance}:where([data-design-system="com-design"]) .com-tooltip-arrow {width:10px;height:10px;transform:translateY(calc(-50% - 2px)) rotate(45deg);border-radius:2px;background:var(--com-design-fg-color-default);fill:var(--com-design-fg-color-default)}

:where([data-design-system="com-design"]) .com-alert {position:relative;display:grid;grid-template-columns:0 1fr;align-items:start;row-gap:2px;box-sizing:border-box;width:100%;padding:12px 16px;border:1px solid var(--com-design-border-color-default);border-radius:8px;background:var(--com-design-bg-color-default);font-family:var(--com-design-font-base);font-size:14px;line-height:20px}:where([data-design-system="com-design"]) .com-alert[data-has-icon="true"] {grid-template-columns:16px 1fr;column-gap:12px}:where([data-design-system="com-design"]) .com-alert-default {color:var(--com-design-fg-color-default)}:where([data-design-system="com-design"]) .com-alert-destructive {color:var(--com-design-fg-color-error)}:where([data-design-system="com-design"]) .com-alert-icon {display:inline-flex;width:16px;height:16px;transform:translateY(2px);color:inherit}:where([data-design-system="com-design"]) .com-alert-icon > svg {width:100%;height:100%}

:where([data-design-system="com-design"]) .com-alert-title {grid-column:2;min-height:16px;margin:0;font-weight:var(--com-design-font-weight-emphasis);letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

:where([data-design-system="com-design"]) .com-alert-description {grid-column:2;display:grid;justify-items:start;gap:4px;font-size:14px;line-height:20px;color:var(--com-design-fg-color-subtlest)}:where([data-design-system="com-design"]) .com-alert-description[data-variant="destructive"] {color:color-mix(in srgb,var(--com-design-fg-color-error) 90%,transparent)}:where([data-design-system="com-design"]) .com-alert-description p {line-height:1.625}