.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        background-color: transparent !important;
      }
    }
  }
.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:text-foreground {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        color: var(--foreground) !important;
      }
    }
  }
.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      }
    }
  }
.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100 {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &[data-state="active"] {
        &::after {
          content: var(--tw-content);
          opacity: 100% !important;
        }
      }
    }
  }
.data-\[state\=inactive\]\:hover\:bg-foreground\/10 {
    &[data-state="inactive"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--foreground) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
          }
        }
      }
    }
  }
.data-\[state\=inactive\]\:hover\:text-foreground {
    &[data-state="inactive"] {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground) !important;
        }
      }
    }
  }
.data-\[state\=selected\]\:bg-muted {
    &[data-state="selected"] {
      background-color: var(--muted) !important;
    }
  }
.data-\[variant\=line\]\:rounded-none {
    &[data-variant="line"] {
      border-radius: 0 !important;
    }
  }
.motion-reduce\:animate-none {
    @media (prefers-reduced-motion: reduce) {
      animation: none !important;
    }
  }
.sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
.sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
.sm\:gap-2\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2.5) !important;
    }
  }
.lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
.lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
.\@max-2xl\:static {
    @container (width < 42rem) {
      position: static !important;
    }
  }
.\@max-2xl\:col-span-1 {
    @container (width < 42rem) {
      grid-column: span 1 / span 1 !important;
    }
  }
.\@max-2xl\:h-auto {
    @container (width < 42rem) {
      height: auto !important;
    }
  }
.\@max-2xl\:w-full {
    @container (width < 42rem) {
      width: 100% !important;
    }
  }
.\@max-2xl\:grid-cols-1 {
    @container (width < 42rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
  }
.\@2xl\:-mx-12 {
    @container (width >= 42rem) {
      margin-inline: calc(var(--spacing) * -12) !important;
    }
  }
.\@2xl\:px-12 {
    @container (width >= 42rem) {
      padding-inline: calc(var(--spacing) * 12) !important;
    }
  }
.dark\:border-input {
    &:where(.dark, .dark *) {
      border-color: var(--input) !important;
    }
  }
.dark\:bg-destructive\/60 {
    &:where(.dark, .dark *) {
      background-color: var(--destructive) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 60%, transparent) !important;
      }
    }
  }
.dark\:bg-input\/30 {
    &:where(.dark, .dark *) {
      background-color: var(--input) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent) !important;
      }
    }
  }
.dark\:hover\:bg-accent\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent) !important;
          }
        }
      }
    }
  }
.dark\:hover\:bg-input\/50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--input) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--input) 50%, transparent) !important;
          }
        }
      }
    }
  }
.dark\:focus-visible\:ring-destructive\/40 {
    &:where(.dark, .dark *) {
      &:focus-visible {
        --tw-ring-color: var(--destructive) !important;
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent) !important;
        }
      }
    }
  }
.dark\:aria-invalid\:ring-destructive\/40 {
    &:where(.dark, .dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive) !important;
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent) !important;
        }
      }
    }
  }
.\[\&_\.vega-embed\]\:block {
    & .vega-embed {
      display: block !important;
    }
  }
.\[\&_p\]\:leading-relaxed {
    & p {
      --tw-leading: var(--leading-relaxed) !important;
      line-height: var(--leading-relaxed) !important;
    }
  }
.\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none !important;
    }
  }
.\[\&_svg\]\:block {
    & svg {
      display: block !important;
    }
  }
.\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0 !important;
    }
  }
.\[\&_tr\]\:border-b {
    & tr {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 1px !important;
    }
  }
.\[\&_tr\:last-child\]\:border-0 {
    & tr:last-child {
      border-style: var(--tw-border-style) !important;
      border-width: 0px !important;
    }
  }
.\[\&\:\:-moz-range-thumb\]\:size-4 {
    &::-moz-range-thumb {
      width: calc(var(--spacing) * 4) !important;
      height: calc(var(--spacing) * 4) !important;
    }
  }
.\[\&\:\:-moz-range-thumb\]\:rounded-full {
    &::-moz-range-thumb {
      border-radius: calc(infinity * 1px) !important;
    }
  }
.\[\&\:\:-moz-range-thumb\]\:border-0 {
    &::-moz-range-thumb {
      border-style: var(--tw-border-style) !important;
      border-width: 0px !important;
    }
  }
.\[\&\:\:-moz-range-thumb\]\:bg-primary {
    &::-moz-range-thumb {
      background-color: var(--primary) !important;
    }
  }
.\[\&\:\:-webkit-slider-thumb\]\:size-4 {
    &::-webkit-slider-thumb {
      width: calc(var(--spacing) * 4) !important;
      height: calc(var(--spacing) * 4) !important;
    }
  }
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
    &::-webkit-slider-thumb {
      appearance: none !important;
    }
  }
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
    &::-webkit-slider-thumb {
      border-radius: calc(infinity * 1px) !important;
    }
  }
.\[\&\:\:-webkit-slider-thumb\]\:bg-primary {
    &::-webkit-slider-thumb {
      background-color: var(--primary) !important;
    }
  }
.\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
    &::-webkit-slider-thumb {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
    &:has([role=checkbox]) {
      padding-right: calc(var(--spacing) * 0) !important;
    }
  }
.\[\.border-b\]\:pb-6 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 6) !important;
    }
  }
.\[\.border-t\]\:pt-6 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 6) !important;
    }
  }
.\[a\&\]\:hover\:bg-accent {
    a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent) !important;
        }
      }
    }
  }
.\[a\&\]\:hover\:bg-destructive\/90 {
    a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 90%, transparent) !important;
          }
        }
      }
    }
  }