/* /home — 2026-05-14T05:23:17.704Z */ /* ===== BVR2t5AtWD.css (114 rules) ===== */ @layer theme { :root, :host { --font-sans: "OpenAI Sans",ui-sans-serif,system-ui,sans-serif; --font-mono: "SF Mono","SFMono-Regular",ui-monospace,consolas,liberation mono,menlo,monospace; --spacing: .25rem; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1536px; --container-xs: 20rem; --container-sm: 24rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.625; --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --breakpoint-xs: 380px; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --radius-2xs: .125rem; --radius-xs: .25rem; --radius-sm: .375rem; --radius-md: .5rem; --radius-lg: .625rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --text-lg: var(--font-text-lg-size); --text-lg--line-height: var(--font-text-lg-line-height); --text-lg--font-weight: var(--font-text-lg-weight); --text-lg--letter-spacing: var(--font-text-lg-tracking); --text-base: var(--font-text-md-size); --text-base--line-height: var(--font-text-md-line-height); --text-base--font-weight: var(--font-text-md-weight); --text-base--letter-spacing: var(--font-text-md-tracking); --text-sm: var(--font-text-sm-size); --text-sm--line-height: var(--font-text-sm-line-height); --text-sm--font-weight: var(--font-text-sm-weight); --text-sm--letter-spacing: var(--font-text-sm-tracking); --text-xs: var(--font-text-xs-size); --text-xs--line-height: var(--font-text-xs-line-height); --text-xs--font-weight: var(--font-text-xs-weight); --text-xs--letter-spacing: var(--font-text-xs-tracking); --text-2xs: var(--font-text-2xs-size); --text-2xs--line-height: var(--font-text-2xs-line-height); --text-2xs--font-weight: var(--font-text-2xs-weight); --text-2xs--letter-spacing: var(--font-text-2xs-tracking); --text-3xs: var(--font-text-3xs-size); --text-3xs--line-height: var(--font-text-3xs-line-height); --text-3xs--font-weight: var(--font-text-3xs-weight); --text-3xs--letter-spacing: var(--font-text-3xs-tracking); --text-xl: var(--font-heading-md-size); --text-xl--line-height: var(--font-heading-md-line-height); --text-xl--font-weight: var(--font-text-lg-weight); --text-xl--letter-spacing: var(--font-heading-md-tracking); --text-2xl: var(--font-heading-lg-size); --text-2xl--line-height: var(--font-heading-lg-line-height); --text-2xl--font-weight: var(--font-text-lg-weight); --text-2xl--letter-spacing: var(--font-heading-lg-tracking); --text-3xl: var(--font-heading-xl-size); --text-3xl--line-height: var(--font-heading-xl-line-height); --text-3xl--font-weight: var(--font-text-lg-weight); --text-3xl--letter-spacing: var(--font-heading-xl-tracking); --tracking-wide: var(--font-tracking-wide); --tracking-normal: var(--font-tracking-normal); --tracking-tight: var(--font-tracking-tight); --shadow-md: var(--shadow-200); --shadow-hairline: var(--shadow-hairline); --color-gray-0: var(--gray-0); --color-gray-50: var(--gray-50); --color-gray-75: var(--gray-75); --color-gray-100: var(--gray-100); --color-gray-150: var(--gray-150); --color-gray-200: var(--gray-200); --color-gray-300: var(--gray-300); --color-gray-350: var(--gray-350); --color-gray-400: var(--gray-400); --color-gray-500: var(--gray-500); --color-gray-600: var(--gray-600); --color-gray-700: var(--gray-700); --color-gray-800: var(--gray-800); --color-gray-900: var(--gray-900); --color-gray-1000: var(--gray-1000); --color-green-50: var(--green-50); --color-green-100: var(--green-100); --color-green-400: var(--green-400); --color-green-500: var(--green-500); --color-green-600: var(--green-600); --color-green-700: var(--green-700); --color-green-800: var(--green-800); --color-red-50: var(--red-50); --color-red-200: var(--red-200); --color-red-400: var(--red-400); --color-red-500: var(--red-500); --color-red-600: var(--red-600); --color-orange-500: var(--orange-500); --color-yellow-25: var(--yellow-25); --color-yellow-50: var(--yellow-50); --color-yellow-100: var(--yellow-100); --color-yellow-200: var(--yellow-200); --color-yellow-500: var(--yellow-500); --color-yellow-700: var(--yellow-700); --color-yellow-900: var(--yellow-900); --color-blue-100: var(--blue-100); --color-blue-200: var(--blue-200); --color-blue-400: var(--blue-400); --color-blue-500: var(--blue-500); --color-blue-600: var(--blue-600); --color-blue-700: var(--blue-700); --color-blue-800: var(--blue-800); --color-alpha: var(--alpha-base); --color-white: var(--white); --color-black: var(--black); --ease-basic: var(--transition-ease-basic); } :root, :where([data-theme]) { --gray-500: #5d5d5d; --alpha-0: color-mix(in oklab, var(--alpha-base) 0%, transparent); --alpha-01: color-mix(in oklab, var(--alpha-base) 1%, transparent); --alpha-02: color-mix(in oklab, var(--alpha-base) 2%, transparent); --alpha-04: color-mix(in oklab, var(--alpha-base) 4%, transparent); --alpha-05: color-mix(in oklab, var(--alpha-base) 5%, transparent); --alpha-06: color-mix(in oklab, var(--alpha-base) 6%, transparent); --alpha-08: color-mix(in oklab, var(--alpha-base) 8%, transparent); --alpha-10: color-mix(in oklab, var(--alpha-base) 10%, transparent); --alpha-12: color-mix(in oklab, var(--alpha-base) 12%, transparent); --alpha-15: color-mix(in oklab, var(--alpha-base) 15%, transparent); --alpha-16: color-mix(in oklab, var(--alpha-base) 16%, transparent); --alpha-20: color-mix(in oklab, var(--alpha-base) 20%, transparent); --alpha-25: color-mix(in oklab, var(--alpha-base) 25%, transparent); --alpha-30: color-mix(in oklab, var(--alpha-base) 30%, transparent); --alpha-35: color-mix(in oklab, var(--alpha-base) 35%, transparent); --alpha-40: color-mix(in oklab, var(--alpha-base) 40%, transparent); --alpha-50: color-mix(in oklab, var(--alpha-base) 50%, transparent); --alpha-60: color-mix(in oklab, var(--alpha-base) 60%, transparent); --alpha-70: color-mix(in oklab, var(--alpha-base) 70%, transparent); --white: #fff; --black: #000; --green-25: #edfaf2; --green-50: #d9f4e4; --green-75: #b8ebcc; --green-100: #8cdfad; --green-200: #66d492; --green-300: #40c977; --green-400: #04b84c; --green-500: #00a240; --green-600: #008635; --green-700: #00692a; --green-800: #004f1f; --green-900: #003716; --green-950: #011c0b; --green-1000: #001207; --green-a25: color-mix(in oklab, var(--green-400) 8%, transparent); --green-a50: color-mix(in oklab, var(--green-400) 15%, transparent); --green-a75: color-mix(in oklab, var(--green-400) 29%, transparent); --green-a100: color-mix(in oklab, var(--green-400) 45%, transparent); --green-a200: color-mix(in oklab, var(--green-400) 60%, transparent); --green-a300: color-mix(in oklab, var(--green-400) 75%, transparent); --red-25: #fff0f0; --red-50: #ffd9d9; --red-75: #ffc6c5; --red-100: #ffa4a2; --red-200: #ff8583; --red-300: #ff6764; --red-400: #fa423e; --red-500: #e02e2a; --red-600: #ba2623; --red-700: #911e1b; --red-800: #6e1615; --red-900: #4d100e; --red-950: #280b0a; --red-1000: #1f0909; --red-a25: color-mix(in oklab, var(--red-400) 8%, transparent); --red-a50: color-mix(in oklab, var(--red-400) 16%, transparent); --red-a75: color-mix(in oklab, var(--red-400) 30%, transparent); --red-a100: color-mix(in oklab, var(--red-400) 48%, transparent); --red-a200: color-mix(in oklab, var(--red-400) 64%, transparent); --red-a300: color-mix(in oklab, var(--red-400) 79%, transparent); --pink-25: #fff4f9; --pink-50: #ffe8f3; --pink-75: #ffd4e8; --pink-100: #ffbada; --pink-200: #ffa3ce; --pink-300: #ff8cc1; --pink-400: #ff66ad; --pink-500: #e04c91; --pink-600: #ba437a; --pink-700: #963c67; --pink-800: #6e2c4a; --pink-900: #4d1f34; --pink-950: #29101c; --pink-1000: #1a0a11; --pink-a25: color-mix(in oklab, var(--pink-400) 8%, transparent); --pink-a50: color-mix(in oklab, var(--pink-400) 16%, transparent); --pink-a75: color-mix(in oklab, var(--pink-400) 28%, transparent); --pink-a100: color-mix(in oklab, var(--pink-400) 45%, transparent); --pink-a200: color-mix(in oklab, var(--pink-400) 60%, transparent); --pink-a300: color-mix(in oklab, var(--pink-400) 76%, transparent); --orange-25: #fff5f0; --orange-50: #ffe7d9; --orange-75: #ffcfb4; --orange-100: #ffb790; --orange-200: #ff9e6c; --orange-300: #ff8549; --orange-400: #fb6a22; --orange-500: #e25507; --orange-600: #b9480d; --orange-700: #923b0f; --orange-800: #6d2e0f; --orange-900: #4a2206; --orange-950: #281105; --orange-1000: #211107; --orange-a25: color-mix(in oklab, var(--orange-400) 7%, transparent); --orange-a50: color-mix(in oklab, var(--orange-400) 16%, transparent); --orange-a75: color-mix(in oklab, var(--orange-400) 33%, transparent); --orange-a100: color-mix(in oklab, var(--orange-400) 48%, transparent); --orange-a200: color-mix(in oklab, var(--orange-400) 65%, transparent); --orange-a300: color-mix(in oklab, var(--orange-400) 81%, transparent); --yellow-25: #fffbed; --yellow-50: #fff6d9; --yellow-75: #ffeeb8; --yellow-100: #ffe48c; --yellow-200: #ffdb66; --yellow-300: #ffd240; --yellow-400: #ffc300; --yellow-500: #e0ac00; --yellow-600: #ba8e00; --yellow-700: #916f00; --yellow-800: #6e5400; --yellow-900: #4d3b00; --yellow-950: #261d00; --yellow-1000: #1a1400; --yellow-a25: color-mix(in oklab, var(--yellow-400) 8%, transparent); --yellow-a50: color-mix(in oklab, var(--yellow-400) 15%, transparent); --yellow-a75: color-mix(in oklab, var(--yellow-400) 27%, transparent); --yellow-a100: color-mix(in oklab, var(--yellow-400) 45%, transparent); --yellow-a200: color-mix(in oklab, var(--yellow-400) 59%, transparent); --yellow-a300: color-mix(in oklab, var(--yellow-400) 74%, transparent); --purple-25: #f9f5fe; --purple-50: #efe5fe; --purple-75: #e0cefd; --purple-100: #ceb0fb; --purple-200: #be95fa; --purple-300: #ad7bf9; --purple-400: #924ff7; --purple-500: #8046d9; --purple-600: #6b3ab4; --purple-700: #532d8d; --purple-800: #3f226a; --purple-900: #2c184a; --purple-950: #160c25; --purple-1000: #100a19; --purple-a25: color-mix(in oklab, var(--purple-400) 6%, transparent); --purple-a50: color-mix(in oklab, var(--purple-400) 15%, transparent); --purple-a75: color-mix(in oklab, var(--purple-400) 28%, transparent); --purple-a100: color-mix(in oklab, var(--purple-400) 45%, transparent); --purple-a200: color-mix(in oklab, var(--purple-400) 60%, transparent); --purple-a300: color-mix(in oklab, var(--purple-400) 75%, transparent); --blue-25: #f5faff; --blue-50: #e5f3ff; --blue-75: #cce6ff; --blue-100: #99ceff; --blue-200: #66b5ff; --blue-300: #339cff; --blue-400: #0285ff; --blue-500: #0169cc; --blue-600: #004f99; --blue-700: #003f7a; --blue-800: #013566; --blue-900: #00284d; --blue-950: #000e1a; --blue-1000: #000d19; --blue-a25: color-mix(in oklab, var(--blue-400) 4%, transparent); --blue-a50: color-mix(in oklab, var(--blue-400) 13%, transparent); --blue-a75: color-mix(in oklab, var(--blue-400) 25%, transparent); --blue-a100: color-mix(in oklab, var(--blue-400) 40%, transparent); --blue-a200: color-mix(in oklab, var(--blue-400) 60%, transparent); --blue-a300: color-mix(in oklab, var(--blue-400) 80%, transparent); --hairline: 1px; --shadow-color: 0 0 0; --elevation-100-geo: 0 1px 2px -1px; --elevation-200-geo: 0 2px 4px -1px; --elevation-300-geo: 0 4px 8px -2px; --elevation-400-geo: 0 8px 16px -4px; } :where(:root), :where([data-theme="light"]) { --gray-0: #fff; --gray-25: #fcfcfc; --gray-50: #f9f9f9; --gray-75: #f3f3f3; --gray-100: #ededed; --gray-150: #dfdfdf; --gray-200: #cdcdcd; --gray-250: #b9b9b9; --gray-300: #afafaf; --gray-350: #9f9f9f; --gray-400: #8f8f8f; --gray-450: #767676; --gray-550: #4f4f4f; --gray-600: #414141; --gray-650: #393939; --gray-700: #303030; --gray-750: #282828; --gray-800: #212121; --gray-850: #1c1c1c; --gray-900: #181818; --gray-925: #161616; --gray-950: #131313; --gray-975: #101010; --gray-1000: #0d0d0d; --alpha-base: #0d0d0d; } :where([data-theme="dark"]) { --gray-0: #0d0d0d; --gray-25: #101010; --gray-50: #131313; --gray-75: #161616; --gray-100: #181818; --gray-150: #1c1c1c; --gray-200: #212121; --gray-250: #282828; --gray-300: #303030; --gray-350: #393939; --gray-400: #414141; --gray-450: #4f4f4f; --gray-550: #767676; --gray-600: #8f8f8f; --gray-650: #9f9f9f; --gray-700: #afafaf; --gray-750: #b9b9b9; --gray-800: #cdcdcd; --gray-850: #dcdcdc; --gray-900: #ededed; --gray-925: #f3f3f3; --gray-950: #f3f3f3; --gray-975: #f9f9f9; --gray-1000: #fff; --alpha-base: #fff; } @media (min-resolution: 150dpi), (min-resolution: 1.5x) { :is(:root, :where([data-theme])) { --hairline: .5px; } } :where(:root), :where([data-theme="light"]) { --shadow-alpha-100: .08; --shadow-alpha-200: .08; --shadow-alpha-300: .1; --shadow-alpha-400: .12; --shadow-hairline-width: 1px; --shadow-hairline-color: #00000014; } @media (min-resolution: 150dpi), (min-resolution: 1.5x) { :is(:where(:root), :where([data-theme="light"])) { --shadow-hairline-width: .5px; --shadow-hairline-color: #0000001a; } } :where([data-theme="dark"]) { --shadow-alpha-100: .2; --shadow-alpha-200: .2; --shadow-alpha-300: .36; --shadow-alpha-400: .3; --shadow-hairline-width: 1px; --shadow-hairline-color: #ffffff1a; } @media (min-resolution: 150dpi), (min-resolution: 1.5x) { :where([data-theme="dark"]) { --shadow-hairline-width: .5px; --shadow-hairline-color: #ffffff1f; } } :where([data-theme="dark"]) [data-surface="elevated"] { --shadow-hairline: 0 0 #0000; } :root, :where([data-theme]) { --color-text-emphasis: var(--gray-1000); --color-text-prose: var(--color-text-emphasis); --color-text-inverse: var(--gray-0); --color-text-primary: var(--color-text-emphasis); --color-text-primary-soft: var(--color-text-emphasis); --color-background-primary-soft-alt: var(--alpha-02); --color-border-primary-soft-alt: var(--alpha-06); --color-text-primary-soft-alt: var(--color-text-emphasis); --color-text-primary-surface: var(--color-text-emphasis); --color-text-primary-solid: var(--color-text-inverse); --color-text-primary-outline: var(--color-text-emphasis); --color-text-primary-outline-hover: var(--color-text-emphasis); --color-text-primary-ghost: var(--color-text-emphasis); --color-text-primary-ghost-hover: var(--color-text-emphasis); --color-ring-primary: var(--color-ring); --color-ring-primary-soft: var(--color-ring-primary); --color-ring-primary-solid: var(--color-ring-primary); --color-ring-primary-outline: var(--color-ring-primary); --color-ring-primary-ghost: var(--color-ring-primary); --color-text-secondary-soft: var(--color-text); --color-background-secondary-soft-alt: var(--alpha-02); --color-border-secondary-soft-alt: var(--alpha-06); --color-text-secondary-soft-alt: var(--color-text); --color-text-secondary-solid: var(--white); --color-text-secondary-outline: var(--color-text-secondary); --color-text-secondary-outline-hover: var(--color-text); --color-text-secondary-ghost: var(--color-text-secondary); --color-text-secondary-ghost-hover: var(--color-text); --color-ring-secondary: var(--color-ring); --color-ring-secondary-soft: var(--color-ring-secondary); --color-ring-secondary-solid: var(--color-ring-secondary); --color-ring-secondary-outline: var(--color-ring-secondary); --color-ring-secondary-ghost: var(--color-ring-secondary); --color-background-info-soft: var(--blue-50); --color-background-info-soft-hover: var(--blue-75); --color-background-info-soft-active: var(--blue-75); --color-background-info-soft-alpha: var(--blue-a50); --color-background-info-soft-alpha-hover: var(--blue-a75); --color-background-info-soft-alpha-active: var(--blue-a75); --color-background-info-solid: var(--blue-400); --color-background-info-solid-hover: var(--blue-500); --color-background-info-solid-active: var(--blue-500); --color-text-info-solid: var(--white); --color-background-info-outline-hover: var(--blue-a25); --color-background-info-outline-active: var(--blue-a25); --color-border-info-outline: var(--blue-500); --color-border-info-outline-hover: var(--blue-500); --color-text-info-outline: var(--blue-500); --color-text-info-outline-hover: var(--blue-500); --color-background-info-ghost-hover: var(--blue-a50); --color-background-info-ghost-active: var(--blue-a50); --color-ring-info: var(--color-ring); --color-ring-info-soft: var(--color-ring-info); --color-ring-info-solid: var(--color-ring-info); --color-ring-info-outline: var(--color-ring-info); --color-ring-info-ghost: var(--color-ring-info); --color-background-warning-soft: var(--orange-50); --color-background-warning-soft-hover: var(--orange-75); --color-background-warning-soft-active: var(--orange-75); --color-background-warning-soft-alpha: var(--orange-a50); --color-background-warning-soft-alpha-hover: var(--orange-a75); --color-background-warning-soft-alpha-active: var(--orange-a75); --color-background-warning-solid: var(--orange-500); --color-background-warning-solid-hover: var(--orange-600); --color-background-warning-solid-active: var(--orange-600); --color-text-warning-solid: var(--white); --color-background-warning-outline-hover: var(--orange-a25); --color-background-warning-outline-active: var(--orange-a25); --color-border-warning-outline: var(--orange-500); --color-border-warning-outline-hover: var(--orange-500); --color-text-warning-outline: var(--orange-500); --color-text-warning-outline-hover: var(--orange-500); --color-background-warning-ghost-hover: var(--orange-a50); --color-background-warning-ghost-active: var(--orange-a50); --color-text-warning-ghost: var(--orange-500); --color-text-warning-ghost-hover: var(--orange-500); --color-ring-warning: var(--color-ring); --color-ring-warning-soft: var(--color-ring-warning); --color-ring-warning-solid: var(--color-ring-warning); --color-ring-warning-outline: var(--color-ring-warning); --color-ring-warning-ghost: var(--color-ring-warning); --color-text-caution-hover: var(--yellow-800); --color-background-caution-soft: var(--yellow-50); --color-background-caution-soft-hover: var(--yellow-75); --color-background-caution-soft-active: var(--yellow-75); --color-background-caution-soft-alpha: var(--yellow-a50); --color-background-caution-soft-alpha-hover: var(--yellow-a75); --color-background-caution-soft-alpha-active: var(--yellow-a75); --color-background-caution-solid: var(--yellow-600); --color-background-caution-solid-hover: var(--yellow-700); --color-background-caution-solid-active: var(--yellow-700); --color-text-caution-solid: var(--white); --color-background-caution-outline-hover: var(--yellow-a25); --color-background-caution-outline-active: var(--yellow-a25); --color-border-caution-outline: var(--yellow-700); --color-border-caution-outline-hover: var(--yellow-700); --color-text-caution-outline: var(--yellow-700); --color-text-caution-outline-hover: var(--yellow-700); --color-background-caution-ghost-hover: var(--yellow-a50); --color-background-caution-ghost-active: var(--yellow-a50); --color-text-caution-ghost: var(--yellow-700); --color-text-caution-ghost-hover: var(--yellow-700); --color-ring-caution: var(--color-ring); --color-ring-caution-soft: var(--color-ring-caution); --color-ring-caution-solid: var(--color-ring-caution); --color-ring-caution-outline: var(--color-ring-caution); --color-ring-caution-ghost: var(--color-ring-caution); --color-background-danger-soft: var(--red-50); --color-background-danger-soft-hover: var(--red-75); --color-background-danger-soft-active: var(--red-75); --color-background-danger-soft-alpha: var(--red-a50); --color-background-danger-soft-alpha-hover: var(--red-a75); --color-background-danger-soft-alpha-active: var(--red-a75); --color-background-danger-solid: var(--red-500); --color-background-danger-solid-hover: var(--red-600); --color-background-danger-solid-active: var(--red-600); --color-text-danger-solid: var(--white); --color-background-danger-outline-hover: var(--red-a25); --color-background-danger-outline-active: var(--red-a25); --color-border-danger-outline: var(--red-500); --color-border-danger-outline-hover: var(--red-500); --color-text-danger-outline: var(--red-500); --color-text-danger-outline-hover: var(--red-500); --color-background-danger-ghost-hover: var(--red-a50); --color-background-danger-ghost-active: var(--red-a50); --color-text-danger-ghost: var(--red-500); --color-text-danger-ghost-hover: var(--red-500); --color-ring-danger: var(--red-200); --color-ring-danger-soft: var(--color-ring-danger); --color-ring-danger-solid: var(--color-ring-danger); --color-ring-danger-outline: var(--color-ring-danger); --color-ring-danger-ghost: var(--color-ring-danger); --color-background-success-soft: var(--green-50); --color-background-success-soft-hover: var(--green-75); --color-background-success-soft-active: var(--green-75); --color-background-success-soft-alpha: var(--green-a50); --color-background-success-soft-alpha-hover: var(--green-a75); --color-background-success-soft-alpha-active: var(--green-a75); --color-text-success-solid: var(--white); --color-background-success-outline-hover: var(--green-a25); --color-background-success-outline-active: var(--green-a25); --color-text-success-outline: var(--green-500); --color-text-success-outline-hover: var(--green-500); --color-background-success-ghost-hover: var(--green-a50); --color-background-success-ghost-active: var(--green-a50); --color-text-success-ghost: var(--green-500); --color-text-success-ghost-hover: var(--green-500); --color-ring-success: var(--color-ring); --color-ring-success-soft: var(--color-ring-info); --color-ring-success-solid: var(--color-ring-info); --color-ring-success-outline: var(--color-ring-info); --color-ring-success-ghost: var(--color-ring-info); --color-background-discovery-soft: var(--purple-50); --color-background-discovery-soft-hover: var(--purple-75); --color-background-discovery-soft-active: var(--purple-75); --color-background-discovery-soft-alpha: var(--purple-a50); --color-background-discovery-soft-alpha-hover: var(--purple-a75); --color-background-discovery-soft-alpha-active: var(--purple-a75); --color-background-discovery-solid: var(--purple-400); --color-background-discovery-solid-hover: var(--purple-500); --color-background-discovery-solid-active: var(--purple-500); --color-text-discovery-solid: var(--white); --color-background-discovery-outline-hover: var(--purple-a25); --color-background-discovery-outline-active: var(--purple-a25); --color-border-discovery-outline: var(--purple-500); --color-border-discovery-outline-hover: var(--purple-500); --color-background-discovery-ghost-hover: var(--purple-a50); --color-background-discovery-ghost-active: var(--purple-a50); --color-text-discovery-ghost: var(--purple-500); --color-text-discovery-ghost-hover: var(--purple-500); --color-ring-discovery: var(--color-ring); --color-ring-discovery-soft: var(--color-ring); --color-ring-discovery-solid: var(--color-ring); --color-ring-discovery-outline: var(--color-ring); --color-ring-discovery-ghost: var(--color-ring); --color-background-disabled: var(--alpha-05); --color-border-disabled: var(--alpha-06); --font-tracking-wide: 0em; --font-tracking-normal: -.01em; --font-tracking-tight: -.02em; --font-heading-5xl-size: 4.5rem; --font-heading-5xl-line-height: 4.5rem; --font-heading-5xl-weight: var(--font-weight-semibold); --font-heading-5xl-tracking: var(--tracking-tight); --font-heading-4xl-size: 3.75rem; --font-heading-4xl-line-height: 3.75rem; --font-heading-4xl-weight: var(--font-weight-semibold); --font-heading-4xl-tracking: var(--tracking-tight); --font-heading-3xl-size: 3rem; --font-heading-3xl-line-height: 3rem; --font-heading-3xl-weight: var(--font-weight-semibold); --font-heading-3xl-tracking: var(--tracking-tight); --font-heading-2xl-size: 2.25rem; --font-heading-2xl-line-height: 2.625rem; --font-heading-2xl-weight: var(--font-weight-semibold); --font-heading-2xl-tracking: var(--tracking-tight); --font-heading-xl-size: 2rem; --font-heading-xl-line-height: 2.375rem; --font-heading-xl-weight: var(--font-weight-semibold); --font-heading-xl-tracking: var(--tracking-tight); --font-heading-lg-size: 1.5rem; --font-heading-lg-line-height: 1.75rem; --font-heading-lg-weight: var(--font-weight-semibold); --font-heading-lg-tracking: var(--tracking-normal); --font-heading-md-size: 1.25rem; --font-heading-md-line-height: 1.625rem; --font-heading-md-weight: var(--font-weight-semibold); --font-heading-md-tracking: var(--tracking-normal); --font-heading-sm-size: 1.125rem; --font-heading-sm-line-height: 1.625rem; --font-heading-sm-weight: var(--font-weight-semibold); --font-heading-sm-tracking: var(--tracking-normal); --font-heading-xs-size: 1rem; --font-heading-xs-line-height: 1.5rem; --font-heading-xs-weight: var(--font-weight-semibold); --font-heading-xs-tracking: var(--tracking-normal); --font-text-lg-size: 1.125rem; --font-text-lg-line-height: 1.8125rem; --font-text-lg-weight: var(--font-weight-normal); --font-text-lg-tracking: var(--tracking-normal); --font-text-md-size: 1rem; --font-text-md-line-height: 1.5rem; --font-text-md-weight: var(--font-weight-normal); --font-text-md-tracking: var(--tracking-normal); --font-text-sm-size: .875rem; --font-text-sm-line-height: 1.25rem; --font-text-sm-weight: var(--font-weight-normal); --font-text-sm-tracking: var(--tracking-normal); --font-text-xs-size: .75rem; --font-text-xs-line-height: 1.125rem; --font-text-xs-weight: var(--font-weight-normal); --font-text-xs-tracking: var(--tracking-wide); --font-text-2xs-size: .625rem; --font-text-2xs-line-height: .875rem; --font-text-2xs-weight: var(--font-weight-normal); --font-text-2xs-tracking: var(--tracking-wide); --font-text-3xs-size: .5rem; --font-text-3xs-line-height: .75rem; --font-text-3xs-weight: var(--font-weight-normal); --font-text-3xs-tracking: var(--tracking-wide); --font-small-caps-md-size: .6875rem; --font-small-caps-md-line-height: .9375rem; --font-small-caps-md-weight: var(--font-weight-semibold); --font-small-caps-md-tracking: .65px; --font-small-caps-lg-size: .8125rem; --font-small-caps-lg-line-height: 1.1875rem; --font-small-caps-lg-weight: var(--font-weight-semibold); --font-small-caps-lg-tracking: .6px; --control-size-3xs: 1.375rem; --control-size-2xs: 1.5rem; --control-size-xs: 1.625rem; --control-size-sm: 1.75rem; --control-size-md: 2rem; --control-size-lg: 2.25rem; --control-size-xl: 2.5rem; --control-size-2xl: 2.75rem; --control-size-3xl: 3rem; --control-gutter-2xs: .375rem; --control-gutter-xs: .5rem; --control-gutter-sm: .625rem; --control-gutter-md: .75rem; --control-gutter-lg: .875rem; --control-gutter-xl: 1rem; --control-gutter-pill-scaling: 1.33; --control-radius-sm: var(--radius-sm); --control-radius-md: var(--radius-md); --control-radius-lg: var(--radius-lg); --control-radius-xl: var(--radius-xl); --control-font-size-sm: var(--font-text-xs-size); --control-font-size-md: var(--font-text-sm-size); --control-font-size-lg: var(--font-text-md-size); --control-icon-size-xs: .875rem; --control-icon-size-sm: 1rem; --control-icon-size-md: 1.125rem; --control-icon-size-lg: 1.25rem; --control-icon-size-xl: 1.375rem; --control-icon-size-2xl: 1.5rem; --cubic-enter: cubic-bezier(.19,1,.22,1); --cubic-exit: cubic-bezier(.8,0,.4,1); --cubic-exit-snappy: cubic-bezier(.65,0,.4,1); --cubic-move: cubic-bezier(.65,0,.35,1); --transition-duration-basic: .15s; --transition-ease-basic: ease; --scrollbar-color: var(--alpha-30); --shadow-hairline: 0 0 0 var(--shadow-hairline-width)var(--shadow-hairline-color); --shadow-100: var(--elevation-100-geo)rgb(var(--shadow-color)/var(--shadow-alpha-100)); --shadow-100-strong: var(--elevation-100-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-100)*1.25)); --shadow-100-stronger: var(--elevation-100-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-100)*1.6)); --shadow-200: var(--elevation-200-geo)rgb(var(--shadow-color)/var(--shadow-alpha-200)); --shadow-200-strong: var(--elevation-200-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-200)*1.25)); --shadow-200-stronger: var(--elevation-200-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-200)*1.6)); --shadow-300: var(--elevation-300-geo)rgb(var(--shadow-color)/var(--shadow-alpha-300)); --shadow-300-strong: var(--elevation-300-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-300)*1.25)); --shadow-300-stronger: var(--elevation-300-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-300)*1.6)); --shadow-400: var(--elevation-400-geo)rgb(var(--shadow-color)/var(--shadow-alpha-400)); --shadow-400-strong: var(--elevation-400-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-400)*1.25)); --shadow-400-stronger: var(--elevation-400-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-400)*1.6)); --alert-border-radius: var(--radius-xl); --alert-gap: calc(var(--spacing) * 3); --alert-gutter: calc(var(--spacing) * 4); --alert-font-size: var(--font-text-sm-size); --alert-line-height: var(--font-text-sm-line-height); --alert-title-font-weight: var(--font-weight-semibold); --avatar-radius: var(--radius-full); --avatar-size: 28px; --avatar-font-size-scaling: .5; --avatar-overflow-font-size-scaling-one: .45; --avatar-overflow-font-size-scaling-two: .37; --avatar-overflow-font-size-scaling-three: .3; --avatar-group-cutout-width: 3px; --avatar-group-cutout-color: var(--color-surface); --avatar-group-spacing: -8px; --badge-gutter-sm: calc(var(--control-gutter-2xs) - 1px); --badge-gutter-md: var(--control-gutter-2xs); --badge-gutter-lg: var(--control-gutter-xs); --badge-size-sm: calc(var(--control-size-3xs) - 2px); --badge-size-md: var(--control-size-3xs); --badge-size-lg: var(--control-size-2xs); --badge-radius-sm: var(--radius-xs); --badge-radius-md: var(--radius-xs); --badge-radius-lg: var(--radius-sm); --badge-font-size-sm: var(--font-text-xs-size); --badge-font-size-md: var(--font-text-sm-size); --badge-font-size-lg: var(--font-text-sm-size); --badge-tracking-sm: var(--tracking-wide); --badge-tracking-md: var(--tracking-normal); --badge-tracking-lg: var(--tracking-normal); --badge-font-weight-sm: var(--font-weight-semibold); --badge-font-weight-md: var(--font-weight-semibold); --badge-font-weight-lg: var(--font-weight-semibold); --badge-icon-font-size-sm: var(--font-text-xs-size); --badge-icon-font-size-md: var(--font-text-md-size); --badge-icon-font-size-lg: var(--font-text-md-size); --badge-indicator-size-sm: var(--font-text-xs-size); --badge-indicator-size-md: var(--font-text-xs-size); --badge-indicator-size-lg: var(--font-text-sm-size); --button-gap-sm: 3px; --button-gap-md: 4px; --button-gap-lg: 6px; --button-font-weight: var(--font-weight-medium); --input-gap-xs: 4px; --input-gap-sm: 6px; --input-gap-md: 8px; --input-gap-lg: 10px; --input-text-color: var(--color-text); --input-placeholder-text-color: var(--color-text-tertiary); --input-outline-border-color: var(--color-border-primary-outline); --input-outline-border-color-focus: var(--alpha-50); --input-soft-background-color: var(--color-background-primary-soft-alpha); --input-soft-border-color-focus: var(--alpha-20); --link-font-weight: inherit; --link-gap: calc(var(--spacing) * .5); --link-radius: var(--radius-sm); --link-underline-decoration-offset: .1em; --chat-max-width: 800px; --chat-gutter: calc(var(--spacing) * 5); --chat-background-color: var(--color-surface); --thread-gutter: calc(var(--spacing) * 4); --composer-gutter: calc(var(--spacing) * 3); --composer-compact-gutter: calc(var(--spacing) * 2); --composer-radius: var(--radius-4xl); --composer-background-color: var(--color-surface-elevated); --smoothing-background-color: var(--color-surface); --user-message-text-color: var(--color-text-prose); --source-list-gutter: var(--thread-gutter); --codeblock-background-color: var(--gray-25); --codeblock-syntax-4: var(--pink-500); --dialog-min-width: 250px; --dialog-max-width: 450px; --dialog-radius: var(--radius-xl); --dialog-container-inner-padding: calc(var(--spacing) * 5); --dialog-backdrop-dim-background: var(--modal-backdrop-background); --dialog-backdrop-fade-background: var(--modal-backdrop-fade-background); --dialog-backdrop-fade-filter: var(--modal-backdrop-fade-filter); --dialog-backdrop-fade-shadow: var(--modal-backdrop-fade-shadow); --menu-gutter: calc(var(--spacing) * 1.5); --menu-radius: var(--radius-xl); --menu-font-size: var(--font-text-sm-size); --menu-line-height: var(--font-text-sm-line-height); --menu-item-padding: calc(var(--spacing) * 1.5)calc(var(--spacing) * 2); --menu-item-gap: calc(var(--spacing) * 1.5); --menu-separator-gutter: var(--menu-gutter)calc(-1*var(--menu-gutter)); --menu-separator-background-color: var(--color-border); --menu-radio-indicator-size: var(--font-text-lg-size); --menu-radio-indicator-hole-size: var(--font-text-3xs-size); --menu-checkbox-indicator-size: var(--font-text-lg-size); --modal-radius: var(--radius-xl); --modal-backdrop-fade-filter: blur(1px); --modal-backdrop-dim-shadow: var(--shadow); --modal-container-inner-padding: calc(var(--spacing) * 5); --popover-radius: var(--radius-xl); --radio-group-col-gap: calc(var(--spacing) * 2.5); --radio-group-row-gap: calc(var(--spacing) * 5); --radio-group-item-gap: calc(var(--spacing) * 1.5); --radio-group-item-font-size: var(--font-text-sm-size); --radio-group-item-line-height: var(--font-text-sm-line-height); --radio-group-indicator-size: var(--font-text-md-size); --radio-group-indicator-border-color: var(--color-border-primary-outline); --radio-group-indicator-border-color-hover: var(--alpha-25); --radio-group-indicator-background-color: var(--color-background-primary-solid); --radio-group-indicator-hole-size: .375rem; --radio-group-indicator-hole-background-color: var(--color-text-primary-solid); --segmented-control-gap: 2px; --segmented-control-gutter: 2px; --segmented-control-font-weight: var(--font-weight-semibold); --segmented-control-thumb-shadow: 0 1px 4px -1px #0003; --segmented-control-option-highlight-gutter: 1px; --select-list-scale: .95; --select-item-active-font-weight: var(--font-weight-semibold); --select-control-font-weight: var(--font-weight-medium); --switch-track-width: 32px; --switch-track-height: 19px; --switch-thumb-offset: 3px; --switch-thumb-size: calc(var(--switch-track-height) - 2*var(--switch-thumb-offset)); --switch-thumb-shadow: 0 1px 2px #0003; --switch-label-gap: calc(var(--spacing) * 2); --tooltip-border-radius: var(--radius-md); --tooltip-background-color: var(--color-surface-elevated); --tooltip-text-color: var(--color-text); --tooltip-box-shadow: var(--shadow),var(--shadow-hairline); --tooltip-font-size: var(--font-text-sm-size); --tooltip-font-weight: var(--font-weight-normal); --tooltip-line-height: 1.45; --tooltip-padding-sm: calc(var(--spacing) * 2)calc(var(--spacing) * 3); --tooltip-padding-md: calc(var(--spacing) * 3)calc(var(--spacing) * 4); --tooltip-padding-lg: 14px 18px; --tooltip-compact-padding: calc(var(--spacing) * .5)calc(var(--spacing) * 2); --tooltip-compact-background-color: var(--gray-700); --tooltip-compact-text-color: var(--gray-0); --tooltip-compact-interactive-background-color-hover: var(--gray-600); --tooltip-compact-interactive-text-color-hover: var(--gray-0); --tooltip-compact-font-size: var(--font-text-sm-size); --tooltip-compact-font-weight: var(--font-weight-normal); } :where(:root), :where([data-theme="light"]) { --color-text: var(--gray-750); --color-text-secondary: var(--gray-500); --color-text-tertiary: var(--gray-400); --color-ring: var(--blue-500); --color-background-primary-soft: var(--gray-100); --color-background-primary-soft-hover: var(--gray-150); --color-background-primary-soft-active: var(--gray-200); --color-background-primary-soft-alpha: var(--alpha-08); --color-background-primary-soft-alpha-hover: var(--alpha-12); --color-background-primary-soft-alpha-active: var(--alpha-16); --color-background-primary-surface: var(--alpha-05); --color-border-primary-surface: var(--alpha-05); --color-background-primary-solid: var(--gray-900); --color-background-primary-solid-hover: var(--gray-700); --color-background-primary-solid-active: var(--gray-600); --color-background-primary-outline-hover: var(--alpha-02); --color-background-primary-outline-active: var(--alpha-04); --color-border-primary-outline: var(--alpha-16); --color-border-primary-outline-hover: var(--alpha-20); --color-background-primary-ghost-hover: var(--alpha-08); --color-background-primary-ghost-active: var(--alpha-12); --color-background-secondary-soft: var(--gray-100); --color-background-secondary-soft-hover: var(--gray-150); --color-background-secondary-soft-active: var(--gray-200); --color-background-secondary-soft-alpha: var(--alpha-08); --color-background-secondary-soft-alpha-hover: var(--alpha-12); --color-background-secondary-soft-alpha-active: var(--alpha-16); --color-background-secondary-solid: var(--gray-500); --color-background-secondary-solid-hover: var(--gray-600); --color-background-secondary-solid-active: var(--gray-700); --color-background-secondary-outline-hover: var(--alpha-02); --color-background-secondary-outline-active: var(--alpha-04); --color-border-secondary-outline: var(--alpha-16); --color-border-secondary-outline-hover: var(--alpha-20); --color-background-secondary-ghost-hover: var(--alpha-08); --color-background-secondary-ghost-active: var(--alpha-12); --color-text-info: var(--blue-500); --color-text-info-soft: var(--blue-600); --color-background-info-surface: var(--blue-a25); --color-border-info-surface: var(--blue-a25); --color-text-info-surface: var(--blue-600); --color-text-info-ghost: var(--blue-500); --color-text-info-ghost-hover: var(--blue-500); --color-text-warning: var(--orange-700); --color-text-warning-soft: var(--orange-700); --color-background-warning-surface: var(--orange-a25); --color-border-warning-surface: var(--orange-a25); --color-text-warning-surface: var(--orange-700); --color-text-caution: var(--yellow-700); --color-text-caution-soft: var(--yellow-800); --color-background-caution-surface: var(--yellow-a25); --color-border-caution-surface: var(--yellow-a25); --color-text-caution-surface: var(--yellow-800); --color-text-danger: var(--red-700); --color-text-danger-soft: var(--red-600); --color-background-danger-surface: var(--red-a25); --color-border-danger-surface: var(--red-a25); --color-text-danger-surface: var(--red-600); --color-text-success: var(--green-700); --color-text-success-soft: var(--green-600); --color-background-success-surface: var(--green-a25); --color-border-success-surface: var(--green-a25); --color-text-success-surface: var(--green-600); --color-background-success-solid: var(--green-500); --color-background-success-solid-hover: var(--green-500); --color-background-success-solid-active: var(--green-500); --color-border-success-outline: var(--green-500); --color-border-success-outline-hover: var(--green-500); --color-text-discovery: var(--purple-700); --color-text-discovery-soft: var(--purple-600); --color-background-discovery-surface: var(--purple-a25); --color-border-discovery-surface: var(--purple-a25); --color-text-discovery-surface: var(--purple-600); --color-text-discovery-outline: var(--purple-500); --color-text-discovery-outline-hover: var(--purple-500); --color-text-disabled: var(--gray-400); --color-border-subtle: var(--alpha-05); --color-border: var(--alpha-10); --color-border-strong: var(--alpha-15); --shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --color-surface: var(--gray-0); --color-surface-secondary: var(--gray-50); --color-surface-tertiary: var(--gray-75); --color-surface-elevated: var(--gray-0); --color-surface-elevated-secondary: var(--gray-50); --avatar-image-border-color: var(--alpha-04); --input-outline-border-color-hover: var(--alpha-25); --input-border-color-invalid: var(--red-500); --link-primary-text-color: var(--blue-500); --link-primary-text-color-hover: var(--blue-800); --user-message-background-color: var(--alpha-05); --codeblock-syntax-1: #c0660d; --codeblock-syntax-2: var(--blue-500); --codeblock-syntax-3: var(--green-600); --codeblock-syntax-5: var(--purple-500); --menu-item-background-color: var(--alpha-08); --modal-backdrop-background: #0000004d; --modal-backdrop-fade-background: #f2f2f280; --segmented-control-background: var(--gray-100); --segmented-control-thumb-background: var(--gray-0); --segmented-control-option-highlight-background-color: var(--gray-200); --slider-track-color: var(--gray-150); --slider-range-color: var(--gray-450); --switch-track-color: var(--gray-150); --switch-track-color-hover: var(--gray-200); --switch-track-color-checked: var(--gray-900); --switch-track-color-checked-disabled: var(--gray-300); --switch-track-color-disabled: var(--gray-100); --switch-thumb-color: var(--gray-0); --switch-thumb-color-disabled: var(--gray-0); } :where([data-theme="dark"]) { --color-text: var(--gray-850); --color-text-secondary: var(--gray-700); --color-text-tertiary: var(--gray-600); --color-ring: var(--blue-400); --color-background-primary-soft: var(--gray-300); --color-background-primary-soft-hover: var(--gray-350); --color-background-primary-soft-active: var(--gray-400); --color-background-primary-soft-alpha: var(--alpha-12); --color-background-primary-soft-alpha-hover: var(--alpha-16); --color-background-primary-soft-alpha-active: var(--alpha-20); --color-background-primary-surface: var(--alpha-08); --color-border-primary-surface: var(--alpha-08); --color-background-primary-solid: var(--gray-950); --color-background-primary-solid-hover: var(--gray-900); --color-background-primary-solid-active: var(--gray-850); --color-background-primary-outline-hover: var(--alpha-04); --color-background-primary-outline-active: var(--alpha-06); --color-border-primary-outline: var(--alpha-25); --color-border-primary-outline-hover: var(--alpha-30); --color-background-primary-ghost-hover: var(--alpha-12); --color-background-primary-ghost-active: var(--alpha-16); --color-background-secondary-soft: var(--gray-300); --color-background-secondary-soft-hover: var(--gray-350); --color-background-secondary-soft-active: var(--gray-400); --color-background-secondary-soft-alpha: var(--alpha-12); --color-background-secondary-soft-alpha-hover: var(--alpha-16); --color-background-secondary-soft-alpha-active: var(--alpha-20); --color-background-secondary-solid: var(--gray-400); --color-background-secondary-solid-hover: var(--gray-450); --color-background-secondary-solid-active: var(--gray-500); --color-background-secondary-outline-hover: var(--alpha-04); --color-background-secondary-outline-active: var(--alpha-06); --color-border-secondary-outline: var(--alpha-25); --color-border-secondary-outline-hover: var(--alpha-30); --color-background-secondary-ghost-hover: var(--alpha-12); --color-background-secondary-ghost-active: var(--alpha-16); --color-text-info: var(--blue-200); --color-text-info-soft: var(--blue-300); --color-background-info-surface: var(--blue-a50); --color-border-info-surface: var(--blue-a50); --color-text-info-surface: var(--blue-300); --color-text-info-ghost: var(--blue-200); --color-text-info-ghost-hover: var(--blue-200); --color-text-warning: var(--orange-500); --color-text-warning-soft: var(--orange-400); --color-background-warning-surface: var(--orange-a50); --color-border-warning-surface: var(--orange-a50); --color-text-warning-surface: var(--orange-400); --color-text-caution: var(--yellow-500); --color-text-caution-soft: var(--yellow-400); --color-background-caution-surface: var(--yellow-a50); --color-border-caution-surface: var(--yellow-a50); --color-text-caution-surface: var(--yellow-400); --color-text-danger: var(--red-500); --color-text-danger-soft: var(--red-400); --color-background-danger-surface: var(--red-a50); --color-border-danger-surface: var(--red-a50); --color-text-danger-surface: var(--red-400); --color-text-success: var(--green-400); --color-text-success-soft: var(--green-400); --color-background-success-surface: var(--green-a50); --color-border-success-surface: var(--green-a50); --color-text-success-surface: var(--green-400); --color-background-success-solid: var(--green-600); --color-background-success-solid-hover: var(--green-600); --color-background-success-solid-active: var(--green-600); --color-border-success-outline: var(--green-600); --color-border-success-outline-hover: var(--green-600); --color-text-discovery: var(--purple-500); --color-text-discovery-soft: var(--purple-200); --color-background-discovery-surface: var(--purple-a50); --color-border-discovery-surface: var(--purple-a50); --color-text-discovery-surface: var(--purple-200); --color-text-discovery-outline: var(--purple-400); --color-text-discovery-outline-hover: var(--purple-400); --color-text-disabled: var(--gray-500); --color-border-subtle: var(--alpha-06); --color-border: var(--alpha-12); --color-border-strong: var(--alpha-20); --shadow: 0 10px 15px -3px #0003,0 4px 6px -4px #0003; --color-surface: var(--gray-200); --color-surface-secondary: var(--gray-100); --color-surface-tertiary: var(--gray-50); --color-surface-elevated: var(--gray-300); --color-surface-elevated-secondary: var(--gray-400); --avatar-image-border-color: var(--alpha-15); --input-outline-border-color-hover: var(--alpha-30); --input-border-color-invalid: var(--red-600); --link-primary-text-color: var(--blue-300); --link-primary-text-color-hover: var(--blue-400); --user-message-background-color: var(--alpha-08); --codeblock-syntax-1: var(--yellow-100); --codeblock-syntax-2: var(--blue-200); --codeblock-syntax-3: var(--green-300); --codeblock-syntax-5: var(--purple-300); --menu-item-background-color: var(--alpha-10); --modal-backdrop-background: #00000080; --modal-backdrop-fade-background: #00000080; --segmented-control-background: var(--gray-0); --segmented-control-thumb-background: var(--gray-300); --segmented-control-option-highlight-background-color: var(--gray-300); --slider-track-color: var(--gray-400); --slider-range-color: var(--gray-600); --switch-track-color: var(--gray-400); --switch-track-color-hover: var(--gray-450); --switch-track-color-checked: var(--blue-400); --switch-track-color-checked-disabled: var(--blue-700); --switch-track-color-disabled: var(--gray-300); --switch-thumb-color: var(--gray-1000); --switch-thumb-color-disabled: var(--gray-800); } :where(:root), :where([data-theme="light"]) { --modal-sheet-fade-shadow: 0 -8px 16px 0 #00000012,0 -2px 6px 0 #0000000d,0 0 0 1px var(--color-border); --modal-backdrop-fade-shadow: 0 8px 16px 0 #00000012,0 2px 6px 0 #0000000d,0 0 0 1px var(--color-border); } :where([data-theme="dark"]) { --modal-sheet-fade-shadow: 0 -8px 16px 0 #00000059,0 -2px 8px 0 #0003,0 0 0 1px #0006; --modal-backdrop-fade-shadow: 0 8px 16px 0 #00000059,0 2px 8px 0 #0003,inset 0 0 0 1px var(--color-border-subtle); } } @layer base { *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; } html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; } hr { height: 0px; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } ::-webkit-search-decoration { appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0px; } ::-webkit-datetime-edit { padding-block: 0px; } ::-webkit-datetime-edit-year-field { padding-block: 0px; } ::-webkit-datetime-edit-month-field { padding-block: 0px; } ::-webkit-datetime-edit-day-field { padding-block: 0px; } ::-webkit-datetime-edit-hour-field { padding-block: 0px; } ::-webkit-datetime-edit-minute-field { padding-block: 0px; } ::-webkit-datetime-edit-second-field { padding-block: 0px; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } html, :host { font-synthesis-weight: none; } textarea { resize: none; } img, svg { flex-grow: 0; flex-shrink: 0; } input, textarea, select, optgroup { appearance: none; box-shadow: none; filter: none; outline-offset: 0px; outline-width: 2px; } a, button, input, label, select, textarea, :where([aria-role="button"]) { touch-action: manipulation; } button { text-transform: none; vertical-align: middle; } button:not(:disabled), [role="button"]:not(:disabled) { cursor: pointer; } pre { white-space: pre-wrap; } table { border-spacing: 0px; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } html, :host { color: var(--color-text); -webkit-font-smoothing: antialiased; letter-spacing: var(--tracking-normal); } [data-theme="light"] { color-scheme: light; } [data-theme="dark"] { color-scheme: dark; } * { } [data-exiting] { pointer-events: none; } ::placeholder { color: var(--color-text-tertiary); } b, strong { font-weight: var(--font-weight-semibold); } hr { border-color: var(--color-border-subtle); } :root { --gold-100: #ffe8c4; --gold-200: #f6cf9e; --gold-400: #e39c51; --gold-500: #d9822b; --gold-500a: #d9822b4d; --gold-600: #b7701c; --gold-900: #5e3c08; --pink-100: #dd5ce5; --primary: #10a37f; --primary-100: #d2f4d3; --primary-600: #10a37f; --primary-700: #1a7f64; --primary-100a: #10a37f4d; --secondary-100: #d2cff2; --secondary-600: #5436da; --secondary-100a: #5436da4d; } :root:where([data-theme="dark"]) { --secondary-100: var(--purple-600); --secondary-600: var(--purple-200); } :root { --nav-bg: var(--color-background-primary-soft); --nav-bg-hover: var(--color-background-primary-soft); --pill-success-bg: var(--green-100); --pill-danger-bg: var(--red-100); --pill-warning-bg: #ffe8c4; --pill-warning-text: #945e0c; --code-snippet-bg: linear-gradient(45deg,var(--gray-50)0%,#f7f7f8 100%); --syntax1: #c0660d; --syntax2: #1971a8; --syntax3: #008c6a; --syntax4: #e62c7a; --syntax5: #e21c2d; --inline-code-bg: var(--gray-50); --inline-code-border: 1px solid var(--color-background-primary-soft); --shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --tracking-small-caps: .5px; --global-header-height: 54px; --global-header-nav-item-margin: 64px; --global-page-gutter: 8px; --heading-margin-top: 30px; --heading-margin-bottom: 8px; --side-nav-width: 210px; --side-nav-collapsed-width: 56px; --content-width: 760px; --content-v-padding: 24px; --content-h-padding: 24px; --docs-page-max-width: 1048px; --sans-serif: "OpenAI Sans",helvetica,sans-serif; --monospace: "SF Mono","SFMono-Regular",ui-monospace,consolas,liberation mono,menlo,monospace; --card-gradient: linear-gradient(238deg,#f7f7f880 0%,#f7f7f8 100%); --card-gradient-hover: linear-gradient(238deg,#ffffff80 0%,#fafafa 100%); --card-shadow-hover: 0px 16px 24px -8px #00000012; } :root:where([data-theme="dark"]) { --shadow: 0 10px 15px -3px #0003,0 4px 6px -4px #0003; --nav-bg: var(--gray-150); --nav-bg-hover: var(--color-background-primary-soft); --pill-success-bg: var(--green-800); --pill-danger-bg: var(--red-800); --pill-warning-text: #ffe8c4; --pill-warning-bg: #945e0c; --code-snippet-bg: linear-gradient(45deg,#0006 0%,#0003 100%); --syntax1: #e9950c; --syntax2: #2e95d3; --syntax3: #00a67d; --syntax4: #df3079; --syntax5: #f22c3d; --inline-code-bg: var(--color-background-primary-soft); --input-border: var(--gray-200); --card-gradient: linear-gradient(45deg,#5658691a 0%,#56586926 100%); --card-gradient-hover: linear-gradient(45deg,#56586926 0%,#56586940 100%); --card-shadow-hover: 0px 16px 24px -8px #11182740; } @media (min-width: 768px) { :root { --content-v-padding: 40px; --content-h-padding: 56px; } } html, body { background-color: var(--color-surface-tertiary); height: 100%; color: var(--color-text); font-family: var(--sans-serif); -webkit-font-smoothing: antialiased; letter-spacing: var(--font-tracking-normal); text-decoration-skip-ink: auto; margin: 0px; padding: 0px; font-size: 16px; } @media print { :is(html, body) { background: 0px 0px; height: auto; } } *, ::before, ::after { box-sizing: border-box; } * { } svg { flex-shrink: 0; } input, textarea, button { font-family: var(--sans-serif); letter-spacing: var(--font-tracking-normal); } :is(h1, h2, h3, h4, h5, h6):not(.no-globals *) { margin-top: var(--heading-margin-top); margin-bottom: var(--heading-margin-bottom); color: var(--gray-900); font-weight: var(--font-weight-semibold); line-height: 1.25; } :is(h1, h2, h3, h4, h5, h6):not(.no-globals *):first-child { margin-top: 0px; } :is(h1):not(.no-globals *) { font-size: 28px; line-height: 40px; } :is(h2):not(.no-globals *) { font-size: 24px; line-height: 32px; } :is(h3):not(.no-globals *) { font-size: 20px; line-height: 28px; } :is(h4):not(.no-globals *) { font-size: 18px; line-height: 24px; } :is(h5):not(.no-globals *) { font-size: 16px; } :is(h6):not(.no-globals *) { letter-spacing: var(--font-tracking-wide); font-size: 12px; } .monospace { font-family: var(--monospace); } .heading-medium { color: var(--gray-900); font-size: 20px; font-weight: var(--font-weight-bold); line-height: 28px; } .subheading { color: var(--gray-900); font-size: 12px; font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-small-caps); text-transform: uppercase; line-height: 16px; } .caption-mono { font-family: var(--monospace); font-size: 12px; font-weight: var(--font-weight-normal); letter-spacing: var(--font-tracking-wide); line-height: 20px; } .body-large { font-size: 16px; font-weight: var(--font-weight-normal); line-height: 24px; } .body-small { font-size: 14px; font-weight: var(--font-weight-normal); line-height: 20px; } .body-small-bold { font-size: 14px; font-weight: var(--font-weight-semibold); line-height: 20px; } .body-small-secondary { color: var(--color-text-secondary); font-size: 14px; font-weight: var(--font-weight-normal); line-height: 20px; } figcaption, caption, .caption { color: var(--color-text-secondary); font-size: 12px; font-weight: var(--font-weight-normal); letter-spacing: var(--font-tracking-wide); line-height: 1.35; } pre, pre > code { font-family: var(--monospace); } .mono { font-family: var(--monospace); word-break: break-all; background-color: rgb(236, 236, 236); padding: 0.5em 0.2em; } .bold { font-weight: var(--font-weight-bold); } .italic { font-style: italic; } .tabular-nums { font-variant-numeric: tabular-nums; } .nowrap { white-space: nowrap; } :is(p):not(.no-globals *) { line-height: 1.5em; } .inline-code, :is(p code):not(.no-globals *), :is(li code):not(.no-globals *) { border: .5px solid var(--color-border-primary-surface); background: var(--code-snippet-bg); font-family: var(--monospace); font-size: 14px; font-weight: var(--font-weight-normal); border-radius: 6px; margin: 0px 3px; padding: 0px 0.3em; display: inline-block; } :root ::placeholder { color: var(--color-text-disabled); } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes grow-vertical { 0% { height: 20%; } 50% { height: 100%; } 100% { height: 20%; } } @keyframes animate-in { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } .color-gray-600 { color: var(--gray-600); } .color-gray-900 { color: var(--gray-900); } .color-error { color: var(--color-text-danger-soft); } .green-gradient-bg { background-color: rgb(25, 195, 125); background-image: url("/images/icon_bg_green.svg"); background-size: cover; } .red-gradient-bg { background-color: rgb(239, 65, 70); background-image: url("/images/icon_bg_red.svg"); background-size: cover; } .purple-gradient-bg { background-color: rgb(84, 54, 218); background-image: url("/images/icon_bg_blue.svg"); background-size: cover; } .pink-gradient-bg { background-color: rgb(221, 92, 229); background-image: url("/images/icon_bg_magenta.svg"); background-size: cover; } .orange-gradient-bg { background-color: rgb(244, 172, 54); background-image: url("/images/icon_bg_orange.svg"); background-size: cover; } .noselect { user-select: none; } .spacer { flex-grow: 1; } .fade-in { opacity: 1; transition: opacity .3s var(--cubic-move); } } @layer components; @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .sr-only\! { clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border-width: 0px !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0px !important; position: absolute !important; overflow: hidden !important; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing)*0); } .inset-\[-20px\] { inset: -20px; } .-top-1 { top: calc(var(--spacing)*-1); } .top-0 { top: calc(var(--spacing)*0); } .top-0\.5 { top: calc(var(--spacing)*.5); } .top-1 { top: calc(var(--spacing)*1); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing)*2); } .top-3 { top: calc(var(--spacing)*3); } .top-4 { top: calc(var(--spacing)*4); } .top-5 { top: calc(var(--spacing)*5); } .top-\[-35px\] { top: -35px; } .top-\[3px\] { top: 3px; } .top-\[24px\] { top: 24px; } .top-px { top: 1px; } .-right-0\.5 { right: calc(var(--spacing)*-.5); } .-right-1 { right: calc(var(--spacing)*-1); } .right-0 { right: calc(var(--spacing)*0); } .right-1 { right: calc(var(--spacing)*1); } .right-2 { right: calc(var(--spacing)*2); } .right-4 { right: calc(var(--spacing)*4); } .-bottom-0\.5 { bottom: calc(var(--spacing)*-.5); } .bottom-0 { bottom: calc(var(--spacing)*0); } .bottom-2 { bottom: calc(var(--spacing)*2); } .bottom-px { bottom: 1px; } .-left-2 { left: calc(var(--spacing)*-2); } .left-0 { left: calc(var(--spacing)*0); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing)*2); } .left-5 { left: calc(var(--spacing)*5); } .left-full { left: 100%; } .isolate { isolation: isolate; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-100 { z-index: 100; } .-order-1 { order: -1; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .row-1 { grid-row: 1 / auto; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .container { width: 100%; } @media (min-width: 380px) { .container { max-width: 380px; } } @media (min-width: 576px) { .container { max-width: 576px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .\!m-0 { margin: calc(var(--spacing)*0) !important; } .-m-1 { margin: calc(var(--spacing)*-1); } .-m-2 { margin: calc(var(--spacing)*-2); } .m-0 { margin: calc(var(--spacing)*0); } .m-0\.5 { margin: calc(var(--spacing)*.5); } .m-1 { margin: calc(var(--spacing)*1); } .m-5 { margin: calc(var(--spacing)*5); } .m-auto { margin: auto; } .-mx-0\.5 { margin-inline: calc(var(--spacing)*-.5); } .-mx-2 { margin-inline: calc(var(--spacing)*-2); } .-mx-2\.5 { margin-inline: calc(var(--spacing)*-2.5); } .-mx-3 { margin-inline: calc(var(--spacing)*-3); } .-mx-4 { margin-inline: calc(var(--spacing)*-4); } .-mx-5 { margin-inline: calc(var(--spacing)*-5); } .mx-1 { margin-inline: calc(var(--spacing)*1); } .mx-2 { margin-inline: calc(var(--spacing)*2); } .mx-6 { margin-inline: calc(var(--spacing)*6); } .mx-8 { margin-inline: calc(var(--spacing)*8); } .mx-\[-7px\] { margin-inline: -7px; } .mx-\[26px\] { margin-inline: 26px; } .mx-auto { margin-inline: auto; } .mx-px { margin-inline: 1px; } .-my-\[9px\] { margin-block: -9px; } .my-1 { margin-block: calc(var(--spacing)*1); } .my-2 { margin-block: calc(var(--spacing)*2); } .my-3 { margin-block: calc(var(--spacing)*3); } .my-4 { margin-block: calc(var(--spacing)*4); } .my-5 { margin-block: calc(var(--spacing)*5); } .my-8 { margin-block: calc(var(--spacing)*8); } .my-16 { margin-block: calc(var(--spacing)*16); } .ms-1 { margin-inline-start: calc(var(--spacing)*1); } .me-1 { margin-inline-end: calc(var(--spacing)*1); } .me-auto { margin-inline-end: auto; } .\!mt-0 { margin-top: calc(var(--spacing)*0) !important; } .\!mt-2 { margin-top: calc(var(--spacing)*2) !important; } .-mt-0\.5 { margin-top: calc(var(--spacing)*-.5); } .-mt-1 { margin-top: calc(var(--spacing)*-1); } .-mt-2\.5 { margin-top: calc(var(--spacing)*-2.5); } .-mt-4 { margin-top: calc(var(--spacing)*-4); } .-mt-px { margin-top: -1px; } .mt-0 { margin-top: calc(var(--spacing)*0); } .mt-0\.5 { margin-top: calc(var(--spacing)*.5); } .mt-1 { margin-top: calc(var(--spacing)*1); } .mt-2 { margin-top: calc(var(--spacing)*2); } .mt-3 { margin-top: calc(var(--spacing)*3); } .mt-4 { margin-top: calc(var(--spacing)*4); } .mt-5 { margin-top: calc(var(--spacing)*5); } .mt-6 { margin-top: calc(var(--spacing)*6); } .mt-7 { margin-top: calc(var(--spacing)*7); } .mt-8 { margin-top: calc(var(--spacing)*8); } .mt-10 { margin-top: calc(var(--spacing)*10); } .mt-12 { margin-top: calc(var(--spacing)*12); } .mt-16 { margin-top: calc(var(--spacing)*16); } .mt-20 { margin-top: calc(var(--spacing)*20); } .mt-28 { margin-top: calc(var(--spacing)*28); } .mt-32 { margin-top: calc(var(--spacing)*32); } .mt-\[-2px\] { margin-top: -2px; } .mt-\[-3px\] { margin-top: -3px; } .mt-\[-6px\] { margin-top: -6px; } .mt-\[-8px\] { margin-top: -8px; } .mt-\[-12px\] { margin-top: -12px; } .mt-\[-22px\] { margin-top: -22px; } .mt-\[1\.5px\] { margin-top: 1.5px; } .mt-\[1px\] { margin-top: 1px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[3px\] { margin-top: 3px; } .mt-\[4px\] { margin-top: 4px; } .mt-\[11px\] { margin-top: 11px; } .mt-\[18px\] { margin-top: 18px; } .mt-\[21px\] { margin-top: 21px; } .mt-\[32px\] { margin-top: 32px; } .mt-\[100px\] { margin-top: 100px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .\!mr-2\.5 { margin-right: calc(var(--spacing)*2.5) !important; } .-mr-0\.5 { margin-right: calc(var(--spacing)*-.5); } .-mr-1 { margin-right: calc(var(--spacing)*-1); } .-mr-1\.5 { margin-right: calc(var(--spacing)*-1.5); } .-mr-2 { margin-right: calc(var(--spacing)*-2); } .-mr-2\.5 { margin-right: calc(var(--spacing)*-2.5); } .-mr-3 { margin-right: calc(var(--spacing)*-3); } .-mr-5 { margin-right: calc(var(--spacing)*-5); } .-mr-px { margin-right: -1px; } .mr-1 { margin-right: calc(var(--spacing)*1); } .mr-1\.5 { margin-right: calc(var(--spacing)*1.5); } .mr-2 { margin-right: calc(var(--spacing)*2); } .mr-2\.5 { margin-right: calc(var(--spacing)*2.5); } .mr-3 { margin-right: calc(var(--spacing)*3); } .mr-4 { margin-right: calc(var(--spacing)*4); } .mr-6 { margin-right: calc(var(--spacing)*6); } .mr-8 { margin-right: calc(var(--spacing)*8); } .mr-16 { margin-right: calc(var(--spacing)*16); } .mr-\[-2px\] { margin-right: -2px; } .mr-\[-4px\] { margin-right: -4px; } .mr-\[-6px\] { margin-right: -6px; } .mr-\[-10px\] { margin-right: -10px; } .mr-\[-20px\] { margin-right: -20px; } .mr-\[0\.5px\] { margin-right: 0.5px; } .mr-\[140px\] { margin-right: 140px; } .mr-auto { margin-right: auto; } .\!mb-3 { margin-bottom: calc(var(--spacing)*3) !important; } .-mb-0\.5 { margin-bottom: calc(var(--spacing)*-.5); } .-mb-1\.5 { margin-bottom: calc(var(--spacing)*-1.5); } .-mb-3 { margin-bottom: calc(var(--spacing)*-3); } .-mb-4 { margin-bottom: calc(var(--spacing)*-4); } .-mb-6 { margin-bottom: calc(var(--spacing)*-6); } .mb-0 { margin-bottom: calc(var(--spacing)*0); } .mb-0\.5 { margin-bottom: calc(var(--spacing)*.5); } .mb-1 { margin-bottom: calc(var(--spacing)*1); } .mb-1\.5 { margin-bottom: calc(var(--spacing)*1.5); } .mb-2 { margin-bottom: calc(var(--spacing)*2); } .mb-3 { margin-bottom: calc(var(--spacing)*3); } .mb-4 { margin-bottom: calc(var(--spacing)*4); } .mb-5 { margin-bottom: calc(var(--spacing)*5); } .mb-6 { margin-bottom: calc(var(--spacing)*6); } .mb-8 { margin-bottom: calc(var(--spacing)*8); } .mb-10 { margin-bottom: calc(var(--spacing)*10); } .mb-12 { margin-bottom: calc(var(--spacing)*12); } .mb-20 { margin-bottom: calc(var(--spacing)*20); } .mb-\[-2px\] { margin-bottom: -2px; } .mb-\[2px\] { margin-bottom: 2px; } .mb-\[4px\] { margin-bottom: 4px; } .mb-px { margin-bottom: 1px; } .\!-ml-2 { margin-left: calc(var(--spacing)*-2) !important; } .-ml-1 { margin-left: calc(var(--spacing)*-1); } .-ml-1\.5 { margin-left: calc(var(--spacing)*-1.5); } .-ml-2 { margin-left: calc(var(--spacing)*-2); } .-ml-3 { margin-left: calc(var(--spacing)*-3); } .-ml-4 { margin-left: calc(var(--spacing)*-4); } .-ml-\[24px\] { margin-left: -24px; } .ml-0 { margin-left: calc(var(--spacing)*0); } .ml-0\.5 { margin-left: calc(var(--spacing)*.5); } .ml-1 { margin-left: calc(var(--spacing)*1); } .ml-1\.5 { margin-left: calc(var(--spacing)*1.5); } .ml-2 { margin-left: calc(var(--spacing)*2); } .ml-3 { margin-left: calc(var(--spacing)*3); } .ml-4 { margin-left: calc(var(--spacing)*4); } .ml-6 { margin-left: calc(var(--spacing)*6); } .ml-7 { margin-left: calc(var(--spacing)*7); } .ml-8 { margin-left: calc(var(--spacing)*8); } .ml-\[-2px\] { margin-left: -2px; } .ml-\[-3px\] { margin-left: -3px; } .ml-\[-4px\] { margin-left: -4px; } .ml-\[-5px\] { margin-left: -5px; } .ml-\[-6px\] { margin-left: -6px; } .ml-\[2px\] { margin-left: 2px; } .ml-\[3px\] { margin-left: 3px; } .ml-\[26px\] { margin-left: 26px; } .ml-auto { margin-left: auto; } .ml-auto\! { margin-left: auto !important; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-6 { -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .\!block { display: block !important; } .\!inline { display: inline !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .hidden\! { display: none !important; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-block\! { display: inline-block !important; } .inline-flex { display: inline-flex; } .table { display: table; } .table-cell { display: table-cell; } .table-row { display: table-row; } .\!size-\[64px\] { width: 64px !important; height: 64px !important; } .size-4 { width: calc(var(--spacing)*4); height: calc(var(--spacing)*4); } .size-4\.5 { width: calc(var(--spacing)*4.5); height: calc(var(--spacing)*4.5); } .size-5 { width: calc(var(--spacing)*5); height: calc(var(--spacing)*5); } .size-6 { width: calc(var(--spacing)*6); height: calc(var(--spacing)*6); } .size-7 { width: calc(var(--spacing)*7); height: calc(var(--spacing)*7); } .size-8 { width: calc(var(--spacing)*8); height: calc(var(--spacing)*8); } .size-12 { width: calc(var(--spacing)*12); height: calc(var(--spacing)*12); } .size-14 { width: calc(var(--spacing)*14); height: calc(var(--spacing)*14); } .size-full { width: 100%; height: 100%; } .\!h-6 { height: calc(var(--spacing)*6) !important; } .h-0 { height: calc(var(--spacing)*0); } .h-1 { height: calc(var(--spacing)*1); } .h-2 { height: calc(var(--spacing)*2); } .h-2\.5 { height: calc(var(--spacing)*2.5); } .h-3 { height: calc(var(--spacing)*3); } .h-3\.5 { height: calc(var(--spacing)*3.5); } .h-4 { height: calc(var(--spacing)*4); } .h-4\.5 { height: calc(var(--spacing)*4.5); } .h-5 { height: calc(var(--spacing)*5); } .h-6 { height: calc(var(--spacing)*6); } .h-7 { height: calc(var(--spacing)*7); } .h-8 { height: calc(var(--spacing)*8); } .h-9 { height: calc(var(--spacing)*9); } .h-9\.5 { height: calc(var(--spacing)*9.5); } .h-10 { height: calc(var(--spacing)*10); } .h-12 { height: calc(var(--spacing)*12); } .h-14 { height: calc(var(--spacing)*14); } .h-16 { height: calc(var(--spacing)*16); } .h-20 { height: calc(var(--spacing)*20); } .h-30 { height: calc(var(--spacing)*30); } .h-57 { height: calc(var(--spacing)*57); } .h-64 { height: calc(var(--spacing)*64); } .h-\[8px\] { height: 8px; } .h-\[10px\] { height: 10px; } .h-\[14px\] { height: 14px; } .h-\[15px\] { height: 15px; } .h-\[16px\] { height: 16px; } .h-\[18px\] { height: 18px; } .h-\[20px\] { height: 20px; } .h-\[24px\] { height: 24px; } .h-\[25px\] { height: 25px; } .h-\[26px\] { height: 26px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[34px\] { height: 34px; } .h-\[42px\] { height: 42px; } .h-\[48px\] { height: 48px; } .h-\[50\%\] { height: 50%; } .h-\[50px\] { height: 50px; } .h-\[56px\]\! { height: 56px !important; } .h-\[60vh\] { height: 60vh; } .h-\[80px\] { height: 80px; } .h-\[120px\] { height: 120px; } .h-\[128px\] { height: 128px; } .h-\[132px\] { height: 132px; } .h-\[148px\] { height: 148px; } .h-\[200px\] { height: 200px; } .h-\[300px\] { height: 300px; } .h-\[320px\] { height: 320px; } .h-\[420px\] { height: 420px; } .h-\[430px\] { height: 430px; } .h-\[520px\] { height: 520px; } .h-\[600px\] { height: 600px; } .h-\[730px\] { height: 730px; } .h-\[1200px00px\] { } .h-\[calc\(100\%-36px\)\] { height: calc(100% - 36px); } .h-\[calc\(100\%-56px\)\]\! { height: calc(100% - 56px) !important; } .h-\[calc\(100vh-40px\)\] { height: calc(100vh - 40px); } .h-\[var\(--button-icon-size\)\] { height: var(--button-icon-size); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-5 { max-height: calc(var(--spacing)*5); } .max-h-48 { max-height: calc(var(--spacing)*48); } .max-h-64 { max-height: calc(var(--spacing)*64); } .max-h-72 { max-height: calc(var(--spacing)*72); } .max-h-96 { max-height: calc(var(--spacing)*96); } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[100px\] { max-height: 100px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[350px\] { max-height: 350px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[550px\] { max-height: 550px; } .max-h-\[1000px\] { max-height: 1000px; } .max-h-\[calc\(100vh-40px\)\] { max-height: calc(100vh - 40px); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing)*0); } .min-h-5 { min-height: calc(var(--spacing)*5); } .min-h-9 { min-height: calc(var(--spacing)*9); } .min-h-10 { min-height: calc(var(--spacing)*10); } .min-h-60 { min-height: calc(var(--spacing)*60); } .min-h-96 { min-height: calc(var(--spacing)*96); } .min-h-\[15vh\] { min-height: 15vh; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[50px\] { min-height: 50px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[244px\] { min-height: 244px; } .min-h-\[284px\] { min-height: 284px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[520px\] { min-height: 520px; } .min-h-\[550px\] { min-height: 550px; } .min-h-\[640px\] { min-height: 640px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .\!w-6 { width: calc(var(--spacing)*6) !important; } .w-0 { width: calc(var(--spacing)*0); } .w-0\.5 { width: calc(var(--spacing)*.5); } .w-1\/2 { width: 50%; } .w-2 { width: calc(var(--spacing)*2); } .w-2\.5 { width: calc(var(--spacing)*2.5); } .w-3 { width: calc(var(--spacing)*3); } .w-3\.5 { width: calc(var(--spacing)*3.5); } .w-3\/4 { width: 75%; } .w-3\/12 { width: 25%; } .w-4 { width: calc(var(--spacing)*4); } .w-4\.5 { width: calc(var(--spacing)*4.5); } .w-4\/5 { width: 80%; } .w-5 { width: calc(var(--spacing)*5); } .w-6 { width: calc(var(--spacing)*6); } .w-6\/12 { width: 50%; } .w-7 { width: calc(var(--spacing)*7); } .w-8 { width: calc(var(--spacing)*8); } .w-9 { width: calc(var(--spacing)*9); } .w-12 { width: calc(var(--spacing)*12); } .w-14 { width: calc(var(--spacing)*14); } .w-16 { width: calc(var(--spacing)*16); } .w-20 { width: calc(var(--spacing)*20); } .w-24 { width: calc(var(--spacing)*24); } .w-30 { width: calc(var(--spacing)*30); } .w-36 { width: calc(var(--spacing)*36); } .w-56 { width: calc(var(--spacing)*56); } .w-60 { width: calc(var(--spacing)*60); } .w-\[8px\] { width: 8px; } .w-\[10px\] { width: 10px; } .w-\[14px\] { width: 14px; } .w-\[15px\] { width: 15px; } .w-\[16px\] { width: 16px; } .w-\[18px\] { width: 18px; } .w-\[20px\] { width: 20px; } .w-\[22px\] { width: 22px; } .w-\[24px\] { width: 24px; } .w-\[30px\] { width: 30px; } .w-\[40px\] { width: 40px; } .w-\[65px\] { width: 65px; } .w-\[70px\] { width: 70px; } .w-\[75\%\] { width: 75%; } .w-\[76px\] { width: 76px; } .w-\[80px\] { width: 80px; } .w-\[90\%\] { width: 90%; } .w-\[90px\] { width: 90px; } .w-\[100px\] { width: 100px; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[170px\] { width: 170px; } .w-\[180px\] { width: 180px; } .w-\[195px\] { width: 195px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[230px\] { width: 230px; } .w-\[240px\] { width: 240px; } .w-\[247px\] { width: 247px; } .w-\[275px\] { width: 275px; } .w-\[280px\] { width: 280px; } .w-\[290px\] { width: 290px; } .w-\[300px\] { width: 300px; } .w-\[340px\] { width: 340px; } .w-\[360px\] { width: 360px; } .w-\[390px\] { width: 390px; } .w-\[393px\] { width: 393px; } .w-\[400px\] { width: 400px; } .w-\[420px\] { width: 420px; } .w-\[440px\] { width: 440px; } .w-\[450px\] { width: 450px; } .w-\[560px\] { width: 560px; } .w-\[570px\] { width: 570px; } .w-\[600px\] { width: 600px; } .w-\[640px\] { width: 640px; } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-\[calc\(100\%-30px\)\] { width: calc(100% - 30px); } .w-\[calc\(100\%-55px\)\] { width: calc(100% - 55px); } .w-\[calc\(100\%-60px\)\] { width: calc(100% - 60px); } .w-\[calc\(100\%-160px\)\] { width: calc(100% - 160px); } .w-\[calc\(100\%-var\(--button-gutter\)\)\] { width: calc(100% - var(--button-gutter)); } .w-\[var\(--button-icon-size\)\] { width: var(--button-icon-size); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .\!max-w-\[1100px\] { max-width: 1100px !important; } .max-w-1\/2 { max-width: 50%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-9\/12 { max-width: 75%; } .max-w-10 { max-width: calc(var(--spacing)*10); } .max-w-28 { max-width: calc(var(--spacing)*28); } .max-w-32 { max-width: calc(var(--spacing)*32); } .max-w-40 { max-width: calc(var(--spacing)*40); } .max-w-150 { max-width: calc(var(--spacing)*150); } .max-w-\[15ch\] { max-width: 15ch; } .max-w-\[22rem\] { max-width: 22rem; } .max-w-\[30\%\] { max-width: 30%; } .max-w-\[75\%\] { max-width: 75%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[100\%\] { max-width: 100%; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[230px\] { max-width: 230px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[270px\] { max-width: 270px; } .max-w-\[275px\] { max-width: 275px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[347px\] { max-width: 347px; } .max-w-\[350px\] { max-width: 350px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[752px\] { max-width: 752px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[2060px\] { max-width: 2060px; } .max-w-\[calc\(100\%-20px\)\] { max-width: calc(100% - 20px); } .max-w-\[var\(--developer-message-width\)\] { max-width: var(--developer-message-width); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing)*0); } .min-w-5 { min-width: calc(var(--spacing)*5); } .min-w-15 { min-width: calc(var(--spacing)*15); } .min-w-20 { min-width: calc(var(--spacing)*20); } .min-w-24 { min-width: calc(var(--spacing)*24); } .min-w-40 { min-width: calc(var(--spacing)*40); } .min-w-60 { min-width: calc(var(--spacing)*60); } .min-w-100 { min-width: calc(var(--spacing)*100); } .min-w-120 { min-width: calc(var(--spacing)*120); } .min-w-\[4rem\] { min-width: 4rem; } .min-w-\[7rem\] { min-width: 7rem; } .min-w-\[45px\] { min-width: 45px; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[90px\] { min-width: 90px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[820px\] { min-width: 820px; } .min-w-full { min-width: 100%; } .min-w-min { min-width: min-content; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1, .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .origin-center { transform-origin: 50% center; } .-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x)var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x)var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x)var(--tw-translate-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x)var(--tw-scale-y); } .scale-x-\[-1\] { --tw-scale-x: -1; scale: var(--tw-scale-x)var(--tw-scale-y); } .scale-3d { scale: var(--tw-scale-x)var(--tw-scale-y)var(--tw-scale-z); } .scale-\[4\] { scale: 4; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y); } .transform-none { transform: none; } .cursor-grab { cursor: grab; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-wait { cursor: wait; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .columns-2 { columns: 2; } .columns-3 { columns: 3; } .columns-4 { columns: 4; } .columns-\[320px\] { columns: 320px; } .break-inside-avoid { break-inside: avoid; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); } .grid-cols-\[1fr_1fr_auto\] { grid-template-columns: 1fr 1fr auto; } .grid-cols-\[1fr_160px\] { grid-template-columns: 1fr 160px; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[80px_minmax\(0\,1fr\)\] { grid-template-columns: 80px minmax(0px, 1fr); } .grid-cols-\[125px_auto\] { grid-template-columns: 125px auto; } .grid-cols-\[140px_minmax\(0\,1fr\)\] { grid-template-columns: 140px minmax(0px, 1fr); } .grid-cols-\[160px_1fr\] { grid-template-columns: 160px 1fr; } .grid-cols-\[max-content_max-content_max-content\] { grid-template-columns: max-content max-content max-content; } .grid-cols-\[minmax\(0\,7fr\)_minmax\(220px\,3fr\)\] { grid-template-columns: minmax(0px, 7fr) minmax(220px, 3fr); } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-content-end { place-content: end; } .place-items-center { place-items: center; } .content-between { align-content: space-between; } .content-center { align-content: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing)*0); } .gap-0\.5 { gap: calc(var(--spacing)*.5); } .gap-1 { gap: calc(var(--spacing)*1); } .gap-1\.5 { gap: calc(var(--spacing)*1.5); } .gap-2 { gap: calc(var(--spacing)*2); } .gap-2\.5 { gap: calc(var(--spacing)*2.5); } .gap-3 { gap: calc(var(--spacing)*3); } .gap-4 { gap: calc(var(--spacing)*4); } .gap-5 { gap: calc(var(--spacing)*5); } .gap-6 { gap: calc(var(--spacing)*6); } .gap-8 { gap: calc(var(--spacing)*8); } .gap-10 { gap: calc(var(--spacing)*10); } .gap-14 { gap: calc(var(--spacing)*14); } .gap-20 { gap: calc(var(--spacing)*20); } .gap-\[2px\] { gap: 2px; } .gap-\[7px\] { gap: 7px; } .gap-\[10px\] { gap: 10px; } .gap-\[32px\] { gap: 32px; } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse))); } .gap-x-4 { column-gap: calc(var(--spacing)*4); } .gap-x-5 { column-gap: calc(var(--spacing)*5); } .gap-x-6 { column-gap: calc(var(--spacing)*6); } .gap-x-8 { column-gap: calc(var(--spacing)*8); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse))); } .gap-y-1 { row-gap: calc(var(--spacing)*1); } .gap-y-2 { row-gap: calc(var(--spacing)*2); } .gap-y-3 { row-gap: calc(var(--spacing)*3); } .gap-y-4 { row-gap: calc(var(--spacing)*4); } .gap-y-5 { row-gap: calc(var(--spacing)*5); } .gap-y-6 { row-gap: calc(var(--spacing)*6); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px*var(--tw-divide-y-reverse)); border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse))); } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-x-visible { overflow-x: visible; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .scroll-smooth { scroll-behavior: smooth; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-4xl { border-radius: var(--radius-4xl); } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-full { border-radius: var(--radius-full); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .rounded-l-full { border-top-left-radius: var(--radius-full); border-bottom-left-radius: var(--radius-full); } .rounded-r-full { border-top-right-radius: var(--radius-full); border-bottom-right-radius: var(--radius-full); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: 0.5px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .\[border-color\:light-dark\(var\(--gray-100\)\,var\(--gray-700\)\)\], :where([data-theme="light"]) .\[border-color\:light-dark\(var\(--gray-100\)\,var\(--gray-700\)\)\] { border-color: var(--gray-100); } :where([data-theme="dark"]) .\[border-color\:light-dark\(var\(--gray-100\)\,var\(--gray-700\)\)\] { border-color: var(--gray-700); } .border-\(--alpha-06\) { border-color: var(--alpha-06); } .border-\[\#00000024\] { border-color: rgba(0, 0, 0, 0.14); } .border-\[\#0285FF\] { border-color: rgb(2, 133, 255); } .border-\[var\(--gray-200\)\] { border-color: var(--gray-200); } .border-\[var\(--green-50\)\] { border-color: var(--green-50); } .border-alpha\/20 { border-color: color-mix(in oklab,var(--color-alpha)20%,transparent); } .border-default { border-color: var(--color-border); } .border-gray-0 { border-color: var(--color-gray-0); } .border-gray-50 { border-color: var(--color-gray-50); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-150 { border-color: var(--color-gray-150); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-500 { border-color: var(--color-gray-500); } .border-green-600 { border-color: var(--color-green-600); } .border-green-600\/30 { border-color: color-mix(in oklab,var(--color-green-600)30%,transparent); } .border-green-600\/40 { border-color: color-mix(in oklab,var(--color-green-600)40%,transparent); } .border-red-200 { border-color: var(--color-red-200); } .border-red-500 { border-color: var(--color-red-500); } .border-subtle { border-color: var(--color-border-subtle); } .border-transparent { border-color: rgba(0, 0, 0, 0); } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-b-\(--alpha-06\) { border-bottom-color: var(--alpha-06); } .border-b-gray-100 { border-bottom-color: var(--color-gray-100); } .\!bg-surface-secondary { background-color: var(--color-surface-secondary) !important; } .\!bg-transparent { background-color: rgba(0, 0, 0, 0) !important; } .bg-\(--alpha-02\) { background-color: var(--alpha-02); } .bg-\(--color-surface\) { background-color: var(--color-surface); } .bg-\[\#0D0D0D33\] { background-color: rgba(13, 13, 13, 0.2); } .bg-\[\#0D0D0D\] { background-color: rgb(13, 13, 13); } .bg-\[\#1D1D1D\] { background-color: rgb(29, 29, 29); } .bg-\[\#0285FF\] { background-color: rgb(2, 133, 255); } .bg-\[\#F7F7F7\] { background-color: rgb(247, 247, 247); } .bg-\[\#FFFFFF99\] { background-color: rgba(255, 255, 255, 0.6); } .bg-\[var\(--color-background\)\] { background-color: var(--color-background); } .bg-\[var\(--color-background-primary-solid\)\] { background-color: var(--color-background-primary-solid); } .bg-\[var\(--color-background-secondary\)\] { background-color: var(--color-background-secondary); } .bg-\[var\(--color-background-secondary-soft\)\] { background-color: var(--color-background-secondary-soft); } .bg-\[var\(--color-border\)\] { background-color: var(--color-border); } .bg-\[var\(--gray-100\)\] { background-color: var(--gray-100); } .bg-\[var\(--green-50\)\] { background-color: var(--green-50); } .bg-black { background-color: var(--color-black); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-gray-0 { background-color: var(--color-gray-0); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-75 { background-color: var(--color-gray-75); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-600\/10 { background-color: color-mix(in oklab,var(--color-green-600)10%,transparent); } .bg-green-600\/30 { background-color: color-mix(in oklab,var(--color-green-600)30%,transparent); } .bg-info-solid { background-color: var(--color-background-info-solid); } .bg-primary-soft { background-color: var(--color-background-primary-soft); } .bg-red-50 { background-color: var(--color-red-50); } .bg-surface { background-color: var(--color-surface); } .bg-surface-elevated { background-color: var(--color-surface-elevated); } .bg-surface-elevated-secondary { background-color: var(--color-surface-elevated-secondary); } .bg-surface-secondary { background-color: var(--color-surface-secondary); } .bg-surface-tertiary { background-color: var(--color-surface-tertiary); } .bg-transparent { background-color: rgba(0, 0, 0, 0); } .bg-white { background-color: var(--color-white); } .bg-white\/70 { background-color: color-mix(in oklab,var(--color-white)70%,transparent); } .bg-white\/80 { background-color: color-mix(in oklab,var(--color-white)80%,transparent); } .bg-yellow-25 { background-color: var(--color-yellow-25); } .bg-yellow-50 { background-color: var(--color-yellow-50); } .fill-secondary { fill: var(--color-text-secondary); } .fill-tertiary { fill: var(--color-text-tertiary); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .\!p-0 { padding: calc(var(--spacing)*0) !important; } .p-0 { padding: calc(var(--spacing)*0); } .p-0\.5 { padding: calc(var(--spacing)*.5); } .p-1 { padding: calc(var(--spacing)*1); } .p-1\.5 { padding: calc(var(--spacing)*1.5); } .p-2 { padding: calc(var(--spacing)*2); } .p-3 { padding: calc(var(--spacing)*3); } .p-4 { padding: calc(var(--spacing)*4); } .p-5 { padding: calc(var(--spacing)*5); } .p-6 { padding: calc(var(--spacing)*6); } .p-8 { padding: calc(var(--spacing)*8); } .p-10 { padding: calc(var(--spacing)*10); } .p-12 { padding: calc(var(--spacing)*12); } .p-\[3px\] { padding: 3px; } .p-px { padding: 1px; } .\!px-5 { padding-inline: calc(var(--spacing)*5) !important; } .px-0 { padding-inline: calc(var(--spacing)*0); } .px-1 { padding-inline: calc(var(--spacing)*1); } .px-2 { padding-inline: calc(var(--spacing)*2); } .px-2\.5 { padding-inline: calc(var(--spacing)*2.5); } .px-3 { padding-inline: calc(var(--spacing)*3); } .px-4 { padding-inline: calc(var(--spacing)*4); } .px-5 { padding-inline: calc(var(--spacing)*5); } .px-6 { padding-inline: calc(var(--spacing)*6); } .px-8 { padding-inline: calc(var(--spacing)*8); } .px-10 { padding-inline: calc(var(--spacing)*10); } .px-16 { padding-inline: calc(var(--spacing)*16); } .px-\[0\.625rem\] { padding-inline: 0.625rem; } .px-\[12px\] { padding-inline: 12px; } .px-\[14px\] { padding-inline: 14px; } .px-\[16px\] { padding-inline: 16px; } .px-\[20px\] { padding-inline: 20px; } .px-px { padding-inline: 1px; } .\!py-0 { padding-block: calc(var(--spacing)*0) !important; } .py-0 { padding-block: calc(var(--spacing)*0); } .py-0\.5 { padding-block: calc(var(--spacing)*.5); } .py-1 { padding-block: calc(var(--spacing)*1); } .py-1\.5 { padding-block: calc(var(--spacing)*1.5); } .py-1\.5\! { padding-block: calc(var(--spacing)*1.5) !important; } .py-2 { padding-block: calc(var(--spacing)*2); } .py-2\.5 { padding-block: calc(var(--spacing)*2.5); } .py-3 { padding-block: calc(var(--spacing)*3); } .py-3\.5 { padding-block: calc(var(--spacing)*3.5); } .py-4 { padding-block: calc(var(--spacing)*4); } .py-5 { padding-block: calc(var(--spacing)*5); } .py-6 { padding-block: calc(var(--spacing)*6); } .py-8 { padding-block: calc(var(--spacing)*8); } .py-10 { padding-block: calc(var(--spacing)*10); } .py-12 { padding-block: calc(var(--spacing)*12); } .py-16 { padding-block: calc(var(--spacing)*16); } .py-20 { padding-block: calc(var(--spacing)*20); } .py-24 { padding-block: calc(var(--spacing)*24); } .py-\[3px\] { padding-block: 3px; } .py-\[12px\] { padding-block: 12px; } .py-\[80px\] { padding-block: 80px; } .py-px { padding-block: 1px; } .ps-1 { padding-inline-start: calc(var(--spacing)*1); } .pt-0 { padding-top: calc(var(--spacing)*0); } .pt-0\.5 { padding-top: calc(var(--spacing)*.5); } .pt-1 { padding-top: calc(var(--spacing)*1); } .pt-2 { padding-top: calc(var(--spacing)*2); } .pt-2\.5 { padding-top: calc(var(--spacing)*2.5); } .pt-3 { padding-top: calc(var(--spacing)*3); } .pt-4 { padding-top: calc(var(--spacing)*4); } .pt-5 { padding-top: calc(var(--spacing)*5); } .pt-6 { padding-top: calc(var(--spacing)*6); } .pt-7 { padding-top: calc(var(--spacing)*7); } .pt-8 { padding-top: calc(var(--spacing)*8); } .pt-12 { padding-top: calc(var(--spacing)*12); } .pt-16 { padding-top: calc(var(--spacing)*16); } .pt-\[2px\] { padding-top: 2px; } .pt-\[8px\] { padding-top: 8px; } .pt-\[9px\] { padding-top: 9px; } .pt-\[18px\] { padding-top: 18px; } .pt-\[20px\] { padding-top: 20px; } .pt-\[22px\] { padding-top: 22px; } .pt-\[32px\] { padding-top: 32px; } .pt-\[34px\] { padding-top: 34px; } .pt-\[60px\] { padding-top: 60px; } .pr-0 { padding-right: calc(var(--spacing)*0); } .pr-1 { padding-right: calc(var(--spacing)*1); } .pr-2 { padding-right: calc(var(--spacing)*2); } .pr-2\.5 { padding-right: calc(var(--spacing)*2.5); } .pr-3 { padding-right: calc(var(--spacing)*3); } .pr-4 { padding-right: calc(var(--spacing)*4); } .pr-5 { padding-right: calc(var(--spacing)*5); } .pr-9 { padding-right: calc(var(--spacing)*9); } .pr-10 { padding-right: calc(var(--spacing)*10); } .pr-\[20px\] { padding-right: 20px; } .pr-\[26px\]\! { padding-right: 26px !important; } .\!pb-4 { padding-bottom: calc(var(--spacing)*4) !important; } .pb-0 { padding-bottom: calc(var(--spacing)*0); } .pb-0\.5 { padding-bottom: calc(var(--spacing)*.5); } .pb-1 { padding-bottom: calc(var(--spacing)*1); } .pb-2 { padding-bottom: calc(var(--spacing)*2); } .pb-2\.5 { padding-bottom: calc(var(--spacing)*2.5); } .pb-3 { padding-bottom: calc(var(--spacing)*3); } .pb-3\.5 { padding-bottom: calc(var(--spacing)*3.5); } .pb-4 { padding-bottom: calc(var(--spacing)*4); } .pb-5 { padding-bottom: calc(var(--spacing)*5); } .pb-6 { padding-bottom: calc(var(--spacing)*6); } .pb-8 { padding-bottom: calc(var(--spacing)*8); } .pb-10 { padding-bottom: calc(var(--spacing)*10); } .pb-14 { padding-bottom: calc(var(--spacing)*14); } .pb-20 { padding-bottom: calc(var(--spacing)*20); } .pb-32 { padding-bottom: calc(var(--spacing)*32); } .pb-\[8px\] { padding-bottom: 8px; } .pb-\[24px\] { padding-bottom: 24px; } .pb-\[50px\] { padding-bottom: 50px; } .pb-\[50vh\] { padding-bottom: 50vh; } .\!pl-0 { padding-left: calc(var(--spacing)*0) !important; } .\!pl-3 { padding-left: calc(var(--spacing)*3) !important; } .pl-0 { padding-left: calc(var(--spacing)*0); } .pl-0\.5 { padding-left: calc(var(--spacing)*.5); } .pl-1 { padding-left: calc(var(--spacing)*1); } .pl-1\.5 { padding-left: calc(var(--spacing)*1.5); } .pl-2 { padding-left: calc(var(--spacing)*2); } .pl-3 { padding-left: calc(var(--spacing)*3); } .pl-4 { padding-left: calc(var(--spacing)*4); } .pl-5 { padding-left: calc(var(--spacing)*5); } .pl-6 { padding-left: calc(var(--spacing)*6); } .pl-\[6px\] { padding-left: 6px; } .pl-\[12px\] { padding-left: 12px; } .pl-\[24px\] { padding-left: 24px; } .pl-\[30px\] { padding-left: 30px; } .pl-\[230px\] { padding-left: 230px; } .pl-px { padding-left: 1px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .small-caps-lg { font-size: var(--font-small-caps-lg-size); font-weight: var(--font-small-caps-lg-weight); letter-spacing: var(--font-small-caps-lg-tracking); line-height: var(--font-small-caps-lg-line-height); text-transform: uppercase; } .small-caps-md { font-size: var(--font-small-caps-md-size); font-weight: var(--font-small-caps-md-weight); letter-spacing: var(--font-small-caps-md-tracking); line-height: var(--font-small-caps-md-line-height); text-transform: uppercase; } .heading-2xl { font-size: var(--font-heading-2xl-size); font-weight: var(--font-heading-2xl-weight); letter-spacing: var(--font-heading-2xl-tracking); line-height: var(--font-heading-2xl-line-height); } .heading-3xl { font-size: var(--font-heading-3xl-size); font-weight: var(--font-heading-3xl-weight); letter-spacing: var(--font-heading-3xl-tracking); line-height: var(--font-heading-3xl-line-height); } .heading-4xl { font-size: var(--font-heading-4xl-size); font-weight: var(--font-heading-4xl-weight); letter-spacing: var(--font-heading-4xl-tracking); line-height: var(--font-heading-4xl-line-height); } .heading-5xl { font-size: var(--font-heading-5xl-size); font-weight: var(--font-heading-5xl-weight); letter-spacing: var(--font-heading-5xl-tracking); line-height: var(--font-heading-5xl-line-height); } .heading-lg { font-size: var(--font-heading-lg-size); font-weight: var(--font-heading-lg-weight); letter-spacing: var(--font-heading-lg-tracking); line-height: var(--font-heading-lg-line-height); } .heading-md { font-size: var(--font-heading-md-size); font-weight: var(--font-heading-md-weight); letter-spacing: var(--font-heading-md-tracking); line-height: var(--font-heading-md-line-height); } .heading-sm { font-size: var(--font-heading-sm-size); font-weight: var(--font-heading-sm-weight); letter-spacing: var(--font-heading-sm-tracking); line-height: var(--font-heading-sm-line-height); } .heading-xl { font-size: var(--font-heading-xl-size); font-weight: var(--font-heading-xl-weight); letter-spacing: var(--font-heading-xl-tracking); line-height: var(--font-heading-xl-line-height); } .heading-xs { font-size: var(--font-heading-xs-size); font-weight: var(--font-heading-xs-weight); letter-spacing: var(--font-heading-xs-tracking); line-height: var(--font-heading-xs-line-height); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); letter-spacing: var(--tw-tracking,var(--text-2xl--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-2xl--font-weight)); } .text-2xs { font-size: var(--text-2xs); line-height: var(--tw-leading,var(--text-2xs--line-height)); letter-spacing: var(--tw-tracking,var(--text-2xs--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-2xs--font-weight)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); letter-spacing: var(--tw-tracking,var(--text-3xl--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-3xl--font-weight)); } .text-3xs { font-size: var(--text-3xs); line-height: var(--tw-leading,var(--text-3xs--line-height)); letter-spacing: var(--tw-tracking,var(--text-3xs--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-3xs--font-weight)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); letter-spacing: var(--tw-tracking,var(--text-base--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-base--font-weight)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); letter-spacing: var(--tw-tracking,var(--text-lg--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-lg--font-weight)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); letter-spacing: var(--tw-tracking,var(--text-sm--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-sm--font-weight)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); letter-spacing: var(--tw-tracking,var(--text-xl--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-xl--font-weight)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); letter-spacing: var(--tw-tracking,var(--text-xs--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-xs--font-weight)); } .text-xs\! { font-size: var(--text-xs) !important; line-height: var(--tw-leading,var(--text-xs--line-height)) !important; letter-spacing: var(--tw-tracking,var(--text-xs--letter-spacing)) !important; font-weight: var(--tw-font-weight,var(--text-xs--font-weight)) !important; } .text-\[\.875em\] { font-size: 0.875em; } .text-\[0\.935em\] { font-size: 0.935em; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[24px\] { font-size: 24px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[36px\] { font-size: 36px; } .leading-3\.5 { --tw-leading: calc(var(--spacing)*3.5); line-height: calc(var(--spacing)*3.5); } .leading-4 { --tw-leading: calc(var(--spacing)*4); line-height: calc(var(--spacing)*4); } .leading-5 { --tw-leading: calc(var(--spacing)*5); line-height: calc(var(--spacing)*5); } .leading-6 { --tw-leading: calc(var(--spacing)*6); line-height: calc(var(--spacing)*6); } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.5em\] { --tw-leading: 1.5em; line-height: 1.5em; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; } .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; } .leading-\[19px\] { --tw-leading: 19px; line-height: 19px; } .leading-\[30px\] { --tw-leading: 30px; line-height: 30px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-\[500\] { --tw-font-weight: 500; font-weight: 500; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .text-nowrap { text-wrap: nowrap; } .text-pretty { } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .overflow-ellipsis, .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\(--alpha-20\) { color: var(--alpha-20); } .text-\(--color-text\) { color: var(--color-text); } .text-\(--color-text-secondary\) { color: var(--color-text-secondary); } .text-\[var\(--color-background-primary-soft-hover\)\] { color: var(--color-background-primary-soft-hover); } .text-\[var\(--color-text\)\] { color: var(--color-text); } .text-\[var\(--color-text-inverse\)\] { color: var(--color-text-inverse); } .text-\[var\(--color-text-primary\)\] { color: var(--color-text-primary); } .text-\[var\(--color-text-secondary-soft\)\] { color: var(--color-text-secondary-soft); } .text-\[var\(--color-text-tertiary\)\] { color: var(--color-text-tertiary); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-caution { color: var(--color-text-caution); } .text-danger { color: var(--color-text-danger); } .text-danger-ghost { color: var(--color-text-danger-ghost); } .text-danger-soft { color: var(--color-text-danger-soft); } .text-default { color: var(--color-text); } .text-disabled { color: var(--color-text-disabled); } .text-discovery { color: var(--color-text-discovery); } .text-emphasis { color: var(--color-text-emphasis); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-1000 { color: var(--color-gray-1000); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-700\/85 { color: color-mix(in oklab,var(--color-green-700)85%,transparent); } .text-green-800 { color: var(--color-green-800); } .text-info { color: var(--color-text-info); } .text-inherit { color: inherit; } .text-orange-500 { color: var(--color-orange-500); } .text-primary { color: var(--color-text-primary); } .text-prose { color: var(--color-text-prose); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-secondary { color: var(--color-text-secondary); } .text-success { color: var(--color-text-success); } .text-tertiary { color: var(--color-text-tertiary); } .text-warning { color: var(--color-text-warning); } .text-warning-outline { color: var(--color-text-warning-outline); } .text-warning-soft { color: var(--color-text-warning-soft); } .text-white { color: var(--color-white); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-900 { color: var(--color-yellow-900); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,); } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .placeholder-gray-400::placeholder { color: var(--color-gray-400); } .opacity-0 { opacity: 0; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-100 { opacity: 1; } .\!shadow-none { --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; } .shadow-\[0_0_0_1px_var\(--input-outline-border-color\)_inset\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--input-outline-border-color))inset; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[0_0_0_1px_var\(--input-outline-border-color-focus\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--input-outline-border-color-focus)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[0_0_0_1px_var\(--input-outline-border-color-focus\)_inset\,0_0_0_2px_var\(--input-outline-border-color-focus\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--input-outline-border-color-focus))inset,0 0 0 2px var(--tw-shadow-color,var(--input-outline-border-color-focus)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-\[0_2\.74px_5\.48px_-1\.37px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 2.74px 5.48px -1.37px var(--tw-shadow-color,#00000014); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-lg { --tw-shadow: var(--shadow-300); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-md { --tw-shadow: var(--shadow-200); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-sm { --tw-shadow: var(--shadow-100); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-xl { --tw-shadow: var(--shadow-400); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-\[maxWidth\,opacity\] { transition-property: maxWidth, opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); } .duration-150 { --tw-duration: .15s; transition-duration: 0.15s; } .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; } .duration-250 { --tw-duration: .25s; transition-duration: 0.25s; } .duration-300 { --tw-duration: .3s; transition-duration: 0.3s; } .duration-\[var\(--collapse-transition-duration\)\] { --tw-duration: var(--collapse-transition-duration); transition-duration: var(--collapse-transition-duration); } .ease-\[var\(--cubic-move\)\] { --tw-ease: var(--cubic-move); transition-timing-function: var(--cubic-move); } .ease-basic { --tw-ease: var(--ease-basic); transition-timing-function: var(--ease-basic); } .will-change-transform { will-change: transform; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { user-select: none; } .select-text { user-select: text; } .\[--button-icon-size\:32px\] { --button-icon-size: 32px; } .\[--button-icon-size\:52px\] { --button-icon-size: 52px; } .\[--button-radius\:var\(--radius-xl\)\] { --button-radius: var(--radius-xl); } .\[--button-size\:64px\] { --button-size: 64px; } .\[hash\:10\] { } .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 90deg; } .group-focus-within\:opacity-100:is(:where(.group):focus-within *) { opacity: 1; } @media (hover: hover) and (pointer: fine) { .group-hover\:visible:is(:where(.group):hover *) { visibility: visible; } .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x)var(--tw-scale-y); } .group-hover\:text-gray-700:is(:where(.group):hover *) { color: var(--color-gray-700); } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .first-letter\:uppercase::first-letter { text-transform: uppercase; } .placeholder\:text-\[var\(--color-text-tertiary\)\]::placeholder { color: var(--color-text-tertiary); } .first\:mt-0:first-child { margin-top: calc(var(--spacing)*0); } .first\:rounded-t-2xl:first-child { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .first\:pt-0:first-child { padding-top: calc(var(--spacing)*0); } .last\:rounded-b-2xl:last-child { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .last\:pb-0:last-child { padding-bottom: calc(var(--spacing)*0); } .focus-within\:shadow-\[0_0_0_1px_var\(--input-outline-border-color-focus\)_inset\]:focus-within { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--input-outline-border-color-focus))inset; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .focus-within\:ring-2:focus-within { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .focus-within\:outline-none:focus-within { --tw-outline-style: none; outline-style: none; } @media (hover: hover) and (pointer: fine) { .hover\:border-gray-350:hover { border-color: var(--color-gray-350); } .hover\:bg-blue-200:hover { background-color: var(--color-blue-200); } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100\/50:hover { background-color: color-mix(in oklab,var(--color-gray-100)50%,transparent); } .hover\:bg-primary-soft:hover { background-color: var(--color-background-primary-soft); } .hover\:bg-primary-surface:hover { background-color: var(--color-background-primary-surface); } .hover\:bg-surface:hover { background-color: var(--color-surface); } .hover\:bg-surface-secondary:hover { background-color: var(--color-surface-secondary); } .hover\:text-\[var\(--color-text\)\]:hover { color: var(--color-text); } .hover\:text-blue-800:hover { color: var(--color-blue-800); } .hover\:text-emphasis:hover { color: var(--color-text-emphasis); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-primary:hover { color: var(--color-text-primary); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-80:hover { opacity: 0.8; } } .focus\:border-default:focus { border-color: var(--color-border); } .focus\:border-gray-500:focus { border-color: var(--color-gray-500); } .focus\:border-gray-700:focus { border-color: var(--color-gray-700); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:scale-100:focus-visible { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x)var(--tw-scale-y); } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:outline:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .active\:cursor-grabbing:active { cursor: grabbing; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-60:disabled { opacity: 0.6; } .data-\[error\]\:text-danger[data-error] { color: var(--color-text-danger); } .data-\[state\=open\]\:scale-100[data-state="open"] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x)var(--tw-scale-y); } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:animate-ping { animation: var(--animate-ping); } } @media not (min-width: 768px) { .max-md\:flex-col { flex-direction: column; } } @media (min-width: 380px) { .xs\:inline { display: inline; } .xs\:w-\[204px\] { width: 204px; } } @media (min-width: 576px) { .sm\:mx-\[-60px\] { margin-inline: -60px; } .sm\:mb-12 { margin-bottom: calc(var(--spacing)*12); } .sm\:\!ml-0 { margin-left: calc(var(--spacing)*0) !important; } .sm\:flex { display: flex; } .sm\:inline { display: inline; } .sm\:max-w-\[160px\] { max-width: 160px; } .sm\:max-w-\[347px\] { max-width: 347px; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .sm\:grid-cols-\[1\.5fr_1fr_2fr_auto_auto\] { grid-template-columns: 1.5fr 1fr 2fr auto auto; } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-4 { gap: calc(var(--spacing)*4); } .sm\:pt-1 { padding-top: calc(var(--spacing)*1); } } @media (min-width: 768px) { .md\:order-0 { order: 0; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:mt-0 { margin-top: calc(var(--spacing)*0); } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-\[56px\] { height: 56px; } .md\:w-56 { width: calc(var(--spacing)*56); } .md\:w-auto { width: auto; } .md\:min-w-\[14rem\] { min-width: 14rem; } .md\:flex-1 { flex: 1 1 0%; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); } .md\:grid-cols-\[minmax\(0\,1fr\)_204px\] { grid-template-columns: minmax(0px, 1fr) 204px; } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:gap-4 { gap: calc(var(--spacing)*4); } .md\:gap-6 { gap: calc(var(--spacing)*6); } .md\:gap-x-2 { column-gap: calc(var(--spacing)*2); } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .md\:px-6 { padding-inline: calc(var(--spacing)*6); } .md\:px-10 { padding-inline: calc(var(--spacing)*10); } .md\:px-12 { padding-inline: calc(var(--spacing)*12); } .md\:\!pt-0 { padding-top: calc(var(--spacing)*0) !important; } .md\:pt-0 { padding-top: calc(var(--spacing)*0); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); letter-spacing: var(--tw-tracking,var(--text-lg--letter-spacing)); font-weight: var(--tw-font-weight,var(--text-lg--font-weight)); } } @media (min-width: 1024px) { .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:mt-0 { margin-top: calc(var(--spacing)*0); } .lg\:mr-0 { margin-right: calc(var(--spacing)*0); } .lg\:mb-0 { margin-bottom: calc(var(--spacing)*0); } .lg\:mb-11 { margin-bottom: calc(var(--spacing)*11); } .lg\:ml-0 { margin-left: calc(var(--spacing)*0); } .lg\:ml-4 { margin-left: calc(var(--spacing)*4); } .lg\:hidden { display: none; } .lg\:min-h-\[calc\(100vh-4rem\)\] { min-height: calc(100vh - 4rem); } .lg\:\!w-\[420px\] { width: 420px !important; } .lg\:w-auto { width: auto; } .lg\:\!max-w-none { max-width: none !important; } .lg\:min-w-\[200px\] { min-width: 200px; } .lg\:\!flex-1 { flex: 1 1 0% !important; } .lg\:\!flex-none { flex: 0 0 auto !important; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .lg\:grid-cols-\[minmax\(0\,1fr\)_234px\] { grid-template-columns: minmax(0px, 1fr) 234px; } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:items-start { align-items: flex-start; } .lg\:justify-start { justify-content: flex-start; } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .lg\:px-1 { padding-inline: calc(var(--spacing)*1); } } @media (min-width: 1280px) { .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } } @media (min-width: 1536px) { .\32 xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } } .dark\:border-\[\#FFFFFF24\]:where([data-theme="dark"], [data-theme="dark"] *) { border-color: rgba(255, 255, 255, 0.14); } .dark\:border-gray-300:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-gray-300); } .dark\:border-gray-400:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-gray-400); } .dark\:border-gray-500:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-gray-500); } .dark\:border-green-600\/30:where([data-theme="dark"], [data-theme="dark"] *) { border-color: color-mix(in oklab,var(--color-green-600)30%,transparent); } .dark\:border-green-600\/40:where([data-theme="dark"], [data-theme="dark"] *) { border-color: color-mix(in oklab,var(--color-green-600)40%,transparent); } .dark\:border-yellow-700:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-yellow-700); } .dark\:bg-\[\#00000099\]:where([data-theme="dark"], [data-theme="dark"] *) { background-color: rgba(0, 0, 0, 0.6); } .dark\:bg-black:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-black); } .dark\:bg-gray-75:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-gray-75); } .dark\:bg-gray-200:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-gray-200); } .dark\:bg-gray-300:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-gray-300); } .dark\:bg-green-600:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-green-600); } .dark\:bg-green-600\/10:where([data-theme="dark"], [data-theme="dark"] *) { background-color: color-mix(in oklab,var(--color-green-600)10%,transparent); } .dark\:bg-green-600\/15:where([data-theme="dark"], [data-theme="dark"] *) { background-color: color-mix(in oklab,var(--color-green-600)15%,transparent); } .dark\:bg-green-600\/20:where([data-theme="dark"], [data-theme="dark"] *) { background-color: color-mix(in oklab,var(--color-green-600)20%,transparent); } .dark\:bg-green-600\/30:where([data-theme="dark"], [data-theme="dark"] *) { background-color: color-mix(in oklab,var(--color-green-600)30%,transparent); } .dark\:bg-white:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-white); } .dark\:bg-yellow-900:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-yellow-900); } .dark\:text-gray-500:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-gray-500); } .dark\:text-gray-600:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-gray-600); } .dark\:text-gray-700:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-gray-700); } .dark\:text-green-500:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-green-500); } .dark\:text-green-600:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-green-600); } .dark\:text-red-400:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-red-400); } .dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-white); } .dark\:text-yellow-100:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-yellow-100); } .dark\:text-yellow-500:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-yellow-500); } @media (hover: hover) and (pointer: fine) { .dark\:hover\:text-gray-400:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-gray-400); } .dark\:hover\:text-white:where([data-theme="dark"], [data-theme="dark"] *):hover { color: var(--color-white); } } @media print { .print\:hidden { display: none; } } .\[\&_\.timeline-item-content\]\:block .timeline-item-content { display: block; } .\[\&_\.timeline-item-content\]\:max-h-none .timeline-item-content { max-height: none; } .\[\&_\.timeline-item-content\]\:overflow-visible .timeline-item-content { overflow: visible; } .\[\&_\.timeline-item-content\]\:leading-\[1\.4\] .timeline-item-content { --tw-leading: 1.4; line-height: 1.4; } .\[\&_\.timeline-item-content\]\:break-words .timeline-item-content { overflow-wrap: break-word; } .\[\&_\.timeline-item-content\]\:whitespace-pre-wrap .timeline-item-content { white-space: pre-wrap; } @media (hover: hover) and (pointer: fine) { .hover\:\[\&\>span\:last-child\]\:text-red-500:hover > span:last-child { color: var(--color-red-500); } } [data-sidebar="collapsed"] .\[\[data-sidebar\=collapsed\]_\&\]\:hidden { display: none; } [data-sidebar="collapsed"] .\[\[data-sidebar\=collapsed\]_\&\]\:w-full { width: 100%; } [data-sidebar="collapsed"] .\[\[data-sidebar\=collapsed\]_\&\]\:max-w-0 { max-width: calc(var(--spacing)*0); } [data-sidebar="collapsed"] .\[\[data-sidebar\=collapsed\]_\&\]\:justify-center { justify-content: center; } [data-sidebar="collapsed"] .\[\[data-sidebar\=collapsed\]_\&\]\:p-0 { padding: calc(var(--spacing)*0); } [data-sidebar="collapsed"] .\[\[data-sidebar\=collapsed\]_\&\]\:px-0 { padding-inline: calc(var(--spacing)*0); } [data-sidebar="collapsed"] .\[\[data-sidebar\=collapsed\]_\&\]\:opacity-0 { opacity: 0; } [data-sidebar]:not([data-sidebar="collapsed"]) .\[\[data-sidebar\]\:not\(\[data-sidebar\=collapsed\]\)_\&\]\:max-w-0 { max-width: calc(var(--spacing)*0); } [data-sidebar]:not([data-sidebar="collapsed"]) .\[\[data-sidebar\]\:not\(\[data-sidebar\=collapsed\]\)_\&\]\:opacity-0 { opacity: 0; } } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: normal; font-weight: 400; src: url("/fonts/OpenAISans-Regular.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: italic; font-weight: 400; src: url("/fonts/OpenAISans-RegularItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: normal; font-weight: 500; src: url("/fonts/OpenAISans-Medium.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: italic; font-weight: 500; src: url("/fonts/OpenAISans-MediumItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: normal; font-weight: 600; src: url("/fonts/OpenAISans-Semibold.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: italic; font-weight: 600; src: url("/fonts/OpenAISans-SemiboldItalic.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: normal; font-weight: 700; src: url("/fonts/OpenAISans-Bold.woff2") format("woff2"); } @font-face { font-display: swap; font-family: "OpenAI Sans"; font-style: italic; font-weight: 700; src: url("/fonts/OpenAISans-BoldItalic.woff2") format("woff2"); } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0); } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0); } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0); } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0); } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0); } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @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: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @layer components { .-sdjN { display: inline-flex; flex-direction: row; padding: 8px 16px 9px; border-radius: 8px; background: var(--gray-0); color: var(--gray-0); } ._0pYG5 { display: flex; } ._-1f1R { background-color: var(--gray-800); } .zWDsw { border: 1px solid var(--color-background-primary-soft); background-color: var(--gray-50); color: var(--gray-900); } .zWDsw .iZxx2 { color: var(--color-text-tertiary); } .TM7UO { background-color: rgb(71, 184, 129); } .Gp--z, :where([data-theme="light"]) .Gp--z { background-color: var(--gold-500); } :where([data-theme="dark"]) .Gp--z { background-color: var(--white); } .NKXZ3, :where([data-theme="light"]) .NKXZ3 { background-color: var(--red-500); } :where([data-theme="dark"]) .NKXZ3 { background-color: var(--white); } .iZxx2 { flex: 0 0 auto; margin-right: 10px; } .JLXT2 { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; font-size: 15px; font-weight: var(--font-weight-normal); line-height: 1.5em; } .JLXT2 a { font-weight: var(--font-weight-semibold); } .qwaKB { font-weight: var(--font-weight-semibold); line-height: 1.4; } .Xj1lx { flex: 0 0 auto; margin-left: 10px; } .Xj1lx button { width: 100%; padding: 4px; border: none; background: transparent; color: inherit; cursor: pointer; font-size: 20px; font-weight: var(--font-weight-normal); line-height: 1; outline: none; text-align: center; transition: opacity 0.3s ease 0s; } .Xj1lx button:hover { opacity: 0.8; } } @layer components { .m4MYY { text-align: center; will-change: opacity, transform, margin; } [data-entering] .m4MYY { margin-bottom: calc(-1 * var(--toast-height)); opacity: 0; transform: translateY(-120%); } [data-entering-active] .m4MYY, [data-entering][data-interrupted] .m4MYY { margin-bottom: 0px; opacity: 1; transform: translateY(0px); transition-duration: 0.3s; transition-property: margin, opacity, transform; transition-timing-function: var(--cubic-enter); } [data-exiting] .m4MYY { margin-bottom: 0px; opacity: 1; transform: scale(1); } [data-exiting-active] .m4MYY, [data-exiting][data-interrupted] .m4MYY { margin-bottom: calc(-1 * var(--toast-height)); opacity: 0; transform: scale(0.9); transition-duration: 0.25s; transition-property: opacity, transform, margin; transition-timing-function: var(--cubic-exit); } .aAkn4 { font-weight: var(--font-weight-semibold); line-height: 1.4; } } @layer components { .pdMy8 { display: block; } } @layer components { ._4jUWi { will-change: var(--tg-will-change); } [data-transition-position="absolute"] ._4jUWi[data-exiting], [data-transition-position="absolute"] ._4jUWi:not([data-exiting]) + ._4jUWi[data-entering] { position: absolute; top: 0px; left: 0px; width: 100%; } ._4jUWi[data-entering] { filter: var(--tg-initial-filter); opacity: var(--tg-initial-opacity); transform: var(--tg-initial-transform); } ._4jUWi[data-exiting] { filter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); } ._4jUWi[data-entering-active], ._4jUWi[data-entering][data-interrupted] { filter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); transition: opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay),transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay),filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay); } ._4jUWi[data-exiting-active], ._4jUWi[data-exiting][data-interrupted] { filter: var(--tg-exit-filter, none); opacity: var(--tg-exit-opacity, 0); transform: var(--tg-exit-transform, none); transition: opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay),transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay),filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay); } ._4jUWi[data-entering][data-interrupted], ._4jUWi[data-exiting][data-interrupted] { transition-delay: 0ms; } } @layer components { .gs8hX { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 200; display: flex; flex-direction: column-reverse; max-width: 560px; margin: 0px auto; pointer-events: none; } } @layer components { .Zl7fG { --global-header-warning-height: 0px; height: 100%; } .Zl7fG[data-global-header-warning] { --global-header-warning-height: 40px; } .Zl7fG[data-hide-global-header] { --global-header-height: 0px; } @media print { .Zl7fG { height: auto; } } } @layer components { .yaYrI { position: absolute; inset: 0px; z-index: 201; overflow: hidden; border: 1px solid var(--color-background-primary-soft); border-radius: 8px; background: var(--color-surface); transition: left var(--collapse-transition-duration) var(--cubic-move); } :where([data-theme="dark"]) .yaYrI { border-color: var(--gray-75); } @media (min-width: 768px) { [data-sidebar="expanded"] .yaYrI { left: var(--side-nav-width); } [data-sidebar="collapsed"] .yaYrI { left: var(--side-nav-collapsed-width); } [data-sidebar="hidden"] .yaYrI { left: 0px; } } @media print { .yaYrI { position: static; overflow: visible; border: 0px; background: none; } } .Nn3YT { position: absolute; inset: 0px; transition: opacity 0.4s ease 0.25s; } [data-mobile-menu="visible"] .Nn3YT { opacity: 0; transition: opacity 0.4s ease 0s, visibility 0s ease 0.4s; visibility: hidden; } @media (min-width: 768px) { .Nn3YT { transition: none 0s ease 0s; } [data-mobile-menu="visible"] .Nn3YT { opacity: 1; transition: none 0s ease 0s; visibility: visible; } } @media print { .Nn3YT { position: static; overflow: visible; } } .-Kn9p { position: absolute; inset: 0px; overflow: auto; } @media print { .-Kn9p { position: static; } } } @layer components { ._6Tqd9 { display: flex; align-items: stretch; margin-right: -10px; } @media (min-width: 768px) { ._6Tqd9 { align-items: center; justify-content: space-around; flex: 0 1 0%; height: var(--global-header-height); min-height: var(--global-header-height); margin-right: -17px; } } .Quo5r { display: block; flex-grow: 1; padding: 10px 0px; border-radius: 8px; margin-right: 4px; color: var(--color-text-secondary); cursor: pointer; font-size: 14px; text-align: center; text-decoration: none; transition-duration: 0.2s; transition-property: color, background-color, box-shadow; transition-timing-function: ease; } .Quo5r:hover { color: var(--color-text-emphasis); } @media (min-width: 768px) { .Quo5r { flex-grow: 0; padding: 6px; margin-right: 11px; text-align: left; } .Quo5r:focus-visible { box-shadow: 0 0 0 2px var(--color-ring); outline: 0px; } } [data-entering] .Quo5r { opacity: 0; transform: translateY(6px); } [data-entering-active] .Quo5r { opacity: 1; transform: translateY(0px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-delay: 0.3s; } [data-entering-active] .Quo5r:nth-child(2) { transition-delay: 0.34s; } [data-entering-active] .Quo5r:nth-child(3) { transition-delay: 0.38s; } [data-entering-active] .Quo5r:nth-child(4) { transition-delay: 0.42s; } [data-exiting-active] .Quo5r { opacity: 0; transform: translateY(6px); transition: opacity .3s var(--cubic-exit-snappy),transform .3s var(--cubic-exit-snappy); } [data-exiting-active] .Quo5r:nth-child(2) { transition-delay: 40ms; } [data-exiting-active] .Quo5r:nth-child(3) { transition-delay: 80ms; } [data-exiting-active] .Quo5r:nth-child(4) { transition-delay: 0.12s; } .lwnge { background-color: var(--gray-150); color: var(--color-text-emphasis); font-weight: var(--font-weight-semibold); } @media (min-width: 768px) { .lwnge { background: none; } } .P7Npr { white-space: nowrap; } .P7Npr::before { overflow: hidden; display: block; height: 0px; content: attr(data-title); font-weight: var(--font-weight-bold); visibility: hidden; } .P7Npr[data-long-label] { display: none; } @media (min-width: 1024px) { .P7Npr[data-long-label] { display: block; } } @media (min-width: 1024px) { .P7Npr[data-short-label] { display: none; } } } @layer components { ._1qzLV { position: absolute; inset: 0px 0px 0px 100%; z-index: 301; overflow: hidden; display: flex; flex-direction: column; padding: 12px 12px 0px; user-select: none; visibility: hidden; } [data-mobile-menu="visible"] ._1qzLV { left: 0px; transition: none 0s ease 0s; visibility: visible; } @media print { ._1qzLV { display: none; } } .STCRH { transition: visibility 0s ease 0.3s, left 0s ease 0.3s; } ._1qzLV > * { opacity: 0; transform: translateY(-6px); transition: opacity .3s var(--cubic-exit),transform .3s var(--cubic-exit); } ._1qzLV > :nth-child(1) { transition-delay: 0.08s; } ._1qzLV > :nth-child(2) { transition-delay: 0.04s; } [data-mobile-menu="visible"] ._1qzLV > * { opacity: 1; transform: translateY(0px); transition: opacity .8s var(--cubic-enter) .33s,transform .7s var(--cubic-enter) .33s; will-change: opacity, transform; } [data-mobile-menu="visible"] ._1qzLV > :nth-child(1) { transition-delay: 0.15s; } [data-mobile-menu="visible"] ._1qzLV > :nth-child(2) { transition-delay: 0.21s; } [data-mobile-menu="visible"] ._1qzLV > :nth-child(3) { transition-delay: 0.27s; } .mU30n { padding-right: 11px; padding-left: 11px; margin-right: -11px; margin-left: -11px; } .Xs4X4 { flex: 1 1 0%; } .CO5li { position: absolute; inset: 0px; display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; } ._6bRNz { overflow: auto; flex: 1 1 0%; padding-top: 16px; padding-bottom: 16px; } .OyGe3 { padding: 6px 12px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-md); margin: 8px 0px; background-color: var(--color-surface-tertiary); cursor: pointer; font-size: 14px; transition: border-color 0.15s ease 0s, opacity 0.5s ease 0.25s; } .OyGe3:hover { border: 1px solid var(--color-border-strong); } .OyGe3:hover .OFHb7 { opacity: 1; transform: translate(0px); } [data-sidebar="collapsed"] .OyGe3 { opacity: 0; pointer-events: none; transition-delay: 0s; transition-duration: 0s; } .OFHb7 { display: flex; align-items: center; opacity: 0; transform: translate(-4px); transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; } .XK859 { position: absolute; top: 20px; right: 18px; } .hY04G { display: flex; margin-top: 12px; } .wbDom { } .wbDom::-webkit-scrollbar { width: 0px; height: 0px; } .wbDom::-webkit-scrollbar-track, .wbDom::-webkit-scrollbar-thumb { background: transparent; } .O3ygq { position: relative; border: 0px; margin: 0px; appearance: auto; background: none; color: inherit; cursor: pointer; user-select: none; } .O3ygq::before { position: absolute; inset: 0px; display: block; border-radius: 6px; content: ""; opacity: 0; transform: scale(1); transition-duration: 0.15s; transition-property: opacity, background-color, transform, box-shadow, color; transition-timing-function: var(--cubic-enter); will-change: opacity, transform; } .O3ygq::before, :where([data-theme="light"]) .O3ygq::before { background: var(--gray-150); } :where([data-theme="dark"]) .O3ygq::before { background: var(--gray-300); } .O3ygq:focus { outline: 0px; } .O3ygq[data-state="open"]::before, .O3ygq:hover::before { opacity: 0.5; } .O3ygq:focus-visible::before { background: transparent; box-shadow: 0 0 0 2px var(--color-ring); opacity: 1; transform: scale(1); } .O3ygq:focus-visible:hover::before { background: var(--gray-150); opacity: 1; } .O3ygq:active::before { opacity: 0.7; transform: scale(0.98); } .FSmLp { position: relative; display: flex; align-items: center; height: 38px; } .HPtRB { display: flex; align-items: center; width: 100%; padding: 0px; margin: 0px 0px 2px; color: var(--color-text); cursor: pointer; font-size: 14px; font-weight: var(--font-weight-normal); line-height: 20px; transition: color .15s var(--cubic-enter); white-space: nowrap; } .HPtRB:hover { color: var(--color-primary); } .HPtRB[data-text-only] { padding: 0px 12px; } .fZc0V { color: var(--gray-900); cursor: default; } .fZc0V:hover { color: var(--gray-900); } .fZc0V::before, .fZc0V:hover::before { opacity: 1; } .fZc0V:focus-visible::before { background: var(--gray-150); } .fZc0V[data-section-heading]::before { opacity: 0; } .fZc0V .igPzW { display: none; } ._4SoGl { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; margin: 0px 2px 0px 4px; transition: color 0.15s ease 0s; } ._4SoGl svg { width: 20px; height: 20px; } .ED86-, .kqjiL { display: flex; align-items: center; justify-content: center; width: 100%; } .kqjiL { display: none; } .fZc0V .kqjiL { display: flex; } .fZc0V .ED86- { display: none; } .igPzW { display: flex; width: 6px; margin-top: 1px; margin-left: 4px; color: var(--green-500); } .CNbrA { position: relative; } .CNbrA::before { position: absolute; top: 100%; right: 10px; left: 0px; z-index: 2; height: 16px; background: var(--color-surface); content: ""; -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); opacity: 1; pointer-events: none; transition: opacity 0.1s ease 0s; } .-FBit .CNbrA { opacity: 0; } ._5LgR- { padding: 0px 12px 8px; margin: 24px 0px 2px; color: var(--color-text-tertiary); font-size: 13px; font-weight: var(--font-weight-medium); line-height: 14px; } ._5LgR-:first-child { margin-top: -2px; } ._3eq3b { position: relative; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; padding: 12px; margin: 0px -12px; box-shadow: rgba(0, 0, 0, 0.06) 0px -2px 10px; } ._3eq3b .HPtRB { justify-content: center; margin: 0px; } @media (min-width: 350px) { ._3eq3b ._4SoGl { margin: 0px 2px 0px 0px; } } ._3eq3b .SjyEm { overflow: hidden; display: none; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 380px) { ._3eq3b .SjyEm { display: inline; } } ._3eq3b[data-hide-labels] .HPtRB { justify-content: center; } ._3eq3b[data-hide-labels] .adgIw { display: flex; flex-direction: row; } ._3eq3b[data-hide-labels] .SjyEm { display: none; } :where([data-theme="dark"]) ._3eq3b { box-shadow: rgba(0, 0, 0, 0.35) 0px -2px 10px; } .adgIw { display: flex; align-items: center; gap: 2px; } @media (min-width: 768px) { [data-sidebar-collapsible] { white-space: nowrap; } ._1qzLV { position: absolute; top: 0px; bottom: 0px; left: 0px; z-index: 101; overflow: visible; flex-direction: column; width: var(--side-nav-width); padding: 14px 0px 0px; border: 0px; border-radius: 0px; background: none; opacity: 1; transition: opacity var(--collapse-transition-duration) var(--cubic-move); visibility: visible; } [data-sidebar="hidden"] ._1qzLV { opacity: 0; pointer-events: none; transition: opacity var(--collapse-transition-duration) var(--cubic-move),visibility 0s var(--cubic-move) var(--collapse-transition-duration); visibility: hidden; } ._1qzLV > * { opacity: 1; transform: none; transition: none 0s ease 0s; will-change: auto; } .mU30n { padding-right: 12px; padding-left: 12px; margin-right: 0px; margin-left: calc(-1 * var(--global-page-gutter)); } .CO5li { width: var(--side-nav-width); } .CO5li[data-sidebar-collapsible] { transition: width var(--collapse-transition-duration) var(--cubic-move); } [data-sidebar-prefer-collapse] .CO5li[data-sidebar-collapsible] { width: var(--side-nav-collapsed-width); } .cAtt3 { border-bottom: 1px solid var(--color-border); } ._3eq3b { width: var(--side-nav-width); padding: 6px 12px 6px calc(12px - var(--global-page-gutter)); margin: 0px; box-shadow: none; transition: width var(--collapse-transition-duration) var(--cubic-move); } [data-sidebar="collapsed"] ._3eq3b { width: var(--side-nav-collapsed-width); } ._3eq3b .HPtRB { justify-content: flex-start; margin-bottom: 4px; } ._3eq3b ._4SoGl { margin: 0px 2px 0px 4px; } ._3eq3b ._4SoGl:last-child { margin-right: 4px; } .adgIw { display: block; } .CNbrA[data-empty] { margin-top: -12px; } .CNbrA::before { background: var(--color-surface-tertiary); } .FSmLp { overflow: hidden; height: 32px; } .HPtRB { margin: 0px 0px 4px; } .SjyEm { overflow: hidden; text-overflow: ellipsis; transition: opacity var(--collapse-transition-duration) var(--cubic-move); white-space: nowrap; } [data-sidebar-prefer-collapse] [data-sidebar-collapsible] .SjyEm, [data-sidebar="collapsed"] ._3eq3b .SjyEm { opacity: 0; } [data-sidebar="collapsed"] .O3ygq:active::before { transform: scale(0.95); } } } @layer components { .CLhd4 { position: relative; width: var(--indicator-size, 1em); height: var(--indicator-size, 1em); animation: nx9d1 var(--indicator-rotate-duration, .8s) linear infinite; transition: opacity 0.15s ease 0s; } .CLhd4::before { position: absolute; inset: 0px; display: block; border: var(--indicator-stroke, 2px) solid var(--indicator-color, currentcolor); border-radius: 50%; content: ""; -webkit-mask-image: conic-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); } .CLhd4::after { position: absolute; top: 0px; left: 50%; display: block; width: var(--indicator-stroke, 2px); height: var(--indicator-stroke, 2px); border-radius: 100%; margin-left: calc(var(--indicator-stroke, 2px) * -1 / 2); background-color: var(--indicator-color, currentcolor); content: ""; } @keyframes nx9d1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } } @layer components { .lkCln { position: relative; display: inline-block; gap: var(--button-gap); flex-shrink: 0; height: var(--button-size); padding: 0 var(--button-gutter); border-radius: var(--button-radius); cursor: pointer; font-size: var(--button-font-size); font-weight: var(--button-font-weight); line-height: 1; transition-duration: var(--transition-duration-basic); transition-property: opacity, color; transition-timing-function: var(--transition-ease-basic); user-select: none; white-space: nowrap; } .lkCln::before { position: absolute; inset: 0px; display: block; border-radius: inherit; content: ""; transition-duration: var(--transition-duration-basic); transition-property: opacity, background-color, transform, box-shadow, border-color; transition-timing-function: var(--transition-ease-basic); will-change: transform; } .lkCln::after { position: absolute; inset: 0px; display: block; border-radius: inherit; content: ""; pointer-events: none; transition-duration: var(--transition-duration-basic); transition-property: transform; transition-timing-function: var(--transition-ease-basic); will-change: transform; } .lkCln:focus { outline: none; } .lkCln:focus-visible::after { outline: 2px solid var(--button-ring-color, var(--color-ring)); outline-offset: var(--button-ring-offset, 2px); } .lkCln svg:where(:not([data-no-autosize])) { width: var(--button-icon-size); height: var(--button-icon-size); } :where(.lkCln svg:where(:not([data-no-autosize])):first-child:not(:only-child)) { margin-left: var(--button-icon-offset, -1px); } :where(.lkCln svg:where(:not([data-no-autosize])):last-child:not(:only-child)) { margin-right: var(--button-icon-offset, -1px); } .lkCln:where([data-optically-align="start"]) { margin-inline-start: calc(var(--button-gutter) * -1); } .lkCln:where([data-optically-align="start"][data-pill]) { margin-inline-start: calc(var(--button-gutter) * var(--control-gutter-pill-scaling) * -1); } .lkCln:where([data-optically-align="end"]) { margin-inline-end: calc(var(--button-gutter) * -1); } .lkCln:where([data-optically-align="end"][data-pill]) { margin-inline-end: calc(var(--button-gutter) * var(--control-gutter-pill-scaling) * -1); } .lkCln:where([data-optically-align="start"][data-uniform]) { margin-inline-start: calc(((var(--button-size) - var(--button-icon-size)) / 2) * -1); } .lkCln:where([data-optically-align="end"][data-uniform]) { margin-inline-end: calc(((var(--button-size) - var(--button-icon-size)) / 2) * -1); } .lkCln:where([data-size="3xs"]) { --button-size: var(--control-size-3xs); --button-gutter: var(--control-gutter-2xs); --button-font-size: var(--control-font-size-sm); --button-icon-size: var(--control-icon-size-xs); --button-gap: var(--button-gap-sm); --button-radius: var(--control-radius-sm); --button-icon-offset: -1px; --indicator-size: 11px; --circular-progress-size: 11px; } .lkCln:where([data-size="2xs"]) { --button-size: var(--control-size-2xs); --button-gutter: var(--control-gutter-xs); --button-font-size: var(--control-font-size-sm); --button-icon-size: var(--control-icon-size-sm); --button-gap: var(--button-gap-md); --button-radius: var(--control-radius-sm); --button-icon-offset: -1px; --indicator-size: 12px; --circular-progress-size: 12px; } .lkCln:where([data-size="xs"]) { --button-size: var(--control-size-xs); --button-gutter: var(--control-gutter-xs); --button-font-size: var(--control-font-size-md); --button-icon-size: var(--control-icon-size-sm); --button-gap: var(--button-gap-md); --button-radius: var(--control-radius-sm); --button-icon-offset: -1px; --indicator-size: 13px; --circular-progress-size: 14px; } .lkCln:where([data-size="sm"]) { --button-size: var(--control-size-sm); --button-gutter: var(--control-gutter-sm); --button-font-size: var(--control-font-size-md); --button-icon-size: var(--control-icon-size-md); --button-gap: var(--button-gap-md); --button-radius: var(--control-radius-sm); --button-icon-offset: -1px; --indicator-size: 15px; --circular-progress-size: 15px; } .lkCln:where([data-size="md"]) { --button-size: var(--control-size-md); --button-gutter: var(--control-gutter-md); --button-font-size: var(--control-font-size-md); --button-icon-size: var(--control-icon-size-md); --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-md); --button-icon-offset: -1px; --indicator-size: 16px; --circular-progress-size: 16px; } .lkCln:where([data-size="lg"]) { --button-size: var(--control-size-lg); --button-gutter: var(--control-gutter-md); --button-font-size: var(--control-font-size-md); --button-icon-size: var(--control-icon-size-md); --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-md); --button-icon-offset: -1px; --indicator-size: 16px; --circular-progress-size: 16px; } .lkCln:where([data-size="xl"]) { --button-size: var(--control-size-xl); --button-gutter: var(--control-gutter-lg); --button-font-size: var(--control-font-size-md); --button-icon-size: var(--control-icon-size-md); --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-lg); --button-icon-offset: -1px; --indicator-size: 18px; --circular-progress-size: 18px; } .lkCln:where([data-size="2xl"]) { --button-size: var(--control-size-2xl); --button-gutter: var(--control-gutter-lg); --button-font-size: var(--control-font-size-lg); --button-icon-size: var(--control-icon-size-lg); --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-xl); --button-icon-offset: -2px; --indicator-size: 18px; --circular-progress-size: 18px; } .lkCln:where([data-size="3xl"]) { --button-size: var(--control-size-3xl); --button-gutter: var(--control-gutter-xl); --button-font-size: var(--control-font-size-lg); --button-icon-size: var(--control-icon-size-lg); --button-gap: var(--button-gap-lg); --button-radius: var(--control-radius-xl); --button-icon-offset: -2px; --indicator-size: 20px; --circular-progress-size: 20px; } .lkCln:where([data-gutter-size="2xs"]) { --button-gutter: var(--control-gutter-2xs); } .lkCln:where([data-gutter-size="xs"]) { --button-gutter: var(--control-gutter-xs); } .lkCln:where([data-gutter-size="sm"]) { --button-gutter: var(--control-gutter-sm); } .lkCln:where([data-gutter-size="md"]) { --button-gutter: var(--control-gutter-md); } .lkCln:where([data-gutter-size="lg"]) { --button-gutter: var(--control-gutter-lg); } .lkCln:where([data-gutter-size="xl"]) { --button-gutter: var(--control-gutter-xl); } .lkCln:where([data-icon-size="sm"]) { --button-icon-size: var(--control-icon-size-sm); } .lkCln:where([data-icon-size="md"]) { --button-icon-size: var(--control-icon-size-md); } .lkCln:where([data-icon-size="lg"]) { --button-icon-size: var(--control-icon-size-lg); } .lkCln:where([data-icon-size="xl"]) { --button-icon-size: var(--control-icon-size-xl); } .lkCln:where([data-icon-size="2xl"]) { --button-icon-size: var(--control-icon-size-2xl); } .lkCln:where([data-pill]) { --button-radius: var(--radius-full); padding: 0 calc(var(--button-gutter) * var(--control-gutter-pill-scaling)); } .lkCln:where([data-block]) { width: 100%; } .lkCln[data-uniform] { --button-gutter: 0; width: var(--button-size); } .lkCln[data-variant="ghost"] { --button-ring-offset: -1px; color: var(--button-text-color); } .lkCln[data-variant="ghost"]::before { background-color: var(--button-background-color); opacity: 0; transform: scale(var(--scale)); } .lkCln[data-variant="ghost"][aria-expanded="true"], .lkCln[data-variant="ghost"][data-state="open"] { color: var(--button-text-color-hover); } .lkCln[data-variant="ghost"][aria-expanded="true"]::before, .lkCln[data-variant="ghost"][data-state="open"]::before { opacity: 0.6; transform: scale(1); } .lkCln[data-variant="ghost"][data-selected] { color: var(--button-text-color-hover); } .lkCln[data-variant="ghost"][data-selected]::before { opacity: 1; transform: scale(1); } @media (hover: hover) and (pointer: fine) { .lkCln[data-variant="ghost"]:where(:not([data-disabled])):hover { color: var(--button-text-color-hover); } .lkCln[data-variant="ghost"]:where(:not([data-disabled])):hover::before { opacity: 1; transform: scale(1); } } .lkCln[data-variant="ghost"]:where(:not([data-disabled])):active::before { background-color: var(--button-background-color-active); opacity: 1; transform: scale(var(--scale)); } .lkCln[data-variant="ghost"]:where(:not([data-disabled])):active::after { transform: scale(var(--scale)); } .lkCln[data-variant="ghost"]:where([data-color="primary"]) { --button-background-color: var(--color-background-primary-ghost-hover); --button-background-color-active: var(--color-background-primary-ghost-active); --button-text-color: var(--color-text-primary-ghost); --button-text-color-hover: var(--color-text-primary-ghost-hover); --button-ring-color: var(--color-ring-primary-ghost); } .lkCln[data-variant="ghost"]:where([data-color="secondary"]) { --button-background-color: var(--color-background-secondary-ghost-hover); --button-background-color-active: var(--color-background-secondary-ghost-active); --button-text-color: var(--color-text-secondary-ghost); --button-text-color-hover: var(--color-text-secondary-ghost-hover); --button-ring-color: var(--color-ring-secondary-ghost); } .lkCln[data-variant="ghost"]:where([data-color="danger"]) { --button-background-color: var(--color-background-danger-ghost-hover); --button-background-color-active: var(--color-background-danger-ghost-active); --button-text-color: var(--color-text-danger-ghost); --button-text-color-hover: var(--color-text-danger-ghost-hover); --button-ring-color: var(--color-ring-danger-ghost); } .lkCln[data-variant="ghost"]:where([data-color="success"]) { --button-background-color: var(--color-background-success-ghost-hover); --button-background-color-active: var(--color-background-success-ghost-active); --button-text-color: var(--color-text-success-ghost); --button-text-color-hover: var(--color-text-success-ghost-hover); --button-ring-color: var(--color-ring-success-ghost); } .lkCln[data-variant="ghost"]:where([data-color="warning"]) { --button-background-color: var(--color-background-warning-ghost-hover); --button-background-color-active: var(--color-background-warning-ghost-active); --button-text-color: var(--color-text-warning-ghost); --button-text-color-hover: var(--color-text-warning-ghost-hover); --button-ring-color: var(--color-ring-warning-ghost); } .lkCln[data-variant="ghost"]:where([data-color="caution"]) { --button-background-color: var(--color-background-caution-ghost-hover); --button-background-color-active: var(--color-background-caution-ghost-active); --button-text-color: var(--color-text-caution-ghost); --button-text-color-hover: var(--color-text-caution-ghost-hover); --button-ring-color: var(--color-ring-caution-ghost); } .lkCln[data-variant="ghost"]:where([data-color="info"]) { --button-background-color: var(--color-background-info-ghost-hover); --button-background-color-active: var(--color-background-info-ghost-active); --button-text-color: var(--color-text-info-ghost); --button-text-color-hover: var(--color-text-info-ghost-hover); --button-ring-color: var(--color-ring-info-ghost); } .lkCln[data-variant="ghost"]:where([data-color="discovery"]) { --button-background-color: var(--color-background-discovery-ghost-hover); --button-background-color-active: var(--color-background-discovery-ghost-active); --button-text-color: var(--color-text-discovery-ghost); --button-text-color-hover: var(--color-text-discovery-ghost-hover); --button-ring-color: var(--color-ring-discovery-ghost); } .lkCln[data-variant="solid"] { color: var(--button-text-color); } .lkCln[data-variant="solid"]::before { background-color: var(--button-background-color); } .lkCln[data-variant="solid"][aria-expanded="true"]::before, .lkCln[data-variant="solid"][data-state="open"]::before, .lkCln[data-variant="solid"][data-selected]::before { background-color: var(--button-background-color-hover); } @media (hover: hover) and (pointer: fine) { .lkCln[data-variant="solid"]:where(:not([data-disabled])):hover::before { background-color: var(--button-background-color-hover); } } .lkCln[data-variant="solid"]:where(:not([data-disabled])):active::before { background-color: var(--button-background-color-active); } .lkCln[data-variant="solid"]:where(:not([data-disabled])):active::before, .lkCln[data-variant="solid"]:where(:not([data-disabled])):active::after { transform: scale(var(--scale)); } .lkCln[data-variant="solid"]:where([data-color="primary"]) { --button-background-color: var(--color-background-primary-solid); --button-background-color-hover: var(--color-background-primary-solid-hover); --button-background-color-active: var(--color-background-primary-solid-active); --button-text-color: var(--color-text-primary-solid); --button-ring-color: var(--color-ring-primary-solid); } .lkCln[data-variant="solid"]:where([data-color="secondary"]) { --button-background-color: var(--color-background-secondary-solid); --button-background-color-hover: var(--color-background-secondary-solid-hover); --button-background-color-active: var(--color-background-secondary-solid-active); --button-text-color: var(--color-text-secondary-solid); --button-ring-color: var(--color-ring-secondary-solid); } .lkCln[data-variant="solid"]:where([data-color="success"]) { --button-background-color: var(--color-background-success-solid); --button-background-color-hover: var(--color-background-success-solid-hover); --button-background-color-active: var(--color-background-success-solid-active); --button-text-color: var(--color-text-success-solid); --button-ring-color: var(--color-ring-success-solid); } .lkCln[data-variant="solid"]:where([data-color="danger"]) { --button-background-color: var(--color-background-danger-solid); --button-background-color-hover: var(--color-background-danger-solid-hover); --button-background-color-active: var(--color-background-danger-solid-active); --button-text-color: var(--color-text-danger-solid); --button-ring-color: var(--color-ring-danger-solid); } .lkCln[data-variant="solid"]:where([data-color="warning"]) { --button-background-color: var(--color-background-warning-solid); --button-background-color-hover: var(--color-background-warning-solid-hover); --button-background-color-active: var(--color-background-warning-solid-active); --button-text-color: var(--color-text-warning-solid); --button-ring-color: var(--color-ring-warning-solid); } .lkCln[data-variant="solid"]:where([data-color="caution"]) { --button-background-color: var(--color-background-caution-solid); --button-background-color-hover: var(--color-background-caution-solid-hover); --button-background-color-active: var(--color-background-caution-solid-active); --button-text-color: var(--color-text-caution-solid); --button-ring-color: var(--color-ring-caution-solid); } .lkCln[data-variant="solid"]:where([data-color="info"]) { --button-background-color: var(--color-background-info-solid); --button-background-color-hover: var(--color-background-info-solid-hover); --button-background-color-active: var(--color-background-info-solid-active); --button-text-color: var(--color-text-info-solid); --button-ring-color: var(--color-ring-info-solid); } .lkCln[data-variant="solid"]:where([data-color="discovery"]) { --button-background-color: var(--color-background-discovery-solid); --button-background-color-hover: var(--color-background-discovery-solid-hover); --button-background-color-active: var(--color-background-discovery-solid-active); --button-text-color: var(--color-text-discovery-solid); --button-ring-color: var(--color-ring-discovery-solid); } .lkCln[data-variant="soft"] { color: var(--button-text-color); } .lkCln[data-variant="soft"]::before { background-color: var(--button-background-color); } .lkCln[data-variant="soft"][aria-expanded="true"]::before, .lkCln[data-variant="soft"][data-state="open"]::before, .lkCln[data-variant="soft"][data-selected]::before { background-color: var(--button-background-color-hover); } @media (hover: hover) and (pointer: fine) { .lkCln[data-variant="soft"]:where(:not([data-disabled])):hover::before { background-color: var(--button-background-color-hover); } } .lkCln[data-variant="soft"]:where(:not([data-disabled])):active::before { background-color: var(--button-background-color-active); } .lkCln[data-variant="soft"]:where(:not([data-disabled])):active::before, .lkCln[data-variant="soft"]:where(:not([data-disabled])):active::after { transform: scale(var(--scale)); } .lkCln[data-variant="soft"]:where([data-color="primary"]) { --button-background-color: var(--color-background-primary-soft-alpha); --button-background-color-hover: var(--color-background-primary-soft-alpha-hover); --button-background-color-active: var(--color-background-primary-soft-alpha-active); --button-text-color: var(--color-text-primary-soft); --button-ring-color: var(--color-ring-primary-soft); } .lkCln[data-variant="soft"]:where([data-color="secondary"]) { --button-background-color: var(--color-background-secondary-soft-alpha); --button-background-color-hover: var(--color-background-secondary-soft-alpha-hover); --button-background-color-active: var(--color-background-secondary-soft-alpha-active); --button-text-color: var(--color-text-secondary-soft); --button-ring-color: var(--color-ring-secondary-soft); } .lkCln[data-variant="soft"]:where([data-color="success"]) { --button-background-color: var(--color-background-success-soft-alpha); --button-background-color-hover: var(--color-background-success-soft-alpha-hover); --button-background-color-active: var(--color-background-success-soft-alpha-active); --button-text-color: var(--color-text-success-soft); --button-ring-color: var(--color-ring-success-soft); } .lkCln[data-variant="soft"]:where([data-color="danger"]) { --button-background-color: var(--color-background-danger-soft-alpha); --button-background-color-hover: var(--color-background-danger-soft-alpha-hover); --button-background-color-active: var(--color-background-danger-soft-alpha-active); --button-text-color: var(--color-text-danger-soft); --button-ring-color: var(--color-ring-danger-soft); } .lkCln[data-variant="soft"]:where([data-color="warning"]) { --button-background-color: var(--color-background-warning-soft-alpha); --button-background-color-hover: var(--color-background-warning-soft-alpha-hover); --button-background-color-active: var(--color-background-warning-soft-alpha-active); --button-text-color: var(--color-text-warning-soft); --button-ring-color: var(--color-ring-warning-soft); } .lkCln[data-variant="soft"]:where([data-color="caution"]) { --button-background-color: var(--color-background-caution-soft-alpha); --button-background-color-hover: var(--color-background-caution-soft-alpha-hover); --button-background-color-active: var(--color-background-caution-soft-alpha-active); --button-text-color: var(--color-text-caution-soft); --button-ring-color: var(--color-ring-caution-soft); } .lkCln[data-variant="soft"]:where([data-color="info"]) { --button-background-color: var(--color-background-info-soft-alpha); --button-background-color-hover: var(--color-background-info-soft-alpha-hover); --button-background-color-active: var(--color-background-info-soft-alpha-active); --button-text-color: var(--color-text-info-soft); --button-ring-color: var(--color-ring-info-soft); } .lkCln[data-variant="soft"]:where([data-color="discovery"]) { --button-background-color: var(--color-background-discovery-soft-alpha); --button-background-color-hover: var(--color-background-discovery-soft-alpha-hover); --button-background-color-active: var(--color-background-discovery-soft-alpha-active); --button-text-color: var(--color-text-discovery-soft); --button-ring-color: var(--color-ring-discovery-soft); } .lkCln[data-variant="outline"] { --button-ring-offset: -1px; color: var(--button-text-color); } .lkCln[data-variant="outline"]::before { background-color: transparent; box-shadow: 0 0 0 1px var(--button-border-color) inset,var(--button-shadow-custom, 0 0 #00000000); } .lkCln[data-variant="outline"][aria-expanded="true"], .lkCln[data-variant="outline"][data-state="open"], .lkCln[data-variant="outline"][data-selected] { color: var(--button-text-color-hover); } .lkCln[data-variant="outline"][aria-expanded="true"]::before, .lkCln[data-variant="outline"][data-state="open"]::before, .lkCln[data-variant="outline"][data-selected]::before { background-color: var(--button-background-color-hover); box-shadow: 0 0 0 1px var(--button-border-color-hover) inset,var(--button-shadow-custom, 0 0 #00000000); } @media (hover: hover) and (pointer: fine) { .lkCln[data-variant="outline"]:where(:not([data-disabled])):hover { color: var(--button-text-color-hover); } .lkCln[data-variant="outline"]:where(:not([data-disabled])):hover::before { background-color: var(--button-background-color-hover); box-shadow: 0 0 0 1px var(--button-border-color-hover) inset,var(--button-shadow-custom, 0 0 #00000000); } } .lkCln[data-variant="outline"]:where(:not([data-disabled])):active::before { background-color: var(--button-background-color-active); transform: scale(var(--scale)); } .lkCln[data-variant="outline"]:where(:not([data-disabled])):active::after { transform: scale(var(--scale)); } .lkCln[data-variant="outline"]:where([data-color="primary"]) { --button-background-color-hover: var(--color-background-primary-outline-hover); --button-background-color-active: var(--color-background-primary-outline-active); --button-border-color: var(--color-border-primary-outline); --button-border-color-hover: var(--color-border-primary-outline-hover); --button-text-color: var(--color-text-primary-outline); --button-text-color-hover: var(--color-text-primary-outline-hover); --button-ring-color: var(--color-ring-primary-outline); } .lkCln[data-variant="outline"]:where([data-color="secondary"]) { --button-background-color-hover: var(--color-background-secondary-outline-hover); --button-background-color-active: var(--color-background-secondary-outline-active); --button-border-color: var(--color-border-secondary-outline); --button-border-color-hover: var(--color-border-secondary-outline-hover); --button-text-color: var(--color-text-secondary-outline); --button-text-color-hover: var(--color-text-secondary-outline-hover); --button-ring-color: var(--color-ring-secondary-outline); } .lkCln[data-variant="outline"]:where([data-color="danger"]) { --button-background-color-hover: var(--color-background-danger-outline-hover); --button-background-color-active: var(--color-background-danger-outline-active); --button-border-color: var(--color-border-danger-outline); --button-border-color-hover: var(--color-border-danger-outline-hover); --button-text-color: var(--color-text-danger-outline); --button-text-color-hover: var(--color-text-danger-outline-hover); --button-ring-color: var(--color-ring-danger-outline); } .lkCln[data-variant="outline"]:where([data-color="success"]) { --button-background-color-hover: var(--color-background-success-outline-hover); --button-background-color-active: var(--color-background-success-outline-active); --button-border-color: var(--color-border-success-outline); --button-border-color-hover: var(--color-border-success-outline-hover); --button-text-color: var(--color-text-success-outline); --button-text-color-hover: var(--color-text-success-outline-hover); --button-ring-color: var(--color-ring-success-outline); } .lkCln[data-variant="outline"]:where([data-color="warning"]) { --button-background-color-hover: var(--color-background-warning-outline-hover); --button-background-color-active: var(--color-background-warning-outline-active); --button-border-color: var(--color-border-warning-outline); --button-border-color-hover: var(--color-border-warning-outline-hover); --button-text-color: var(--color-text-warning-outline); --button-text-color-hover: var(--color-text-warning-outline-hover); --button-ring-color: var(--color-ring-warning-outline); } .lkCln[data-variant="outline"]:where([data-color="caution"]) { --button-background-color-hover: var(--color-background-caution-outline-hover); --button-background-color-active: var(--color-background-caution-outline-active); --button-border-color: var(--color-border-caution-outline); --button-border-color-hover: var(--color-border-caution-outline-hover); --button-text-color: var(--color-text-caution-outline); --button-text-color-hover: var(--color-text-caution-outline-hover); --button-ring-color: var(--color-ring-caution-outline); } .lkCln[data-variant="outline"]:where([data-color="info"]) { --button-background-color-hover: var(--color-background-info-outline-hover); --button-background-color-active: var(--color-background-info-outline-active); --button-border-color: var(--color-border-info-outline); --button-border-color-hover: var(--color-border-info-outline-hover); --button-text-color: var(--color-text-info-outline); --button-text-color-hover: var(--color-text-info-outline-hover); --button-ring-color: var(--color-ring-info-outline); } .lkCln[data-variant="outline"]:where([data-color="discovery"]) { --button-background-color-hover: var(--color-background-discovery-outline-hover); --button-background-color-active: var(--color-background-discovery-outline-active); --button-border-color: var(--color-border-discovery-outline); --button-border-color-hover: var(--color-border-discovery-outline-hover); --button-text-color: var(--color-text-discovery-outline); --button-text-color-hover: var(--color-text-discovery-outline-hover); --button-ring-color: var(--color-ring-discovery-outline); } .lkCln[disabled] { pointer-events: none; } .lkCln[data-disabled][data-variant] { --button-background-color: var(--color-background-disabled); --button-border-color: var(--color-border-disabled); --button-text-color: var(--color-text-disabled); cursor: not-allowed; pointer-events: auto; } .lkCln[data-disabled][data-variant]:active::before { transform: scale(1); } .lkCln[data-disabled][data-variant][data-disabled-tone="relaxed"] { cursor: default; } .NBPKZ { position: relative; display: flex; flex-direction: inherit; align-items: center; justify-content: center; gap: inherit; width: 100%; height: 100%; transition: opacity 0.15s ease 0.1s; } [data-loading] .NBPKZ { opacity: 0; transition: opacity 0.3s ease 0s; } .XyIiU { position: absolute; inset: 0px; z-index: 3; display: flex; align-items: center; justify-content: center; pointer-events: none; } .XyIiU[data-entering] { opacity: 0; } .XyIiU[data-exiting] { opacity: 1; } .XyIiU[data-entering-active], .XyIiU[data-entering][data-interrupted] { opacity: 1; transition: opacity 0.15s ease 0.1s; } .XyIiU[data-exiting-active], .XyIiU[data-exiting][data-interrupted] { opacity: 0; transition: opacity 0.15s ease 0s; } } @layer components { ._4qZZH { max-width: 300px; border-radius: var(--tooltip-border-radius); animation-duration: 0.25s; animation-name: uJNmI; animation-timing-function: var(--cubic-enter); background: var(--tooltip-background-color); box-shadow: var(--tooltip-box-shadow); color: var(--tooltip-text-color); font-size: var(--tooltip-font-size); font-weight: var(--tooltip-font-weight); line-height: var(--tooltip-line-height); transform-origin: var(--radix-tooltip-content-transform-origin); transition: background-color 0.15s ease 0s; } ._4qZZH[data-state="closed"] { animation: IXM5S .25s var(--cubic-enter); } ._4qZZH[data-clickable="false"] { cursor: default; } ._4qZZH[data-clickable="true"] { cursor: pointer; } @media (hover: hover) and (pointer: fine) { ._4qZZH[data-compact="true"][data-clickable="true"]:hover { background: var(--tooltip-compact-interactive-background-color-hover); color: var(--tooltip-compact-interactive-text-color-hover); } } ._4qZZH[data-gutter-size="sm"] { padding: var(--tooltip-padding-sm); } ._4qZZH[data-gutter-size="md"] { padding: var(--tooltip-padding-md); } ._4qZZH[data-gutter-size="lg"] { padding: var(--tooltip-padding-lg); } ._4qZZH[data-compact="true"] { padding: var(--tooltip-compact-padding); background: var(--tooltip-compact-background-color); color: var(--tooltip-compact-text-color); font-size: var(--tooltip-compact-font-size); font-weight: var(--tooltip-compact-font-weight); } @keyframes uJNmI { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } @keyframes IXM5S { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.97); } } .zxtJj { display: inline-flex; cursor: pointer; text-decoration: underline dotted transparent; transition: text-decoration .2s var(--cubic-exit),-webkit-text-decoration .2s var(--cubic-exit); } .zxtJj:focus { outline: 0px; } .zxtJj[data-state*="open"] { text-decoration-color: var(--color-text-tertiary); transition-timing-function: var(--cubic-enter); } } @layer components { ._97uo0 { overflow: auto; width: var(--menu-width, auto); min-width: var(--menu-min-width, 300px); max-width: var(--radix-dropdown-menu-content-available-width); max-height: min(var(--radix-dropdown-menu-content-available-height),var(--menu-max-height, 1200px)); padding: var(--menu-gutter); border-radius: var(--menu-radius); background: var(--color-surface-elevated); box-shadow: var(--shadow),var(--shadow-hairline); color: var(--color-text); font-size: var(--menu-font-size); line-height: var(--menu-line-height); pointer-events: auto; transform-origin: var(--radix-dropdown-menu-content-transform-origin); will-change: transform; } ._97uo0:focus { outline: none; } :where([data-theme="dark"]) ._97uo0 { box-shadow: var(--shadow),var(--shadow-hairline),inset 0 0 0 var(--hairline) var(--color-border-subtle); } .ejk4l[data-entering] ._97uo0 { opacity: 0; transform: scale(0.95); } .ejk4l[data-entering-active] ._97uo0, .ejk4l[data-entering][data-interrupted] ._97uo0 { opacity: 1; transform: scale(1); transition-duration: 0.35s; transition-property: opacity, transform; transition-timing-function: var(--cubic-enter); } .ejk4l[data-exiting] ._97uo0 { opacity: 1; transform: scale(1); } .ejk4l[data-exiting-active] ._97uo0, .ejk4l[data-exiting][data-interrupted] ._97uo0 { opacity: 0; transform: scale(0.95); transition-duration: 0.2s; transition-property: opacity, transform; transition-timing-function: var(--cubic-exit); } .CUiRp { padding: var(--menu-item-padding); } ._86hTd { position: relative; display: block; align-items: center; gap: var(--menu-item-gap); padding: var(--menu-item-padding); color: var(--color-text); cursor: pointer; user-select: none; } ._86hTd:focus { outline: none; } @media (hover: hover) and (pointer: fine) { ._86hTd:hover { color: var(--color-text); } } ._86hTd::before { position: absolute; inset: 0px; display: block; border-radius: calc(var(--menu-radius) - var(--menu-gutter)); background: var(--menu-item-background-color); content: ""; opacity: 0; transform: scale(var(--scale, .98)); transition-duration: var(--transition-duration-basic); transition-property: opacity, background-color, transform; transition-timing-function: var(--cubic-enter); will-change: opacity, transform; } ._86hTd[data-color="danger"] { color: var(--color-text-danger-soft); } ._86hTd[data-color="danger"]::before { background: var(--color-background-danger-soft-alpha); } ._86hTd[data-state="open"]::before, ._86hTd[data-highlighted]::before { opacity: 1; transform: scale(1); } ._86hTd[data-state="open"]:has(.hayM4:hover)::before, ._86hTd[data-highlighted]:has(.hayM4:hover)::before { opacity: 0.4; } ._86hTd[data-state="open"]:not(:has(.hayM4:hover)):active::before, ._86hTd[data-highlighted]:not(:has(.hayM4:hover)):active::before { transform: scale(var(--scale, .98)); } ._86hTd[data-state="open"] .hayM4, ._86hTd[data-highlighted] .hayM4 { opacity: 1; } ._86hTd[data-disabled] { cursor: not-allowed; opacity: 0.5; } ._86hTd[data-disabled]::before { display: none; } .wU7SW { position: relative; display: flex; align-items: inherit; justify-content: inherit; gap: inherit; } .hayM4 { display: flex; align-items: center; height: 0px; margin-right: -5px; opacity: 0; transition-duration: var(--transition-duration-basic); transition-property: opacity; transition-timing-function: var(--cubic-enter); } .ickmk { height: 1px; margin: var(--menu-separator-gutter); background: var(--menu-separator-background-color); } .MhVND { justify-content: space-between; } .-UKCH { margin-right: -2px; opacity: 0.75; transition: opacity var(--transition-duration-basic) var(--transition-ease-basic); } .MhVND[data-state="open"] .-UKCH, .MhVND[data-highlighted] .-UKCH { opacity: 1; } .LHvDM { gap: calc(var(--spacing) * 2); } :where([data-indicator-position="end"]) .LHvDM { justify-content: space-between; gap: calc(var(--spacing) * 3); } .Gf1PZ { position: relative; display: inline-grid; align-items: center; justify-content: center; width: 100%; height: 100%; } .Gf1PZ::before, .Gf1PZ::after { display: block; content: ""; grid-column-start: 1; grid-row-start: 1; place-self: center; will-change: transform; } .Gf1PZ::before { width: var(--menu-radio-indicator-size); height: var(--menu-radio-indicator-size); border-radius: var(--radius-full); animation: R82qF .4s var(--cubic-enter); background-color: var(--radio-group-indicator-background-color); } .Gf1PZ::after { width: var(--menu-radio-indicator-hole-size); height: var(--menu-radio-indicator-hole-size); border-radius: var(--radius-full); animation: h784h .4s var(--cubic-enter); background-color: var(--radio-group-indicator-hole-background-color); } [data-entering] .Gf1PZ::before, [data-entering] .Gf1PZ::after { animation-duration: 0s; } .qHb9t { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--menu-radio-indicator-size); height: var(--menu-radio-indicator-size); padding: 0px; border: none; border-radius: var(--radius-full); background-color: transparent; box-shadow: 0 0 0 1px var(--radio-group-indicator-border-color) inset; cursor: pointer; transition-duration: var(--transition-duration-basic); transition-property: box-shadow; transition-timing-function: var(--transition-ease-basic); } [data-indicator-position="end"] .qHb9t { order: 1; } [data-highlighted] .qHb9t { box-shadow: 0 0 0 1px var(--radio-group-indicator-border-color-hover) inset; } [data-disabled] .qHb9t { cursor: not-allowed; } .qHb9t:focus { outline: none; } @keyframes h784h { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes R82qF { 0% { opacity: 0; } 100% { opacity: 1; } } .jnTj6 { gap: calc(var(--spacing) * 2); } .jnTj6:where([data-indicator-position="end"]) { justify-content: space-between; gap: calc(var(--spacing) * 3); } .li6-w { flex-shrink: 0; width: var(--menu-checkbox-indicator-size); height: var(--menu-checkbox-indicator-size); } [data-indicator-position="end"] .li6-w { order: 1; } [data-indicator-variant="solid"] .li6-w { border-radius: var(--radius-full); box-shadow: 0 0 0 1px var(--radio-group-indicator-border-color) inset; } .b0gCX { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: var(--menu-checkbox-indicator-size); height: var(--menu-checkbox-indicator-size); border-radius: var(--radius-full); animation: R82qF .5s var(--cubic-enter); background-color: var(--radio-group-indicator-background-color); color: var(--radio-group-indicator-hole-background-color); } [data-entering] .b0gCX::before, [data-entering] .b0gCX::after { animation-duration: 0s; } } @layer base { @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .spinner { display: flex; align-items: center; } .spinner-spin { animation: 1s linear 0s infinite normal none running spin; } .spinner-color-default { color: var(--color-text); } .dots-container { display: flex; gap: 1px; } .loading-dot:first-child { animation: 1s ease 0s infinite normal none running loading; } .loading-dot:nth-child(2) { animation: 1s ease 0.2s infinite normal none running loading; } .loading-dot:nth-child(3) { animation: 1s ease 0.4s infinite normal none running loading; } @keyframes loading { 0% { opacity: 0.15; } 50% { opacity: 0.65; } 100% { opacity: 0.15; } } } @layer components { .vsU3m { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; width: var(--avatar-size); height: var(--avatar-size); border-radius: var(--avatar-radius); transition: background-color .3s var(--cubic-enter); user-select: none; } .vsU3m[type="button"] { cursor: pointer; } .vsU3m[type="button"]:focus-visible { outline: 2px solid var(--avatar-ring-color); outline-offset: 2px; } .vsU3m[data-variant="soft"] { background-color: var(--avatar-background-color); color: var(--avatar-text-color); } .vsU3m[data-variant="soft"]:where([data-color="primary"]) { --avatar-background-color: var(--color-background-primary-soft); --avatar-text-color: var(--color-text-primary-soft); --avatar-ring-color: var(--color-ring-primary-soft); } .vsU3m[data-variant="soft"]:where([data-color="secondary"]) { --avatar-background-color: var(--color-background-secondary-soft); --avatar-text-color: var(--color-text-secondary-soft); --avatar-ring-color: var(--color-ring-secondary-soft); } .vsU3m[data-variant="soft"]:where([data-color="discovery"]) { --avatar-background-color: var(--color-background-discovery-soft); --avatar-text-color: var(--color-text-discovery-soft); --avatar-ring-color: var(--color-ring-discovery-soft); } .vsU3m[data-variant="soft"]:where([data-color="info"]) { --avatar-background-color: var(--color-background-info-soft); --avatar-text-color: var(--color-text-info-soft); --avatar-ring-color: var(--color-ring-info-soft); } .vsU3m[data-variant="soft"]:where([data-color="success"]) { --avatar-background-color: var(--color-background-success-soft); --avatar-text-color: var(--color-text-success-soft); --avatar-ring-color: var(--color-ring-success-soft); } .vsU3m[data-variant="soft"]:where([data-color="danger"]) { --avatar-background-color: var(--color-background-danger-soft); --avatar-text-color: var(--color-text-danger-soft); --avatar-ring-color: var(--color-ring-danger-soft); } .vsU3m[data-variant="solid"] { background-color: var(--avatar-background-color); color: var(--avatar-text-color); } .vsU3m[data-variant="solid"]:where([data-color="primary"]) { --avatar-background-color: var(--color-background-primary-solid); --avatar-text-color: var(--color-text-primary-solid); --avatar-ring-color: var(--color-ring-primary-solid); } .vsU3m[data-variant="solid"]:where([data-color="secondary"]) { --avatar-background-color: var(--color-background-secondary-solid); --avatar-text-color: var(--color-text-secondary-solid); --avatar-ring-color: var(--color-ring-secondary-solid); } .vsU3m[data-variant="solid"]:where([data-color="discovery"]) { --avatar-background-color: var(--color-background-discovery-solid); --avatar-text-color: var(--color-text-discovery-solid); --avatar-ring-color: var(--color-ring-discovery-solid); } .vsU3m[data-variant="solid"]:where([data-color="info"]) { --avatar-background-color: var(--color-background-info-solid); --avatar-text-color: var(--color-text-info-solid); --avatar-ring-color: var(--color-ring-info-solid); } .vsU3m[data-variant="solid"]:where([data-color="success"]) { --avatar-background-color: var(--color-background-success-solid); --avatar-text-color: var(--color-text-success-solid); --avatar-ring-color: var(--color-ring-success-solid); } .vsU3m[data-variant="solid"]:where([data-color="danger"]) { --avatar-background-color: var(--color-background-danger-solid); --avatar-text-color: var(--color-text-danger-solid); --avatar-ring-color: var(--color-ring-danger-solid); } .M2rSM { border-radius: inherit; } .M2rSM::after { position: absolute; inset: 0px; display: block; border: 1px solid var(--avatar-image-border-color); border-radius: inherit; content: ""; pointer-events: none; } .jn5jh { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; opacity: 0; pointer-events: none; transition: all 0.15s ease 0s; } .jn5jh[data-loaded] { opacity: 1; } .bJhsr { font-size: calc(var(--avatar-size) * var(--avatar-font-size-scaling)); font-weight: var(--font-weight-semibold); } .e7wV- { font-size: calc(var(--avatar-size) * var(--avatar-overflow-font-size-scaling-three)); font-weight: var(--font-weight-semibold); } .e7wV-[data-letter-count="2"] { font-size: calc(var(--avatar-size) * var(--avatar-overflow-font-size-scaling-two)); } .e7wV-[data-letter-count="1"] { font-size: calc(var(--avatar-size) * var(--avatar-overflow-font-size-scaling-one)); } .L-X-r { position: relative; top: calc(-1 * var(--avatar-size) / 24); margin-left: -1px; } .y9tPd { display: block; flex-grow: 0; flex-shrink: 0; font-size: calc(var(--avatar-size) * .7); } } @layer components { .F5Sy7 { --segmented-control-option-radius: calc( var(--segmented-control-radius) - var(--segmented-control-gutter) ); position: relative; overflow: auto; display: inline-flex; flex-wrap: nowrap; gap: var(--segmented-control-gap); height: var(--segmented-control-size); padding: var(--segmented-control-gutter); border-radius: var(--segmented-control-radius); background: var(--segmented-control-background); font-size: var(--segmented-control-font-size); font-weight: var(--segmented-control-font-weight); vertical-align: middle; white-space: nowrap; } .F5Sy7::-webkit-scrollbar { width: 0px; height: 0px; } .F5Sy7::-webkit-scrollbar-track, .F5Sy7::-webkit-scrollbar-thumb { background: transparent; } .F5Sy7:where([data-block]) { overflow: hidden; display: flex; width: 100%; white-space: normal; } .F5Sy7:where([data-size="3xs"]) { --segmented-control-size: var(--control-size-3xs); --segmented-control-font-size: var(--control-font-size-sm); --segmented-control-radius: var(--control-radius-sm); --segmented-control-option-gutter: var(--control-gutter-xs); } .F5Sy7:where([data-size="2xs"]) { --segmented-control-size: var(--control-size-2xs); --segmented-control-font-size: var(--control-font-size-sm); --segmented-control-radius: var(--control-radius-sm); --segmented-control-option-gutter: var(--control-gutter-xs); } .F5Sy7:where([data-size="xs"]) { --segmented-control-size: var(--control-size-xs); --segmented-control-font-size: var(--control-font-size-md); --segmented-control-radius: var(--control-radius-sm); --segmented-control-option-gutter: var(--control-gutter-xs); } .F5Sy7:where([data-size="sm"]) { --segmented-control-size: var(--control-size-sm); --segmented-control-font-size: var(--control-font-size-md); --segmented-control-radius: var(--control-radius-md); --segmented-control-option-gutter: var(--control-gutter-sm); } .F5Sy7:where([data-size="md"]) { --segmented-control-size: var(--control-size-md); --segmented-control-font-size: var(--control-font-size-md); --segmented-control-radius: var(--control-radius-md); --segmented-control-option-gutter: var(--control-gutter-md); } .F5Sy7:where([data-size="lg"]) { --segmented-control-size: var(--control-size-lg); --segmented-control-font-size: var(--control-font-size-md); --segmented-control-radius: var(--control-radius-md); --segmented-control-option-gutter: var(--control-gutter-md); } .F5Sy7:where([data-size="xl"]) { --segmented-control-size: var(--control-size-xl); --segmented-control-font-size: var(--control-font-size-md); --segmented-control-radius: var(--control-radius-lg); --segmented-control-option-gutter: var(--control-gutter-lg); } .F5Sy7:where([data-size="2xl"]) { --segmented-control-size: var(--control-size-2xl); --segmented-control-font-size: var(--control-font-size-lg); --segmented-control-radius: var(--control-radius-xl); --segmented-control-option-gutter: var(--control-gutter-xl); } .F5Sy7:where([data-size="3xl"]) { --segmented-control-size: var(--control-size-3xl); --segmented-control-font-size: var(--control-font-size-lg); --segmented-control-radius: var(--control-radius-xl); --segmented-control-option-gutter: var(--control-gutter-xl); } .F5Sy7:where([data-gutter-size="2xs"]) { --segmented-control-option-gutter: var(--control-gutter-2xs); } .F5Sy7:where([data-gutter-size="xs"]) { --segmented-control-option-gutter: var(--control-gutter-xs); } .F5Sy7:where([data-gutter-size="sm"]) { --segmented-control-option-gutter: var(--control-gutter-sm); } .F5Sy7:where([data-gutter-size="md"]) { --segmented-control-option-gutter: var(--control-gutter-md); } .F5Sy7:where([data-gutter-size="lg"]) { --segmented-control-option-gutter: var(--control-gutter-lg); } .F5Sy7:where([data-gutter-size="xl"]) { --segmented-control-option-gutter: var(--control-gutter-xl); } .F5Sy7:where([data-pill]) { --segmented-control-radius: var(--radius-full); --segmented-control-option-radius: var(--radius-full); } .VewWL { position: relative; padding: 0 var(--segmented-control-option-gutter); border-radius: var(--segmented-control-option-radius); color: var(--color-text-secondary); cursor: pointer; line-height: 1; transition-duration: var(--transition-duration-basic); transition-property: opacity, background-color, color; transition-timing-function: var(--transition-ease-basic); } .VewWL:focus { outline: 0px; } :where(.F5Sy7[data-block]) .VewWL { flex: 1 1 0%; } :where(.F5Sy7[data-pill]) .VewWL { padding: 0 calc(var(--segmented-control-option-gutter) * var(--control-gutter-pill-scaling)); } .VewWL[data-state="on"]:focus-visible { outline: 2px solid var(--color-ring); } .VewWL::before { position: absolute; inset: var(--segmented-control-option-highlight-gutter); border-radius: var(--segmented-control-option-radius); background: var(--segmented-control-option-highlight-background-color); content: ""; opacity: 0; pointer-events: none; transform: scale(1); transition-duration: var(--transition-duration-basic); transition-property: opacity, transform; transition-timing-function: var(--transition-ease-basic); will-change: transform; } .VewWL:active::before { transform: scale(var(--scale),.97); } .VewWL svg { display: block; } @media (hover: hover) and (pointer: fine) { .VewWL[data-state="off"]:where(:not([disabled])):hover { color: var(--color-text-emphasis); } .VewWL[data-state="off"]:where(:not([disabled])):hover::before { opacity: 0.5; } } .VewWL[data-state="off"]:where(:not([disabled])):focus-visible { color: var(--color-text-emphasis); outline: 2px solid var(--color-ring); } .VewWL[data-state="on"] { color: var(--color-text-emphasis); } .VewWL[data-disabled] { cursor: not-allowed; opacity: 0.5; } .VewWL[data-disabled]::before { opacity: 0 !important; } .V5HTp { position: absolute; top: var(--segmented-control-gutter); bottom: var(--segmented-control-gutter); left: 0px; border-radius: var(--segmented-control-option-radius); background: var(--segmented-control-thumb-background); box-shadow: var(--segmented-control-thumb-shadow); pointer-events: none; will-change: transform; } } @layer components { ._8xLvG { padding: 0px 8px 0px 14px; } @media (min-width: 768px) { ._8xLvG { padding: 0px; } } .ToSMs { overflow: hidden; max-width: 100%; margin-top: 2px; color: var(--gray-700); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; } } @layer components { .sm8f7 { --collapse-transition-duration: .3s; position: fixed; inset: calc(var(--global-header-height) + var(--global-header-warning-height)) var(--global-page-gutter) var(--global-page-gutter) var(--global-page-gutter); transition: inset var(--collapse-transition-duration) var(--cubic-move); } .sm8f7[data-is-onboarding] { --collapse-transition-duration: .4s; } [data-hide-global-header] .sm8f7 { inset: 0px; } @media print { .sm8f7 { position: static; } } [data-right-panel-open="true"] .sm8f7 { inset-inline-end: calc(var(--global-page-gutter) + var(--agents-builder-chat-panel-width, 0px)); } } @layer components { .p9Ilg { position: relative; display: block; width: 32px; height: 32px; padding: 0px; border: 0px; border-radius: 8px; appearance: auto; background: none; cursor: pointer; transition: box-shadow .3s var(--cubic-enter); } .p9Ilg::before { position: absolute; inset: 0px; display: block; border-radius: 8px; background: var(--color-surface); content: ""; opacity: 0; transition: opacity 0.15s ease 0s; } .p9Ilg:hover::before { opacity: 0.65; } .p9Ilg:active::before, .p9Ilg[data-expanded]::before { opacity: 1; } .p9Ilg:focus-visible { box-shadow: 0 0 0 2px var(--color-ring); outline: 0px; } .arClI { position: relative; top: 0px; left: 7px; overflow: hidden; display: block; width: 18px; height: 18px; } .UIo-d { position: absolute; top: 4px; left: 0px; display: block; width: 18px; height: 2px; transition: transform .2s var(--cubic-move) .2s; } .UIo-d::before { display: block; width: 18px; height: 2px; background: var(--gray-900); content: ""; transition: transform .2s var(--cubic-move); will-change: transform; } [data-expanded] .UIo-d[data-top] { transform: translateY(4px); transition-delay: 0s; } [data-expanded] .UIo-d[data-top]::before { transform: rotate(45deg); transition-delay: 0.2s; } .UIo-d[data-bottom] { top: 12px; } [data-expanded] .UIo-d[data-bottom] { transform: translate(0px) translateY(-4px); transition-delay: 0s; } [data-expanded] .UIo-d[data-bottom]::before { transform: rotate(-45deg); transition-delay: 0.2s; } .K6k6- { display: block; transform: translate(-6px); transition: transform 0s var(--cubic-move) .2s; } [data-expanded] .K6k6- { transform: translate(0px); } } @layer components { .wMi8- { --indicator-size: var(--badge-indicator-size); display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1); height: var(--badge-size); padding: 0 var(--badge-gutter); border-radius: var(--badge-radius); font-size: var(--badge-font-size); font-weight: var(--badge-font-weight); letter-spacing: var(--badge-tracking); white-space: nowrap; } .wMi8- svg:where(:not([data-no-autosize])) { font-size: var(--badge-icon-font-size); } :where(.wMi8- svg:where(:not([data-no-autosize])):first-child:not(:only-child)) { margin-left: var(--badge-icon-offset, -1px); } :where(.wMi8- svg:where(:not([data-no-autosize])):last-child:not(:only-child)) { margin-right: var(--badge-icon-offset, -1px); } .wMi8-[data-variant="soft"] { background-color: var(--badge-background-color); color: var(--badge-text-color); } .wMi8-[data-variant="soft"]:where([data-color="secondary"]) { --badge-background-color: var(--color-background-secondary-soft-alpha); --badge-text-color: var(--color-text-secondary-soft); } .wMi8-[data-variant="soft"]:where([data-color="success"]) { --badge-background-color: var(--color-background-success-soft-alpha); --badge-text-color: var(--color-text-success-soft); } .wMi8-[data-variant="soft"]:where([data-color="warning"]) { --badge-background-color: var(--color-background-warning-soft-alpha); --badge-text-color: var(--color-text-warning-soft); } .wMi8-[data-variant="soft"]:where([data-color="danger"]) { --badge-background-color: var(--color-background-danger-soft-alpha); --badge-text-color: var(--color-text-danger-soft); } .wMi8-[data-variant="soft"]:where([data-color="info"]) { --badge-background-color: var(--color-background-info-soft-alpha); --badge-text-color: var(--color-text-info-soft); } .wMi8-[data-variant="soft"]:where([data-color="discovery"]) { --badge-background-color: var(--color-background-discovery-soft-alpha); --badge-text-color: var(--color-text-discovery-soft); } .wMi8-[data-variant="solid"] { background-color: var(--badge-background-color); color: var(--badge-text-color); } .wMi8-[data-variant="solid"]:where([data-color="secondary"]) { --badge-background-color: var(--color-background-secondary-solid); --badge-text-color: var(--color-text-secondary-solid); } .wMi8-[data-variant="solid"]:where([data-color="success"]) { --badge-background-color: var(--color-background-success-solid); --badge-text-color: var(--color-text-success-solid); } .wMi8-[data-variant="solid"]:where([data-color="warning"]) { --badge-background-color: var(--color-background-warning-solid); --badge-text-color: var(--color-text-warning-solid); } .wMi8-[data-variant="solid"]:where([data-color="danger"]) { --badge-background-color: var(--color-background-danger-solid); --badge-text-color: var(--color-text-danger-solid); } .wMi8-[data-variant="solid"]:where([data-color="info"]) { --badge-background-color: var(--color-background-info-solid); --badge-text-color: var(--color-text-info-solid); } .wMi8-[data-variant="solid"]:where([data-color="discovery"]) { --badge-background-color: var(--color-background-discovery-solid); --badge-text-color: var(--color-text-discovery-solid); } .wMi8-[data-variant="outline"] { box-shadow: 0 0 0 1px var(--badge-border-color) inset; color: var(--badge-text-color); } .wMi8-[data-variant="outline"]:where([data-color="secondary"]) { --badge-border-color: var(--color-border-secondary-outline); --badge-text-color: var(--color-text-secondary-outline); } .wMi8-[data-variant="outline"]:where([data-color="success"]) { --badge-border-color: var(--color-border-success-outline); --badge-text-color: var(--color-text-success-outline); } .wMi8-[data-variant="outline"]:where([data-color="warning"]) { --badge-border-color: var(--color-border-warning-outline); --badge-text-color: var(--color-text-warning-outline); } .wMi8-[data-variant="outline"]:where([data-color="danger"]) { --badge-border-color: var(--color-border-danger-outline); --badge-text-color: var(--color-text-danger-outline); } .wMi8-[data-variant="outline"]:where([data-color="info"]) { --badge-border-color: var(--color-border-info-outline); --badge-text-color: var(--color-text-info-outline); } .wMi8-[data-variant="outline"]:where([data-color="discovery"]) { --badge-border-color: var(--color-border-discovery-outline); --badge-text-color: var(--color-text-discovery-outline); } .wMi8-:where([data-size="sm"]) { --badge-size: var(--badge-size-sm); --badge-gutter: var(--badge-gutter-sm); --badge-font-size: var(--badge-font-size-sm); --badge-font-weight: var(--badge-font-weight-sm); --badge-tracking: var(--badge-tracking-sm); --badge-radius: var(--badge-radius-sm); --badge-icon-font-size: var(--badge-icon-font-size-sm); --badge-indicator-size: var(--badge-indicator-size-sm); } .wMi8-:where([data-size="md"]) { --badge-size: var(--badge-size-md); --badge-gutter: var(--badge-gutter-md); --badge-font-size: var(--badge-font-size-md); --badge-font-weight: var(--badge-font-weight-md); --badge-tracking: var(--badge-tracking-md); --badge-radius: var(--badge-radius-md); --badge-icon-font-size: var(--badge-icon-font-size-md); --badge-indicator-size: var(--badge-indicator-size-md); } .wMi8-:where([data-size="lg"]) { --badge-size: var(--badge-size-lg); --badge-gutter: var(--badge-gutter-lg); --badge-font-size: var(--badge-font-size-lg); --badge-font-weight: var(--badge-font-weight-lg); --badge-tracking: var(--badge-tracking-lg); --badge-radius: var(--badge-radius-lg); --badge-icon-font-size: var(--badge-icon-font-size-lg); --badge-indicator-size: var(--badge-indicator-size-lg); } .wMi8-:where([data-pill]) { --badge-radius: var(--radius-full); padding: 0 calc(var(--badge-gutter) * var(--control-gutter-pill-scaling)); } } @layer components { .Kepsx { display: flex; align-items: center; gap: var(--input-gap); width: 100%; border-radius: var(--input-radius); color: var(--input-text-color); cursor: text; font-size: var(--input-font-size); font-weight: var(--font-weight-normal); transition-duration: var(--transition-duration-basic); transition-property: color, box-shadow, background-color; transition-timing-function: var(--transition-ease-basic); } .Kepsx:where([data-optically-align="start"]) { margin-inline-start: calc(var(--input-gutter) * -1); } .Kepsx:where([data-optically-align="end"]) { margin-inline-end: calc(var(--input-gutter) * -1); } .Kepsx:where([data-variant="outline"]) { box-shadow: 0 0 0 1px var(--input-outline-border-color) inset; } @media (hover: hover) and (pointer: fine) { .Kepsx:where([data-variant="outline"]):not([data-disabled]):hover { box-shadow: 0 0 0 1px var(--input-outline-border-color-hover) inset; } } .Kepsx:where([data-variant="outline"]):not([data-disabled])[data-focused="true"] { box-shadow: 0 0 0 1px var(--input-outline-border-color-focus) inset; } .Kepsx:where([data-variant="outline"]):not([data-disabled])[data-invalid] { box-shadow: 0 0 0 1px var(--input-border-color-invalid) inset; } .Kepsx:where([data-variant="soft"]) { background-color: var(--input-soft-background-color); } .Kepsx:where([data-variant="soft"]):not([data-disabled])[data-focused="true"] { box-shadow: 0 0 0 1px var(--input-soft-border-color-focus) inset; } .Kepsx:where([data-variant="soft"]):not([data-disabled])[data-invalid] { box-shadow: 0 0 0 1px var(--input-border-color-invalid) inset; } .Kepsx[data-invalid] ::selection { background-color: var(--red-a50); } .Kepsx:where([data-size="3xs"]) { --input-size: var(--control-size-3xs); --input-font-size: var(--control-font-size-sm); --input-radius: var(--control-radius-sm); --input-gutter: var(--control-gutter-xs); --input-gap: var(--input-gap-xs); --input-adornment-offset: -1px; } .Kepsx:where([data-size="2xs"]) { --input-size: var(--control-size-2xs); --input-font-size: var(--control-font-size-sm); --input-radius: var(--control-radius-sm); --input-gutter: var(--control-gutter-xs); --input-gap: var(--input-gap-xs); --input-adornment-offset: -1px; } .Kepsx:where([data-size="xs"]) { --input-size: var(--control-size-xs); --input-font-size: var(--control-font-size-md); --input-radius: var(--control-radius-sm); --input-gutter: var(--control-gutter-xs); --input-gap: var(--input-gap-sm); --input-adornment-offset: -1px; } .Kepsx:where([data-size="sm"]) { --input-size: var(--control-size-sm); --input-font-size: var(--control-font-size-md); --input-radius: var(--control-radius-md); --input-gutter: var(--control-gutter-sm); --input-gap: var(--input-gap-md); --input-adornment-offset: -1px; } .Kepsx:where([data-size="md"]) { --input-size: var(--control-size-md); --input-font-size: var(--control-font-size-md); --input-radius: var(--control-radius-md); --input-gutter: var(--control-gutter-md); --input-gap: var(--input-gap-md); } .Kepsx:where([data-size="lg"]) { --input-size: var(--control-size-lg); --input-font-size: var(--control-font-size-md); --input-radius: var(--control-radius-md); --input-gutter: var(--control-gutter-md); --input-gap: var(--input-gap-md); } .Kepsx:where([data-size="xl"]) { --input-size: var(--control-size-xl); --input-font-size: var(--control-font-size-lg); --input-radius: var(--control-radius-lg); --input-gutter: var(--control-gutter-lg); --input-gap: var(--input-gap-lg); } .Kepsx:where([data-size="2xl"]) { --input-size: var(--control-size-2xl); --input-font-size: var(--control-font-size-lg); --input-radius: var(--control-radius-xl); --input-gutter: var(--control-gutter-xl); --input-gap: var(--input-gap-lg); --input-adornment-offset: -4px; } .Kepsx:where([data-size="3xl"]) { --input-size: var(--control-size-3xl); --input-font-size: var(--control-font-size-lg); --input-radius: var(--control-radius-xl); --input-gutter: var(--control-gutter-xl); --input-gap: var(--input-gap-lg); --input-adornment-offset: -4px; } .Kepsx:where([data-gutter-size="2xs"]) { --input-gutter: var(--control-gutter-2xs); --input-adornment-offset: -1px; } .Kepsx:where([data-gutter-size="xs"]) { --input-gutter: var(--control-gutter-xs); --input-adornment-offset: -1px; } .Kepsx:where([data-gutter-size="sm"]) { --input-gutter: var(--control-gutter-sm); --input-adornment-offset: -2px; } .Kepsx:where([data-gutter-size="md"]) { --input-gutter: var(--control-gutter-md); --input-adornment-offset: -2px; } .Kepsx:where([data-gutter-size="lg"]) { --input-gutter: var(--control-gutter-lg); --input-adornment-offset: -2px; } .Kepsx:where([data-gutter-size="xl"]) { --input-gutter: var(--control-gutter-xl); --input-adornment-offset: -4px; } .Kepsx:where([data-pill]) { --input-radius: var(--radius-full); } .Kepsx[data-disabled] { cursor: not-allowed; opacity: 0.5; } .Kepsx:where([data-has-start-adornment]) { padding-left: var(--input-gutter); } .Kepsx:where([data-has-start-adornment][data-pill]) { padding-left: calc(var(--input-gutter) * var(--control-gutter-pill-scaling)); } .Kepsx:where([data-has-end-adornment]) { padding-right: var(--input-gutter); } .Kepsx:where([data-has-end-adornment][data-pill]) { padding-right: calc(var(--input-gutter) * var(--control-gutter-pill-scaling)); } .Kepsx > :first-child:not(input) { margin-left: var(--input-adornment-offset, -2px); } .Kepsx > :last-child:not(input) { margin-right: var(--input-adornment-offset, -2px); } .EzGXF { display: block; width: 100%; height: var(--input-size); padding: 0 var(--input-gutter); border: 0px; border-radius: 0px; background: none; box-shadow: none; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } .EzGXF:focus { outline: 0px; } .EzGXF:disabled { cursor: not-allowed; } .EzGXF::placeholder { color: var(--input-placeholder-text-color); } .EzGXF:-webkit-autofill { animation: 1ms ease 0s 1 normal none running _-6D--; } .EzGXF:-webkit-autofill, .EzGXF:-webkit-autofill:focus, .EzGXF:-webkit-autofill:hover { color: var(--color-text) !important; -webkit-text-fill-color: var(--color-text) !important; transition: background-color 0s ease 50000s, box-shadow 0s ease 50000s, filter 0s ease 50000s !important; } .EzGXF:-webkit-autofill::first-line { font-size: inherit !important; transition: font-size 0s ease 50000s !important; } .EzGXF[type="number"] { appearance: textfield; } .EzGXF[type="number"]::-webkit-outer-spin-button, .EzGXF[type="number"]::-webkit-inner-spin-button { margin: 0px; appearance: none; } :where(.Kepsx[data-pill]) .EzGXF { padding: 0 calc(var(--input-gutter) * var(--control-gutter-pill-scaling)); } :where(.Kepsx[data-has-start-adornment]) .EzGXF { padding-left: 0px; } :where(.Kepsx[data-has-end-adornment]) .EzGXF { padding-right: 0px; } @keyframes _-6D-- { 0% { opacity: 1; } 100% { opacity: 1; } } } @layer components { .fsluc { position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: var(--select-control-gap); flex-shrink: 0; height: var(--select-control-size); padding: 0 var(--select-control-gutter); border-radius: var(--select-control-radius); cursor: pointer; font-size: var(--select-control-font-size); font-weight: var(--select-control-font-weight); line-height: var(--font-text-md-line-height); text-align: left; transition-duration: var(--transition-duration-basic); transition-property: color; transition-timing-function: var(--transition-ease-basic); user-select: none; white-space: nowrap; } .fsluc:where([data-optically-align="start"]) { margin-inline-start: calc(var(--select-control-gutter) * -1); } .fsluc:where([data-optically-align="end"]) { margin-inline-end: calc(var(--select-control-gutter) * -1); } .fsluc[data-disable-pressable] { --scale: 1; } .fsluc::before { position: absolute; inset: 0px; display: block; border-radius: inherit; content: ""; transition-duration: var(--transition-duration-basic); transition-property: opacity, background-color, transform, box-shadow, border-color; transition-timing-function: var(--transition-ease-basic); will-change: transform; } .fsluc::after { position: absolute; inset: 0px; display: block; border-radius: inherit; content: ""; pointer-events: none; transition-duration: var(--transition-duration-basic); transition-property: transform; transition-timing-function: var(--transition-ease-basic); will-change: transform; } .fsluc:focus { outline: none; } [data-native-selectcontrol]:focus-visible + .fsluc::after, .fsluc:focus-visible::after { outline: 2px solid var(--button-ring-color, var(--color-ring)); outline-offset: var(--select-control-ring-offset, 2px); } .fsluc:where([data-size="3xs"]) { --select-control-size: var(--control-size-3xs); --select-control-gutter: var(--control-gutter-2xs); --select-control-font-size: var(--control-font-size-sm); --select-control-gap: 4px; --select-control-radius: var(--control-radius-sm); --start-icon-size: var(--control-icon-size-xs); --start-icon-offset: 0; --start-icon-pill-offset: 0; --clear-size: 14px; --clear-icon-size: 13px; --clear-iso-size: 12px; --clear-iso-icon-size: 10px; --clear-iso-offset: -1px; --clear-iso-pill-offset: -2px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: 0; --dropdown-icon-width: 6px; --dropdown-icon-height: 9px; --dropdown-chevron-icon-width: 8px; --dropdown-chevron-icon-height: 5px; --indicator-wrapper-gap: calc(var(--spacing) * 1); --indicator-wrapper-gutter: 0; } .fsluc:where([data-size="2xs"]) { --select-control-size: var(--control-size-2xs); --select-control-gutter: var(--control-gutter-xs); --select-control-font-size: var(--control-font-size-sm); --select-control-gap: 6px; --select-control-radius: var(--control-radius-sm); --start-icon-size: var(--control-icon-size-sm); --start-icon-offset: 0; --start-icon-pill-offset: -1px; --clear-size: 16px; --clear-icon-size: 13px; --clear-iso-size: 14px; --clear-iso-icon-size: 12px; --clear-iso-offset: -2px; --clear-iso-pill-offset: -4px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: 0; --dropdown-icon-width: 6px; --dropdown-icon-height: 9px; --dropdown-chevron-icon-width: 8px; --dropdown-chevron-icon-height: 5px; --indicator-wrapper-gap: calc(var(--spacing) * 1); --indicator-wrapper-gutter: 0; } .fsluc:where([data-size="xs"]) { --select-control-size: var(--control-size-xs); --select-control-gutter: var(--control-gutter-xs); --select-control-font-size: var(--control-font-size-md); --select-control-gap: 6px; --select-control-radius: var(--control-radius-sm); --start-icon-size: var(--control-icon-size-sm); --start-icon-offset: -1px; --start-icon-pill-offset: -1px; --clear-size: 18px; --clear-icon-size: 14px; --clear-iso-size: 16px; --clear-iso-icon-size: 12px; --clear-iso-offset: -2px; --clear-iso-pill-offset: -4px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: 0; --dropdown-icon-width: 7px; --dropdown-icon-height: 11px; --dropdown-chevron-icon-width: 9px; --dropdown-chevron-icon-height: 5px; --indicator-wrapper-gap: calc(var(--spacing) * 1); --indicator-wrapper-gutter: 0; } .fsluc:where([data-size="sm"]) { --select-control-size: var(--control-size-sm); --select-control-gutter: var(--control-gutter-sm); --select-control-font-size: var(--control-font-size-md); --select-control-gap: 8px; --select-control-radius: var(--control-radius-sm); --start-icon-size: var(--control-icon-size-sm); --start-icon-offset: -1px; --start-icon-pill-offset: -2px; --clear-size: 18px; --clear-icon-size: 14px; --clear-iso-size: 16px; --clear-iso-icon-size: 12px; --clear-iso-offset: -3px; --clear-iso-pill-offset: -6px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: -2px; --dropdown-icon-width: 7px; --dropdown-icon-height: 11px; --dropdown-chevron-icon-width: 9px; --dropdown-chevron-icon-height: 5px; --indicator-wrapper-gap: calc(var(--spacing) * 1); --indicator-wrapper-gutter: 0; } .fsluc:where([data-size="md"]) { --select-control-size: var(--control-size-md); --select-control-gutter: var(--control-gutter-md); --select-control-font-size: var(--control-font-size-md); --select-control-gap: 8px; --select-control-radius: var(--control-radius-md); --start-icon-size: var(--control-icon-size-md); --start-icon-offset: -1px; --start-icon-pill-offset: -4px; --clear-size: 22px; --clear-icon-size: 15px; --clear-iso-size: 18px; --clear-iso-icon-size: 14px; --clear-iso-offset: -4px; --clear-iso-pill-offset: -7px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: -2px; --dropdown-icon-width: 8px; --dropdown-icon-height: 12px; --dropdown-chevron-icon-width: 11px; --dropdown-chevron-icon-height: 6px; --indicator-wrapper-gap: calc(var(--spacing) * 1); --indicator-wrapper-gutter: calc(var(--spacing) * 0); } .fsluc:where([data-size="lg"]) { --select-control-size: var(--control-size-lg); --select-control-gutter: var(--control-gutter-md); --select-control-font-size: var(--control-font-size-md); --select-control-gap: 8px; --select-control-radius: var(--control-radius-md); --start-icon-size: var(--control-icon-size-md); --start-icon-offset: -2px; --start-icon-pill-offset: -4px; --clear-size: 22px; --clear-icon-size: 15px; --clear-iso-size: 18px; --clear-iso-icon-size: 14px; --clear-iso-offset: -2px; --clear-iso-pill-offset: -6px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: -2px; --dropdown-icon-width: 8px; --dropdown-icon-height: 12px; --dropdown-chevron-icon-width: 11px; --dropdown-chevron-icon-height: 6px; --indicator-wrapper-gap: calc(var(--spacing) * 1.5); --indicator-wrapper-gutter: calc(var(--spacing) * 0); } .fsluc:where([data-size="xl"]) { --select-control-size: var(--control-size-xl); --select-control-gutter: var(--control-gutter-lg); --select-control-font-size: var(--control-font-size-md); --select-control-gap: 8px; --select-control-radius: var(--control-radius-lg); --start-icon-size: var(--control-icon-size-md); --start-icon-offset: -2px; --start-icon-pill-offset: -4px; --clear-size: 24px; --clear-icon-size: 16px; --clear-iso-size: 18px; --clear-iso-icon-size: 14px; --clear-iso-offset: -2px; --clear-iso-pill-offset: -7px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: -2px; --dropdown-icon-width: 8px; --dropdown-icon-height: 12px; --dropdown-chevron-icon-width: 11px; --dropdown-chevron-icon-height: 6px; --indicator-wrapper-gap: calc(var(--spacing) * 1); --indicator-wrapper-gutter: calc(var(--spacing) * .5); } .fsluc:where([data-size="2xl"]) { --select-control-size: var(--control-size-2xl); --select-control-gutter: var(--control-gutter-lg); --select-control-font-size: var(--control-font-size-lg); --select-control-gap: 10px; --select-control-radius: var(--control-radius-xl); --start-icon-size: var(--control-icon-size-lg); --start-icon-offset: -2px; --start-icon-pill-offset: -4px; --clear-size: 24px; --clear-icon-size: 16px; --clear-iso-size: 20px; --clear-iso-icon-size: 15px; --clear-iso-offset: -2px; --clear-iso-pill-offset: -7px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: -2px; --dropdown-icon-width: 8px; --dropdown-icon-height: 12px; --dropdown-chevron-icon-width: 11px; --dropdown-chevron-icon-height: 6px; --indicator-wrapper-gap: calc(var(--spacing) * 1.5); --indicator-wrapper-gutter: calc(var(--spacing) * 1); } .fsluc:where([data-size="3xl"]) { --select-control-size: var(--control-size-3xl); --select-control-gutter: var(--control-gutter-xl); --select-control-font-size: var(--control-font-size-lg); --select-control-gap: 10px; --select-control-radius: var(--control-radius-xl); --start-icon-size: var(--control-icon-size-lg); --start-icon-offset: -2px; --start-icon-pill-offset: -4px; --clear-size: 24px; --clear-icon-size: 16px; --clear-iso-size: 20px; --clear-iso-icon-size: 15px; --clear-iso-offset: -2px; --clear-iso-pill-offset: -7px; --dropdown-icon-offset: 0; --dropdown-icon-pill-offset: -3px; --dropdown-icon-width: 9px; --dropdown-icon-height: 13px; --dropdown-chevron-icon-width: 12px; --dropdown-chevron-icon-height: 7px; --indicator-wrapper-gap: calc(var(--spacing) * 1.5); --indicator-wrapper-gutter: calc(var(--spacing) * 1); } .fsluc:where([data-pill]) { --select-control-radius: var(--radius-full); padding: 0 calc(var(--select-control-gutter) * var(--control-gutter-pill-scaling)); } .fsluc:where([data-block]) { width: 100%; } .fsluc[data-variant="ghost"] { --select-control-background-color: var(--color-background-primary-ghost-hover); --select-control-ring-offset: -1px; } .fsluc[data-variant="ghost"]::before { background-color: var(--select-control-background-color); opacity: 0; transform: scale(var(--scale)); } .fsluc[data-variant="ghost"][aria-expanded="true"]::before, .fsluc[data-variant="ghost"][data-state="open"]::before { opacity: 0.6; transform: scale(1); } @media (hover: hover) and (pointer: fine) { .fsluc[data-variant="ghost"]:where(:not([data-disabled])):hover::before { opacity: 1; transform: scale(1); } } .fsluc[data-variant="ghost"]:where(:not([data-disabled])):not(:has(button:active)):active::before { --select-control-background-color: var(--color-background-primary-ghost-active); opacity: 1; transform: scale(var(--scale)); } .fsluc[data-variant="ghost"]:where(:not([data-disabled])):not(:has(button:active)):active::after { transform: scale(var(--scale)); } .fsluc[data-variant="ghost"]:where(:not([data-disabled]))[data-invalid]::before { --select-control-background-color: transparent; box-shadow: 0 0 0 1px var(--input-border-color-invalid) inset; opacity: 1; transform: scale(1); } @media (hover: hover) and (pointer: fine) { .fsluc[data-variant="ghost"]:where(:not([data-disabled]))[data-invalid]:hover::before { --select-control-background-color: var(--color-background-primary-ghost-hover); } } .fsluc[data-variant="soft"] { --select-control-background-color: var(--color-background-primary-soft-alpha); } .fsluc[data-variant="soft"]::before { background-color: var(--select-control-background-color); } .fsluc[data-variant="soft"][aria-expanded="true"]::before, .fsluc[data-variant="soft"][data-state="open"]::before { --select-control-background-color: var(--color-background-primary-soft-alpha-hover); } @media (hover: hover) and (pointer: fine) { .fsluc[data-variant="soft"]:where(:not([data-disabled])):hover::before { --select-control-background-color: var(--color-background-primary-soft-alpha-hover); } } .fsluc[data-variant="soft"]:where(:not([data-disabled])):not(:has(button:active)):active::before { --select-control-background-color: var(--color-background-primary-soft-alpha-active); } .fsluc[data-variant="soft"]:where(:not([data-disabled])):not(:has(button:active)):active::before, .fsluc[data-variant="soft"]:where(:not([data-disabled])):not(:has(button:active)):active::after { transform: scale(var(--scale)); } .fsluc[data-variant="soft"]:where(:not([data-disabled]))[data-invalid]::before { box-shadow: 0 0 0 1px var(--input-border-color-invalid) inset; } .fsluc[data-variant="outline"] { --select-control-border-color: var(--input-outline-border-color); --select-control-ring-offset: -1px; } .fsluc[data-variant="outline"]::before { background-color: transparent; box-shadow: 0 0 0 1px var(--select-control-border-color) inset; } .fsluc[data-variant="outline"][aria-expanded="true"], .fsluc[data-variant="outline"][data-state="open"] { --select-control-border-color: var(--input-outline-border-color-hover); } @media (hover: hover) and (pointer: fine) { .fsluc[data-variant="outline"]:where(:not([data-disabled])):hover { --select-control-border-color: var(--input-outline-border-color-hover); } } .fsluc[data-variant="outline"]:where(:not([data-disabled])):not(:has(button:active)):active::before { transform: scale(var(--scale)); } .fsluc[data-variant="outline"]:where(:not([data-disabled])):not(:has(button:active)):active::after { transform: scale(var(--scale)); } .fsluc[data-variant="outline"]:where(:not([data-disabled]))[data-invalid]::before { --select-control-border-color: var(--input-border-color-invalid); } .fsluc:where([data-invalid]) { --button-ring-color: var(--color-ring-danger); } @media (hover: hover) and (pointer: fine) { .fsluc:not([data-disabled]):hover ._4JftO, .fsluc:not([data-disabled]):hover .ygzs6 { opacity: 1; } } .fsluc[data-selected="false"] { color: var(--input-placeholder-text-color); } .fsluc[data-disabled][data-variant] { --select-control-background-color: var(--color-background-disabled); --select-control-border-color: var(--color-border-disabled); color: var(--color-text-disabled); cursor: not-allowed; } .fsluc[data-disabled][data-variant] .ygzs6 { color: var(--color-text-disabled); } .fsluc[data-disabled][data-variant]:active::before { transform: scale(1); } .ktL9G { position: relative; overflow: hidden; flex: 1 1 0%; max-width: 100%; color: inherit; text-overflow: ellipsis; white-space: nowrap; } .FJZOe { position: relative; display: flex; align-items: center; gap: var(--indicator-wrapper-gap); padding-left: var(--indicator-wrapper-gutter); } .i3d85 { position: relative; width: var(--start-icon-size); height: var(--start-icon-size); margin-left: var(--start-icon-offset); } :where(.fsluc[data-pill]) .i3d85 { margin-left: var(--start-icon-pill-offset); } ._4JftO { --button-size: var(--clear-size); --button-icon-size: var(--clear-icon-size); position: relative; opacity: 0.75; } ._4JftO[data-variant="solid"] { --button-size: var(--clear-iso-size); --button-icon-size: var(--clear-iso-icon-size); } [data-state="open"] ._4JftO, ._4JftO:focus-visible { opacity: 1; } ._4JftO[data-only-child] { margin-right: var(--clear-iso-offset); } :where(.fsluc[data-pill]) ._4JftO[data-only-child] { margin-right: var(--clear-iso-pill-offset); } .ygzs6 { position: relative; width: var(--dropdown-icon-width, 8px); height: var(--dropdown-icon-height, 12px); margin-right: var(--dropdown-icon-offset); color: var(--color-text-secondary); opacity: 0.75; transition-duration: var(--transition-duration-basic); transition-property: opacity; transition-timing-function: var(--transition-ease-basic); will-change: opacity; } :where(.fsluc[data-pill]) .ygzs6 { margin-right: var(--dropdown-icon-pill-offset); } [data-state="open"] .ygzs6 { opacity: 1; } ._9sUej { width: var(--dropdown-chevron-icon-width, 11px); height: var(--dropdown-chevron-icon-height, 6px); } .mrSe5 { margin-right: var(--dropdown-icon-offset); } :where(.fsluc[data-pill]) .mrSe5 { margin-right: var(--dropdown-icon-pill-offset); } } @layer components { .zpRRB { width: var(--select-list-width, var(--radix-popover-trigger-width)); min-width: var(--select-list-min-width, 300px); max-width: var(--select-list-max-width, none); border-radius: var(--menu-radius); background: var(--color-surface-elevated); box-shadow: var(--shadow),var(--shadow-hairline); font-size: var(--menu-font-size); line-height: var(--menu-line-height); transform-origin: var(--radix-popover-content-transform-origin); user-select: none; will-change: opacity, transform; } .zpRRB:focus { outline: none; } .ExZap[data-entering] .zpRRB { opacity: 0; transform: scale(var(--select-list-scale, .95)); } .ExZap[data-entering-active] .zpRRB, .ExZap[data-entering][data-interrupted] .zpRRB { opacity: 1; transform: scale(1); transition-duration: 0.3s; transition-property: opacity, transform; transition-timing-function: var(--cubic-enter); } .ExZap[data-exiting] .zpRRB { opacity: 1; transform: scale(1); } .ExZap[data-exiting-active] .zpRRB, .ExZap[data-exiting][data-interrupted] .zpRRB { opacity: 0; transform: scale(var(--select-list-scale, .95)); transition-duration: 0.2s; transition-property: opacity, transform; transition-timing-function: var(--cubic-exit); } ._2crP6 { display: flex; flex-direction: column; max-height: min(var(--select-list-max-height, 400px),var(--radix-popover-content-available-height)); } ._2crP6:focus { outline: 0px; } .SXEQX { overflow: auto; flex: 1 1 0%; padding: var(--menu-gutter); } .SXEQX:focus { outline: none; } .J-xgF { position: relative; padding: var(--menu-item-padding); cursor: pointer; overflow-wrap: anywhere; scroll-margin: 15px 0px; } .J-xgF::before { position: absolute; inset: 0px; display: block; border-radius: calc(var(--menu-radius) - var(--menu-gutter)); background: var(--menu-item-background-color); content: ""; opacity: 0; transform: scale(var(--scale, .98)); transition-duration: var(--transition-duration-basic); transition-property: opacity, background-color, transform; transition-timing-function: var(--cubic-enter); will-change: opacity, transform; } .J-xgF[data-selected] { font-weight: var(--select-item-active-font-weight, var(--font-weight-semibold)); } .J-xgF[data-highlight]::before { opacity: 1; transform: scale(1); } .J-xgF[data-highlight]:active::before { transform: scale(var(--scale, .98)); } .J-xgF[data-disabled] { cursor: not-allowed; opacity: 0.5; } .J-xgF[data-disabled]::before { display: none; } .QoeSb { position: relative; } .pbqwv { display: flex; align-items: center; justify-content: flex-start; gap: calc(var(--spacing) * 1); } .Cvmgg { display: block; flex-shrink: 0; width: 16px; height: 16px; } .Le41I { flex-grow: 0; flex-shrink: 0; width: 16px; height: 16px; } .cCcgN { display: flex; align-items: center; justify-content: flex-start; gap: calc(var(--spacing) * 1); padding: var(--menu-item-padding); margin-top: calc(var(--spacing) * 1.5); color: var(--color-text-secondary); font-size: var(--font-small-caps-md-size); font-weight: var(--font-small-caps-md-weight); letter-spacing: var(--font-small-caps-md-tracking); text-transform: uppercase; } .cCcgN:first-child { margin-top: 0px; } .oSvln { display: flex; align-items: center; justify-content: flex-start; gap: calc(var(--spacing) * 1); padding: var(--menu-item-padding); color: var(--color-text-secondary); } ._8izoe { color: var(--link-primary-text-color); font-weight: var(--font-weight-medium); } .Js-Kx { position: relative; padding: var(--menu-item-padding); border-radius: calc(var(--menu-radius) - var(--menu-gutter)); cursor: pointer; transition: background-color 0.15s ease 0s; } .Js-Kx::before { position: absolute; inset: 0px; display: block; border-radius: calc(var(--menu-radius) - var(--menu-gutter)); content: ""; opacity: 0; transform: scale(var(--scale, .98)); transition-duration: 0.15s; transition-property: opacity, background-color, transform; transition-timing-function: var(--cubic-enter); will-change: opacity, transform; } .Js-Kx::before, :where([data-theme="light"]) .Js-Kx::before { background: var(--gray-100); } :where([data-theme="dark"]) .Js-Kx::before { background: var(--gray-25); } .Js-Kx::after { position: absolute; inset: 0px; display: block; border-radius: calc(var(--menu-radius) - var(--menu-gutter)); content: ""; pointer-events: none; transition-duration: 0.15s; transition-property: box-shadow, transform; transition-timing-function: var(--cubic-enter); } @media (hover: hover) and (pointer: fine) { .Js-Kx:hover::before { opacity: 1; transform: scale(1); } } .Js-Kx:focus { outline: none; } .Js-Kx:focus-visible::after { box-shadow: 0 0 0 2px var(--color-ring); } .Js-Kx:active::before, .Js-Kx:active::after { transform: scale(var(--scale, .98)); } .Js-Kx svg:where(:not([data-no-autosize])) { flex-shrink: 0; width: 16px; height: 16px; } .xp0Fe { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: var(--menu-item-gap); } ._4hDpb { position: relative; padding: var(--menu-gutter); border-top: 1px solid var(--menu-separator-background-color); } ._4hDpb::before { position: absolute; bottom: 100%; left: 0px; width: 100%; height: 9px; margin-bottom: 1px; background: var(--color-surface-elevated); content: ""; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); pointer-events: none; } ._1v6vB { position: relative; padding: var(--menu-gutter) var(--menu-gutter) 0; } ._4MG5J { --input-radius: calc(var(--menu-radius) - var(--menu-gutter)); } .uE9wU { padding: var(--menu-gutter); margin: calc(var(--spacing) * 4) 0; } .uE9wU[data-text-only] { color: var(--color-text-secondary); text-align: center; } ._805L0 { position: absolute; inset: 0px; z-index: 2; cursor: pointer; font-size: 16px; opacity: 0; } } @layer base { .form-label { display: block; } .form-label-inline { display: inline-block; } } @layer components { .az2qq { display: flex; align-items: center; gap: var(--alert-gap); width: 100%; padding: var(--alert-gutter); border-radius: var(--alert-border-radius); font-size: var(--alert-font-size); line-height: var(--alert-line-height); } .az2qq:where([data-actions-placement="bottom"]) { align-items: flex-start; } .az2qq[data-variant="soft"] { background-color: var(--alert-background-color); box-shadow: 0 0 0 1px var(--alert-border-color) inset; color: var(--alert-text-color); } .az2qq[data-variant="soft"]:where([data-color="primary"]) { --alert-background-color: var(--color-background-primary-surface); --alert-border-color: var(--color-border-primary-surface); --alert-text-color: var(--color-text); } .az2qq[data-variant="soft"]:where([data-color="success"]) { --alert-background-color: var(--color-background-success-surface); --alert-border-color: var(--color-border-success-surface); --alert-text-color: var(--color-text-success-surface); } .az2qq[data-variant="soft"]:where([data-color="warning"]) { --alert-background-color: var(--color-background-warning-surface); --alert-border-color: var(--color-border-warning-surface); --alert-text-color: var(--color-text-warning-surface); } .az2qq[data-variant="soft"]:where([data-color="caution"]) { --alert-background-color: var(--color-background-caution-surface); --alert-border-color: var(--color-border-caution-surface); --alert-text-color: var(--color-text-caution-surface); } .az2qq[data-variant="soft"]:where([data-color="danger"]) { --alert-background-color: var(--color-background-danger-surface); --alert-border-color: var(--color-border-danger-surface); --alert-text-color: var(--color-text-danger-surface); } .az2qq[data-variant="soft"]:where([data-color="info"]) { --alert-background-color: var(--color-background-info-surface); --alert-border-color: var(--color-border-info-surface); --alert-text-color: var(--color-text-info-surface); } .az2qq[data-variant="soft"]:where([data-color="discovery"]) { --alert-background-color: var(--color-background-discovery-surface); --alert-border-color: var(--color-border-discovery-surface); --alert-text-color: var(--color-text-discovery-surface); } .az2qq[data-variant="solid"] { background-color: var(--alert-background-color); color: var(--alert-text-color); } .az2qq[data-variant="solid"]:where([data-color="primary"]) { --alert-background-color: var(--color-background-primary-solid); --alert-text-color: var(--color-text-primary-solid); } .az2qq[data-variant="solid"]:where([data-color="success"]) { --alert-background-color: var(--color-background-success-solid); --alert-text-color: var(--color-text-success-solid); } .az2qq[data-variant="solid"]:where([data-color="warning"]) { --alert-background-color: var(--color-background-warning-solid); --alert-text-color: var(--color-text-warning-solid); } .az2qq[data-variant="solid"]:where([data-color="caution"]) { --alert-background-color: var(--color-background-caution-solid); --alert-text-color: var(--color-text-caution-solid); } .az2qq[data-variant="solid"]:where([data-color="danger"]) { --alert-background-color: var(--color-background-danger-solid); --alert-text-color: var(--color-text-danger-solid); } .az2qq[data-variant="solid"]:where([data-color="info"]) { --alert-background-color: var(--color-background-info-solid); --alert-text-color: var(--color-text-info-solid); } .az2qq[data-variant="solid"]:where([data-color="discovery"]) { --alert-background-color: var(--color-background-discovery-solid); --alert-text-color: var(--color-text-discovery-solid); } .az2qq[data-variant="outline"] { box-shadow: 0 0 0 1px var(--alert-border-color) inset; color: var(--alert-text-color); } .az2qq[data-variant="outline"]:where([data-color="primary"]) { --alert-border-color: var(--color-border); --alert-text-color: var(--color-text); } .az2qq[data-variant="outline"]:where([data-color="success"]) { --alert-border-color: var(--color-border-success-outline); --alert-text-color: var(--color-text-success-outline); } .az2qq[data-variant="outline"]:where([data-color="warning"]) { --alert-border-color: var(--color-border-warning-outline); --alert-text-color: var(--color-text-warning-outline); } .az2qq[data-variant="outline"]:where([data-color="caution"]) { --alert-border-color: var(--color-border-caution-outline); --alert-text-color: var(--color-text-caution-outline); } .az2qq[data-variant="outline"]:where([data-color="danger"]) { --alert-border-color: var(--color-border-danger-outline); --alert-text-color: var(--color-text-danger-outline); } .az2qq[data-variant="outline"]:where([data-color="info"]) { --alert-border-color: var(--color-border-info-outline); --alert-text-color: var(--color-text-info-outline); } .az2qq[data-variant="outline"]:where([data-color="discovery"]) { --alert-border-color: var(--color-border-discovery-outline); --alert-text-color: var(--color-text-discovery-outline); } .nCOFE { display: flex; align-items: center; justify-content: space-between; flex: 1 1 0%; min-width: 0px; } :where(.az2qq[data-actions-placement="bottom"]) .nCOFE { display: block; } .rlGOC svg:where(:not([data-no-autosize])) { width: var(--alert-indicator-size, 20px); height: var(--alert-indicator-size, 20px); } .QoPCW { flex: 1 1 0%; min-width: 0px; } .kCBaZ { font-weight: var(--alert-title-font-weight); } .kCBaZ ~ .VZYeX { margin-top: 2px; } .VZYeX { opacity: 1; } .qav61 { display: flex; gap: calc(var(--spacing) * 2); } :where(.az2qq[data-actions-placement="end"]) .qav61 { align-self: center; margin-left: var(--alert-gutter); } :where(.az2qq[data-actions-placement="bottom"]) .qav61 { margin-top: var(--alert-gutter); } } @layer components { .CX6lR { position: fixed; inset: 0px; pointer-events: auto; } .FIX-W { position: absolute; inset: 0px; } ._5XoXU { position: absolute; inset: 0px; background-color: var(--modal-backdrop-background); } [data-backdrop="fade"] ._5XoXU { backdrop-filter: var(--modal-backdrop-fade-filter); background-color: var(--modal-backdrop-fade-background); } [data-entering] ._5XoXU { opacity: 0; } [data-entering-active] ._5XoXU, [data-entering][data-interrupted] ._5XoXU { opacity: 1; transition-duration: 0.6s; transition-property: opacity, transform; transition-timing-function: var(--cubic-enter); } [data-exiting] ._5XoXU { opacity: 1; } [data-exiting-active] ._5XoXU, [data-exiting][data-interrupted] ._5XoXU { opacity: 0; transition-duration: 0.4s; transition-property: opacity, transform; transition-timing-function: var(--cubic-exit); } .tbXqs { position: absolute; inset: 0px; } @media (min-width: 768px) { .tbXqs[data-modal-scroll="outside"] { overflow: auto; } } .f2vxh { position: absolute; inset: 0px; } @media (min-width: 768px) { .f2vxh { inset: unset; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100%; padding: var(--modal-container-inner-padding); } } .htOZM { --modal-out-opacity: 1; --modal-out-y: 100%; --modal-enter-duration: .6s; --modal-exit-duration: .3s; position: absolute; bottom: 0px; left: 0px; display: flex; flex-direction: column; width: 100%; max-height: 92%; border-radius: var(--modal-radius, var(--radius-xl)) var(--modal-radius, var(--radius-xl)) 0 0; background: var(--color-surface-elevated); color: var(--color-text); font-size: 14px; line-height: 1.5; } .htOZM:focus { outline: none; } [data-backdrop="fade"] .htOZM { box-shadow: var(--modal-sheet-fade-shadow); } [data-entering] .htOZM { opacity: var(--modal-out-opacity); transform: translateY(var(--modal-out-y)); } [data-entering-active] .htOZM, [data-entering][data-interrupted] .htOZM { opacity: 1; transform: translateY(0px); transition-duration: var(--modal-enter-duration); transition-property: opacity, transform; transition-timing-function: var(--cubic-enter); } [data-exiting] .htOZM { opacity: 1; transform: translateY(0px); } [data-exiting-active] .htOZM, [data-exiting][data-interrupted] .htOZM { opacity: var(--modal-out-opacity); transform: translateY(var(--modal-out-y)); transition-duration: var(--modal-exit-duration); transition-property: opacity, transform; transition-timing-function: var(--cubic-exit); } @media (min-width: 768px) { .htOZM { --modal-out-opacity: 0; --modal-out-y: 20px; position: static; max-width: var(--modal-max-width, 450px); max-height: inherit; border-radius: var(--modal-radius, var(--radius-xl)); box-shadow: var(--modal-backdrop-dim-shadow, var(--shadow)); } [data-backdrop="fade"] .htOZM { box-shadow: var(--modal-backdrop-fade-shadow); } [data-modal-scroll="inside"] .htOZM { overflow: hidden; max-height: calc(95vh - 40px); } .htOZM[data-animate="shake"] { animation: 0.4s ease 0s 1 normal none running WFSoJ; } } @keyframes WFSoJ { 0% { transform: translate(0px); } 20%, 60% { transform: translate(-5px); } 40%, 80% { transform: translate(5px); } 100% { transform: translate(0px); } } .-XhLL { display: flex; flex-direction: column; width: 100%; min-height: 0px; } @media (min-width: 768px) { [data-modal-scroll="inside"] .-XhLL { overflow: hidden; max-height: calc(95vh - 40px); } } .ViIL1 { padding: 16px 20px; } [data-modal-scroll="inside"] .ViIL1 { overflow: auto; flex: 1 1 0%; border-bottom: 1px solid transparent; } [data-modal-scroll="inside"] .ViIL1[data-scrollable="true"] { border-bottom-color: var(--color-border); transition: border-color 0.3s ease 0s; } .v3JIj { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-shrink: 0; height: 50px; padding: 0px 20px; border-bottom: 1px solid var(--color-border); } .v3JIj ._8RYAz { margin: 0px; } .m9fkI { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-shrink: 0; padding: 16px 20px; } ._8RYAz { padding: 0px; margin: 0px 0px 8px; font-size: 18px; font-weight: var(--font-weight-semibold); letter-spacing: -0.01em; line-height: 1.4; } .hEp-K { padding: 0px; margin: 0px; color: var(--color-text-secondary); font-size: 14px; } .hEp-K[data-visually-hidden] { overflow: hidden; width: 1px; height: 1px; padding: 0px; border: 0px; margin: -1px; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; } } @layer components { .kZ98Q { display: inline-flex; align-items: center; gap: var(--link-gap); border-radius: var(--link-radius); color: currentcolor; cursor: pointer; font-weight: var(--link-font-weight); overflow-wrap: anywhere; transition-duration: var(--transition-duration-basic); transition-property: opacity, color, box-shadow, text-decoration-color; transition-timing-function: var(--transition-ease-basic); } @media (hover: hover) and (pointer: fine) { .kZ98Q:hover { color: color-mix(in oklab, currentcolor 80%, transparent); } .text-secondary .kZ98Q:hover { color: var(--color-text); } .text-tertiary .kZ98Q:hover { color: var(--color-text-secondary); } } .kZ98Q:focus-visible { outline: 2px solid var(--color-ring); outline-offset: 1px; } .kZ98Q[data-underline="always"] { text-decoration: underline color-mix(in oklab, currentcolor 70%, transparent); text-underline-offset: var(--link-underline-decoration-offset); } @media (hover: hover) and (pointer: fine) { .kZ98Q[data-underline="hover"]:hover { text-decoration: underline color-mix(in oklab, currentcolor 70%, transparent); text-underline-offset: var(--link-underline-decoration-offset); } } .kZ98Q[data-primary] { color: var(--link-primary-text-color); } @media (hover: hover) and (pointer: fine) { .kZ98Q[data-primary]:hover { color: var(--link-primary-text-color-hover); } } } @layer components { ._6PXCU { display: flex; align-items: center; gap: 4px; width: 100%; margin-left: -8px; font-size: 14px; font-weight: 400; } .s8vpr { color: var(--gray-400); } } @layer components { .dk2x9 { position: relative; z-index: 3; display: flex; gap: 4px; } .ycdcP { position: relative; width: 24px; height: 15px; } .ycdcP::before { position: absolute; top: 6px; right: 0px; left: 0px; height: 3px; border-radius: 100px; background: var(--gray-200); content: ""; transition: background-color 0.5s ease 0.3s; } .ycdcP::after { position: absolute; top: 6px; right: 0px; left: 0px; height: 3px; border-radius: 100px; background: var(--gray-400); content: ""; opacity: 0; transition: opacity 0.15s ease 0s; } .ycdcP[data-active="true"]::before, .ycdcP[data-complete="true"]::before { background: var(--gray-900); } .ycdcP[data-seen="true"] { cursor: pointer; } .ycdcP[data-seen="true"]:hover::after { opacity: 1; } .ycdcP[data-complete="true"]::after { background: var(--gray-600); } .ycdcP[data-complete="true"]:hover::after { opacity: 1; } .ycdcP[data-active="true"] { cursor: default; pointer-events: none; } [data-entering] .ycdcP { opacity: 0; transform: translateY(4px); } [data-entering-active] .ycdcP { opacity: 1; transform: translateY(0px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-delay: 0.4s; } [data-entering-active] .ycdcP:nth-child(2) { transition-delay: 0.44s; } [data-entering-active] .ycdcP:nth-child(3) { transition-delay: 0.5s; } [data-entering-active] .ycdcP:nth-child(4) { transition-delay: 0.54s; } [data-exiting-active] .ycdcP { opacity: 0; transform: translateY(3px); transition: opacity .3s var(--cubic-exit-snappy),transform .3s var(--cubic-exit-snappy); } [data-exiting-active] .ycdcP:nth-child(2) { transition-delay: 40ms; } [data-exiting-active] .ycdcP:nth-child(3) { transition-delay: 80ms; } [data-exiting-active] .ycdcP:nth-child(4) { transition-delay: 0.12s; } } @layer components { .K-Pco { position: fixed; top: var(--global-header-warning-height); right: var(--global-page-gutter); left: var(--global-page-gutter); display: flex; align-items: center; justify-content: space-between; height: var(--global-header-height); padding: 0px 8px; } @media (min-width: 768px) { .K-Pco { padding: 0px 12px; } } @media print { .K-Pco { position: static; display: block; height: auto; padding: 20px 0px 14px; } } [data-right-panel-open] .K-Pco { transition: right var(--collapse-transition-duration, .3s) var(--cubic-move); } [data-right-panel-open="true"] .K-Pco { right: calc(var(--global-page-gutter) + var(--agents-builder-chat-panel-width, 0px)); } .e9FII { display: flex; align-items: center; flex: 1 1 0%; min-width: 0px; } .e9FII, .Me7rI { position: relative; z-index: 2; flex-shrink: 0; } @media print { .e9FII, .Me7rI { display: none; } } .CZ-MO { display: none; } @media (min-width: 768px) { .CZ-MO { display: block; } } .P7ejE { display: block; } @media (min-width: 768px) { .P7ejE { display: none; } } .zwhCT { display: flex; align-items: center; gap: 16px; flex-shrink: 0; } .VtNsR { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } @media print { .VtNsR { display: none; } } .THtph { display: inline-block; vertical-align: middle; } .THtph svg { display: block; fill: var(--color-text-emphasis); } [data-entering] .o-hDM, [data-entering] .DOnky { opacity: 0; transform: translateY(4px); } [data-entering-active] .o-hDM, [data-entering-active] .DOnky { opacity: 1; transform: translateY(0px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-delay: 0.38s; } [data-exiting-active] .o-hDM, [data-exiting-active] .DOnky { opacity: 0; transform: translateY(4px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-delay: 80ms; } .o-hDM { position: relative; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 100%; text-decoration: none; transition-duration: 0.3s; transition-property: background-color, box-shadow; transition-timing-function: var(--cubic-enter); padding: 0px !important; color: var(--color-text-emphasis) !important; } .o-hDM:hover, :where([data-theme="light"]) .o-hDM:hover { background-color: var(--gray-150); } :where([data-theme="dark"]) .o-hDM:hover { background-color: var(--gray-300); } .o-hDM:focus-visible { box-shadow: 0 0 0 2px var(--color-ring); outline: 0px; } .o-hDM svg { width: 20px; height: 20px; color: inherit; fill: currentcolor; } [data-entering-active] .o-hDM { transition-delay: 0.48s; } [data-exiting-active] .o-hDM { transition-delay: 0.16s; } .OX86b { background-color: var(--gray-150); } .L4H5d { position: relative; display: flex; align-items: center; justify-content: center; } .L4H5d svg { position: absolute; opacity: 0; transition: opacity 0.6s ease 0s; } .L4H5d svg[data-visible] { opacity: 1; } .VDGzd { display: none; } @media print { .VDGzd { display: block; text-align: center; } } .AOkDL { width: 100%; margin-right: -100%; float: left; } .AOkDL[data-entering] { opacity: 0; } .AOkDL[data-entering-active] { opacity: 1; transition: opacity 0.5s ease 0.3s; } .AOkDL[data-exiting-active] { opacity: 0; transition: opacity 0.3s ease 0.15s; } } @layer components { .zHSVG { position: absolute; top: 0px; right: 0px; left: 0px; } } @layer base { .layers-root { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 2; pointer-events: auto; } } @layer components { .giXr4 { position: fixed; right: 20px; bottom: 20px; z-index: 10; width: 400px; max-width: 90%; } } @layer components { .xbgVL { display: flex; font-size: var(--font-text-sm-size); line-height: var(--font-text-sm-line-height); user-select: none; } .xbgVL[data-has-label] { align-items: flex-start; } .xbgVL[data-label-position="start"] { flex-direction: row-reverse; } .M38jh { position: relative; flex-shrink: 0; width: var(--switch-track-width); max-width: var(--switch-track-width); height: var(--switch-track-height); border: 0px; border-radius: var(--radius-full); background: var(--switch-track-color); cursor: pointer; transition: background-color .25s var(--cubic-move); } @media (hover: hover) and (pointer: fine) { .M38jh:where(:not([data-disabled], [data-state="checked"])):hover { background: var(--switch-track-color-hover); } } [data-has-label] .M38jh { top: var(--switch-track-top-offset, 1px); } .M38jh:focus-visible { outline: 2px solid var(--color-ring); outline-offset: 2px; } .M38jh[data-state="checked"] { background: var(--switch-track-color-checked); } .M38jh[data-disabled] { background: var(--switch-track-color-disabled); cursor: not-allowed; } .M38jh[data-disabled][data-state="checked"] { background: var(--switch-track-color-checked-disabled); } ._9I9IG { position: absolute; top: var(--switch-thumb-offset); left: var(--switch-thumb-offset); display: block; width: var(--switch-thumb-size); height: var(--switch-thumb-size); border-radius: var(--radius-full); background: var(--switch-thumb-color); box-shadow: var(--switch-thumb-shadow); transition: transform .25s var(--cubic-move); } [data-state="checked"] ._9I9IG { transform: translate(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset) * 2)); } ._9I9IG[data-disabled] { background: var(--switch-thumb-color-disabled); box-shadow: none; } .bB4gz { cursor: pointer; } [data-label-position="end"] .bB4gz { padding-left: var(--switch-label-gap); } [data-label-position="start"] .bB4gz { padding-right: var(--switch-label-gap); } [data-disabled] .bB4gz { cursor: not-allowed; } } @layer components { .j4SN9 { position: relative; height: 100%; } @media print { .j4SN9 { height: auto; } } .JgO1Q, .ulV4W, .VODHU { position: absolute; inset: 0px; } @media print { .JgO1Q, .ulV4W, .VODHU { position: static; } } .JgO1Q { --fade-enter-duration: .2s; --fade-enter-delay: .1s; --fade-exit-duration: .15s; --fade-exit-delay: 0s; --fade-timing-function: ease; } .JgO1Q[data-exiting] > .ulV4W { pointer-events: none; } .JgO1Q[data-exiting-active] > .ulV4W, .JgO1Q[data-exiting][data-interrupted] > .ulV4W { opacity: 0; transition: opacity var(--fade-exit-duration) var(--fade-timing-function) var(--fade-exit-delay); } .VODHU[data-entering] { opacity: 0; } .VODHU[data-entering-active] { opacity: 1; transition: opacity var(--fade-enter-duration) var(--fade-timing-function) var(--fade-enter-delay); } } @layer components { ._-3hPK { overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height: var(--global-header-warning-height); padding: 0px 8px; background-color: var(--pill-danger-bg); color: var(--color-text-emphasis); font-size: 14px; } ._-3hPK[data-global-header-variant="warning"] { background-color: var(--pill-warning-bg); } ._-3hPK[data-global-header-variant="neutral"] { background-color: var(--gray-200); } @media (min-width: 768px) { ._-3hPK { gap: 8px; } } .-KU0- { display: flex; align-items: center; color: var(--color-text-emphasis); font-weight: var(--font-weight-semibold); } .-KU0-:hover { color: var(--color-text-emphasis); text-decoration: underline; } .DX3w6 { display: none; } @media (min-width: 768px) { .DX3w6 { display: block; color: var(--gray-800); } } } @layer components { .UDiRH { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 800px; max-height: 100%; padding: 20px; } } @layer components.components { .F4KNd { position: fixed; right: 32px; bottom: 32px; z-index: 51; overflow: hidden; display: none; width: min(560px, 100% - 64px); height: calc(100% - 96px); border: 1px solid transparent; border-radius: 20px; background: var(--color-surface, rgb(255 255 255 / 98%)); box-shadow: rgba(15, 23, 42, 0.18) 0px 18px 48px, rgba(15, 23, 42, 0.05) 0px 0px 0px 1px; color-scheme: light; opacity: 0; transition: opacity 0.2s ease 0s; } .F4KNd[data-color-scheme="dark"] { border-color: rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.55) 0px 24px 72px, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px; color-scheme: dark; } .F4KNd[data-displayed="true"] { display: flex; flex-direction: column; } .F4KNd[data-open="true"] { opacity: 1; } @media (max-width: 768px) { .F4KNd { right: 20px; bottom: 20px; width: min(560px, 100% - 40px); height: calc(100% - 60px); border-radius: 18px; } } @media (max-width: 640px) { .F4KNd { right: 16px; bottom: 16px; left: 16px; width: auto; max-width: none; height: calc(100% - 40px); max-height: none; border-radius: 16px; } } .YdIPb { position: fixed; right: 30px; bottom: 30px; z-index: 50; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0px 16px 0px 12px; border: 1px solid transparent; border-radius: 9999px; background: var(--color-background-primary, #111827); box-shadow: rgba(15, 23, 42, 0.24) 0px 10px 24px; color: var(--color-surface, #ffffff); color-scheme: light; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 1; opacity: 1; pointer-events: auto; transition: transform .7s var(--cubic-enter) .33s,opacity .8s var(--cubic-enter) .33s,box-shadow .12s ease; visibility: visible; } :where([data-theme="dark"]) .YdIPb { background: var(--color-surface, #111827); box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 30px; color: var(--gray-900, #ffffff); } .YdIPb[data-color-scheme="dark"] { border-color: rgba(255, 255, 255, 0.14); box-shadow: rgba(0, 0, 0, 0.38) 0px 12px 30px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px; color-scheme: dark; } .YdIPb[data-hidden] { box-shadow: none; opacity: 0; pointer-events: none; transform: translateY(4px); transition: transform .3s var(--cubic-exit),opacity .3s var(--cubic-exit),visibility 0s linear .3s,box-shadow .12s ease; visibility: hidden; } .YdIPb:hover { box-shadow: rgba(15, 23, 42, 0.28) 0px 14px 32px; transform: translateY(-1px); } .YdIPb[data-color-scheme="dark"]:hover { box-shadow: rgba(0, 0, 0, 0.48) 0px 14px 36px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px; } ._4oXtk { white-space: nowrap; } .uqDyC { width: 100%; height: 100%; } .oai-chatkit-app { padding: 0px !important; } } @layer base { #root { height: 100%; } .console-navigation { z-index: 301; border: 1px solid var(--color-background-primary-soft); opacity: 0; background: rgb(255, 255, 255); border-radius: 8px; flex-direction: column; display: flex; position: absolute; inset: 0px 0px 0px 100%; } .mobile-menu-expanded .console-navigation { opacity: 1; left: 0px; } @media (min-width: 48rem) { .console-navigation { z-index: 101; width: var(--side-nav-width); opacity: 1; background: 0px 0px; border: 0px; border-radius: 0px; flex-direction: column; padding-top: 20px; transition: width 0.25s ease 0s, opacity 0.25s ease 0s; position: absolute; top: 0px; bottom: 0px; left: 0px; } .prefer-sidebar-collapsed .console-navigation { width: var(--side-nav-collapsed-width); } .force-full-width .console-navigation { opacity: 0; pointer-events: none; } } .console-navigation-stretch { flex: 1 1 0%; } .console-body { z-index: 201; background: var(--color-surface); border-radius: 8px; transition: left 0.25s ease 0s; position: absolute; inset: 0px; overflow: auto; } .console-body, :where([data-theme="light"]) .console-body { border: 1px solid var(--color-background-primary-soft); } :where([data-theme="dark"]) .console-body { border: 1px solid var(--gray-75); } @media (min-width: 48rem) { .with-sidebar .console-body { left: var(--side-nav-width); } .with-sidebar.prefer-sidebar-collapsed .console-body { left: var(--side-nav-collapsed-width); } .force-full-width .console-body { left: 0px !important; } } .console-sidebar-title { color: var(--gray-900); font-size: 12px; font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-small-caps); text-transform: uppercase; align-items: center; gap: 6px; margin: 0px 0px 20px; padding: 0px 6px; line-height: 16px; display: flex; } .settings-page-container { flex-direction: column; width: 100%; display: flex; } @media (min-width: 80rem) { .settings-page-container { padding: 32px 0px; } } .api-key-page-container { z-index: 2; width: 100%; padding: calc(var(--spacing)*4)calc(var(--spacing)*6); background: var(--color-surface); flex-direction: column; justify-content: center; align-items: center; margin: 0px; display: flex; position: sticky; top: 0px; } .api-key-page-content { width: 100%; } .settings-page-title-only { color: var(--color-text-emphasis); font-size: 20px; font-weight: var(--font-weight-semibold); margin: 0px; padding: 12px 0px 0px; line-height: 24px; } .settings-page-title { border-bottom: 1px solid var(--color-background-primary-soft); justify-content: space-between; width: 100%; margin-bottom: 20px; padding: 12px 0px; display: flex; } .settings-page-title h1 { color: var(--color-text-emphasis); font-size: 20px; font-weight: var(--font-weight-semibold); margin: 0px; padding: 0px; line-height: 24px; } .settings-page-title .align-right { margin-left: auto; } .settings-page-title.settings-subnav { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 0px; display: flex; } .settings-button-wrapper { display: flex; } .settings-page-content { width: 100%; padding-bottom: 40px; } .settings-page-content p { margin-top: 0px; } .settings-page-content.flush { max-width: none; } .page-body { width: calc(var(--content-width) + var(--content-h-padding)*2); max-width: 100%; padding: var(--content-v-padding)var(--content-h-padding); flex: 1 0 auto; margin: 0px auto; font-size: 16px; line-height: 24px; } .page-body.full-width { width: 100%; } .page-body.full-height { height: 100%; } .page-body.short-width { width: 670px; } .page-body.medium-width { width: 900px; } .page-body.large-width { width: 1040px; } .page-body.flush { padding: 0px; } .docs-text-container { word-break: break-all; overflow-wrap: break-word; } .container { width: calc(var(--content-width) + var(--content-h-padding)*2); max-width: 100%; padding: 0 var(--content-h-padding); margin: 0px auto; } .container.full-width { width: 100%; } } @layer components { ._4d2eR { display: flex; flex-direction: column; align-items: center; justify-content: center; } ._4d2eR[data-fill="static"] { width: 100%; height: 100%; } ._4d2eR[data-fill="absolute"] { position: absolute; inset: 0px; } .KlIa6 { --badge-size: 40px; --icon-size: 24px; display: flex; align-items: center; justify-content: center; width: var(--badge-size); height: var(--badge-size); border-radius: var(--radius-md); margin: 0px 0px 12px; background: var(--badge-background-color); color: var(--badge-text-color); } .KlIa6 svg:where(:not([data-no-autosize])) { width: var(--icon-size); height: var(--icon-size); } .KlIa6[data-size="sm"] { --badge-size: 32px; --icon-size: 20px; } .KlIa6[data-color="secondary"] { --badge-background-color: var(--color-background-secondary-soft); --badge-text-color: var(--color-text-secondary-soft); } .KlIa6[data-color="warning"] { --badge-background-color: var(--color-background-warning-soft); --badge-text-color: var(--color-text-warning-soft); } .KlIa6[data-color="danger"] { --badge-background-color: var(--color-background-danger-soft); --badge-text-color: var(--color-text-danger-soft); } ._0sZhB { max-width: 90%; color: var(--color-text-emphasis); font-size: 16px; font-weight: var(--font-weight-semibold); text-align: center; text-wrap: balance; } ._0sZhB:where([data-color="danger"]) { color: var(--color-text-danger); } ._0sZhB:where([data-color="warning"]) { color: var(--color-text-warning); } .JMuXF { max-width: 90%; margin: 6px 0px 0px; color: var(--color-text-secondary); font-size: 14px; line-height: 1.45; text-align: center; text-wrap: balance; } .oor60 { margin-top: calc(var(--spacing) * 4); } } @layer components { ._5mJA4 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; min-height: 75vh; padding: 24px; } ._5mJA4 svg { width: 32px; height: 32px; } .YMAHh { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; flex: 1 1 0%; max-width: 400px; margin: auto; } .pRqUN { font-size: 32px; font-weight: 600; text-align: center; } .Vj9rX { font-size: 16px; text-align: center; } } @layer components { .OUvvn { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; padding: calc(var(--spacing) * 8) calc(var(--spacing) * 4); } .OUvvn, :where([data-theme="light"]) .OUvvn { background: rgb(255, 255, 255); } :where([data-theme="dark"]) .OUvvn { background: transparent; } @media (min-width: 576px) { .OUvvn { display: grid; padding: calc(var(--spacing) * 10) calc(var(--spacing) * 5); grid-template-rows: minmax(calc(var(--spacing) * 16),1fr) auto minmax(0,1fr); justify-items: center; } } .fERRU { position: relative; display: inline-flex; align-items: center; justify-content: center; width: fit-content; margin-bottom: calc(var(--spacing) * 7); color: inherit; } .fERRU svg { width: 150px; height: auto; } @media (min-width: 576px) { .fERRU { position: absolute; top: calc(var(--spacing) * 6); left: calc(var(--spacing) * 6); margin-bottom: 0px; } .fERRU svg { width: 169px; } } .C5xD- { display: flex; flex-direction: column; align-items: center; gap: calc(var(--spacing) * 16); width: 100%; max-width: 1200px; } @media (min-width: 576px) { .C5xD- { grid-row: 2 / auto; } } @media (min-width: 768px) { .C5xD- { gap: calc(var(--spacing) * 16); } } .bXzSX { width: 100%; max-width: 440px; } .naS0L { text-align: center; } @media (max-width: 420px) and (max-height: 720px) { .naS0L { padding-top: calc(var(--spacing) * 1); } } .fzpEF { margin: 0px; color: var(--color-text-emphasis); font-size: 30px; font-weight: var(--font-weight-semibold); letter-spacing: -0.02em; line-height: 1.1; } .iEyuI { margin: calc(var(--spacing) * 3) 0 0; color: var(--color-text-secondary); font-size: 14px; line-height: 1.5; } @media (min-width: 576px) { .iEyuI { font-size: 16px; } } .Rgat2 { display: flex; flex-direction: column; gap: calc(var(--spacing) * 3); margin-top: calc(var(--spacing) * 8); } .LR9fN { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1); } ._5Xhj5 { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0px; border: 0px; margin: -1px; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; } .PW5d- { font-size: 16px; } .rBmem { display: flex; align-items: center; gap: calc(var(--spacing) * 2); padding: 0 calc(var(--spacing) * 1); color: var(--color-text-danger-soft); font-size: 14px; font-weight: var(--font-weight-medium); text-align: left; } .zShWV { flex-shrink: 0; width: 16px; height: 16px; } ._22T6g { font-size: 16px; font-weight: var(--font-weight-medium); box-shadow: none !important; } ._3rTHW { display: flex; align-items: center; gap: calc(var(--spacing) * 3); margin: calc(var(--spacing) * 7) 0; color: var(--color-text-secondary); font-size: 11px; font-weight: var(--font-weight-semibold); letter-spacing: 0.12em; text-transform: uppercase; } .T2FB4 { flex: 1 1 0%; height: 1px; background: var(--alpha-12); } .MSX3E { display: flex; flex-direction: column; gap: calc(var(--spacing) * 3); } .KyZoV { display: flex; align-items: center; justify-content: center; margin-top: calc(var(--spacing) * 6); color: var(--color-text-secondary); font-size: 14px; line-height: 1.5; } .vJsgN { color: inherit; text-decoration: underline; } .eb-bs { padding: 0 calc(var(--spacing) * 2); } .eb-bs::before { content: " | "; } .zKhiP { justify-content: center; font-size: 16px; font-weight: var(--font-weight-medium); } .bvVrq { display: flex; align-items: center; gap: calc(var(--spacing) * 3); } .tcBkt { flex-shrink: 0; width: 20px; height: 20px; } } @layer components { :root { --select-color-border: var(--color-border); --select-color-border-hover: var(--gray-400); --select-list-gutter: 5px; --select-list-min-width: 300px; --select-list-max-height: 400px; } .fwEzn { display: flex; flex-direction: column; max-height: min(var(--select-list-max-height),var(--radix-popover-content-available-height)); } .fwEzn:focus { outline: 0px; } .aithR { --select-list-width: var(--radix-popover-trigger-width); width: var(--radix-popover-trigger-width); min-width: var(--select-list-min-width, 300px); max-width: var(--select-list-max-width, none); border-radius: var(--menu-radius); background: var(--color-surface-elevated); box-shadow: var(--shadow),var(--shadow-hairline); font-size: var(--menu-font-size); line-height: var(--menu-line-height); transform-origin: var(--radix-popover-content-transform-origin); user-select: none; will-change: opacity, transform; } [data-entering] .aithR { opacity: 0; transform: scale(0.95); } [data-entering-active] .aithR, [data-entering][data-interrupted] .aithR { opacity: 1; transform: scale(1); transition-duration: 0.35s; transition-property: opacity, transform; transition-timing-function: var(--cubic-enter); } [data-exiting] .aithR { opacity: 1; transform: scale(1); } [data-exiting-active] .aithR, [data-exiting][data-interrupted] .aithR { opacity: 0; transform: scale(0.95); transition-duration: 0.2s; transition-property: opacity, transform; transition-timing-function: var(--cubic-exit); } .fOTML { overflow: auto; flex: 1 1 0%; padding: var(--menu-gutter); } ._86t7F { position: relative; padding: var(--menu-item-padding); cursor: pointer; overflow-wrap: anywhere; scroll-margin: 15px 0px; } ._86t7F::before { position: absolute; inset: 0px; display: block; border-radius: calc(var(--menu-radius) - var(--menu-gutter)); background: var(--menu-item-background-color); content: ""; opacity: 0; transform: scale(var(--scale, .98)); transition-duration: var(--transition-duration-basic); transition-property: opacity, background-color, transform; transition-timing-function: var(--cubic-enter); will-change: opacity, transform; } ._86t7F[data-selected] { font-weight: var(--font-weight-semibold); } ._86t7F[data-highlight]::before { opacity: 1; transform: scale(1); } ._86t7F[data-highlight]:active::before { transform: scale(var(--scale, .98)); } ._86t7F[data-disabled] { cursor: not-allowed; opacity: 0.5; } ._86t7F[data-disabled]::before { display: none; } .D6rUp { position: relative; } .PkWfB { display: flex; align-items: center; justify-content: flex-start; gap: 4px; } ._3rlmO { position: relative; top: 1px; display: block; flex-shrink: 0; width: 16px; height: 16px; } .R4hw- { flex-grow: 0; flex-shrink: 0; width: 16px; height: 16px; } .MJYpf { display: flex; align-items: center; justify-content: flex-start; gap: 4px; padding: 6px 12px 6px 8px; margin-top: 6px; color: var(--gray-600); font-size: 11px; font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-small-caps); text-transform: uppercase; } .MJYpf:first-child { margin-top: 0px; } :where([data-theme="dark"]) .MJYpf { color: var(--gray-450); } .U8QGp { display: flex; align-items: center; justify-content: flex-start; gap: 4px; padding: 6px 12px 6px 8px; font-size: 14px; } .U8QGp, :where([data-theme="light"]) .U8QGp { color: var(--gray-400); } :where([data-theme="dark"]) .U8QGp { color: var(--gray-600); } .-g7HA { position: relative; padding: var(--menu-item-padding); border-radius: calc(var(--menu-radius) - var(--menu-gutter)); cursor: pointer; transition: background-color 0.15s ease 0s; } .-g7HA::before { position: absolute; inset: 0px; display: block; border-radius: calc(var(--menu-radius) - var(--menu-gutter)); content: ""; opacity: 0; transform: scale(var(--scale, .98)); transition-duration: 0.15s; transition-property: opacity, background-color, transform; transition-timing-function: var(--cubic-enter); will-change: opacity, transform; } .-g7HA::before, :where([data-theme="light"]) .-g7HA::before { background: var(--color-background-primary-soft); } :where([data-theme="dark"]) .-g7HA::before { background: var(--gray-25); } .-g7HA::after { position: absolute; inset: 0px; display: block; border-radius: calc(var(--menu-radius) - var(--menu-gutter)); content: ""; pointer-events: none; transition-duration: 0.15s; transition-property: box-shadow, transform; transition-timing-function: var(--cubic-enter); } @media (hover: hover) and (pointer: fine) { .-g7HA:hover::before { opacity: 1; transform: scale(1); } } .-g7HA:focus { outline: none; } .-g7HA:focus-visible::after { box-shadow: 0 0 0 2px var(--color-ring); } .-g7HA:active::before, .-g7HA:active::after { transform: scale(var(--scale, .98)); } .-g7HA svg { flex-shrink: 0; width: 16px; height: 16px; } .JjUu- { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: var(--menu-item-gap); } .YE-59 { position: relative; padding: var(--menu-gutter); border-top: 1px solid var(--menu-separator-background-color); } .YE-59::before { position: absolute; bottom: 100%; left: 0px; width: 100%; height: 9px; margin-bottom: 1px; background: var(--color-surface-elevated); content: ""; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); pointer-events: none; } .UnMXg { position: relative; padding: var(--select-list-gutter) var(--select-list-gutter) 0; } .vLcIV { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; padding: 4px 10px; border: 1px solid var(--select-color-border); border-radius: var(--radius-md); background: none; color: var(--color-text); transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .vLcIV[data-focused] { border-color: var(--alpha-50); box-shadow: 0 0 0 1px var(--alpha-50); outline: none; } .Mc6F6 { display: block; width: 100%; padding: 0px; border: 0px; border-radius: 0px; margin: 0px; background: none; color: var(--color-text); font-family: var(--sans-serif); font-size: 16px; font-weight: var(--font-weight-normal); line-height: 1.4; transform: scale(0.875); transform-origin: left center; } .Mc6F6:focus { outline: none; } .vMkX2 { padding: var(--select-list-gutter); margin: 16px 0px; } .vMkX2[data-text-only] { font-size: 14px; opacity: 0.5; text-align: center; } } @layer components { .nDafZ { display: grid; align-items: stretch; gap: calc(var(--spacing) * 3); grid-template-columns: 124px minmax(0px, 1fr); } .oghR6 { min-width: 0px; padding: 0px; border: 0px; margin: 0px; } ._8Q-l5 { width: 100%; } .rPs3E { display: flex; align-items: center; gap: calc(var(--spacing) * 2); min-width: 0px; } ._5RTbs { font-variant-numeric: tabular-nums; font-weight: var(--font-weight-medium); } .JVajE { display: flex; align-items: center; gap: calc(var(--spacing) * 2); width: 100%; } .XVEpe { display: flex; align-items: baseline; gap: calc(var(--spacing) * 1); min-width: 0px; } .ZY20M { color: var(--color-text-secondary); font-variant-numeric: tabular-nums; } .KiizG, .ZpT2T { min-width: 0px; } .QXCBW { flex-shrink: 0; width: 20px; height: 14px; border-radius: 2px; box-shadow: inset 0 0 0 1px var(--alpha-12); } ._2oRff { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0px; border: 0px; margin: -1px; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; } .NAFlg { font-size: 16px; } } @layer components { .ozXC3 { position: relative; flex: 1 1 0%; padding: calc(var(--spacing) * 5); border-radius: var(--radius-2xl); user-select: none; } .ozXC3::before { position: absolute; inset: 0px; border: 1px solid var(--alpha-12); border-radius: var(--radius-2xl); background-color: transparent; content: ""; transition: background-color 0.15s ease 0s, transform 0.15s ease 0s; } .ozXC3[data-interactive="false"]::before { opacity: 0.6; } .ozXC3[data-interactive="true"] { cursor: pointer; } .ozXC3[data-interactive="true"]:hover::before, :where([data-theme="light"]) .ozXC3[data-interactive="true"]:hover::before { background-color: var(--alpha-02); } :where([data-theme="dark"]) .ozXC3[data-interactive="true"]:hover::before { background-color: var(--alpha-04); } .ozXC3[data-interactive="true"]:active::before { transform: scale(0.98); } .ozXC3[data-interactive="true"]:active .qE-h5 { transform: scale(0.98); } .qE-h5 { position: relative; transform-origin: center center; transition: transform 0.15s ease 0s; } .Kk5r1 { padding: 0px; margin: 0px 0px 1px; font-size: 16px; font-weight: var(--font-weight-medium); } ._0amnk { padding: 0px; margin: 0px; color: var(--color-text-secondary); font-size: 14px; } .-mh8L { margin: 0 0 calc(var(--spacing) * 4); font-size: 24px; } } @layer components { .VgCOX { display: none; } @media (min-width: 576px) { .VgCOX { display: grid; gap: calc(var(--spacing) * 4); width: 100%; grid-template-columns: repeat(1, minmax(0px, 1fr)); } } @media (min-width: 768px) { .VgCOX { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } @media (min-width: 1280px) { .VgCOX { grid-template-columns: repeat(4, minmax(0px, 1fr)); } } .hc9is { display: inline-flex; align-items: center; justify-content: center; color: var(--color-text-emphasis); } } @layer base { @keyframes puff-in-center { 0% { filter: blur(3px); opacity: 0; transform: scale(1.1); } 100% { filter: blur(); opacity: 1; transform: scale(1); } } .launcher { justify-content: center; align-items: flex-start; width: 100%; max-width: 100%; min-height: 100%; padding: 40px 0px; display: flex; } @media (min-width: 64rem) { .launcher { align-items: center; } } .launcher-body { flex-direction: column; justify-content: center; align-items: center; width: 100%; display: flex; } .launcher-header { flex: 0 1 0%; } .launcher-menu { grid-template-columns: repeat(1, 295px); gap: 12px; margin-top: 32px; display: grid; } @media (min-width: 64rem) { .launcher-menu { grid-template-columns: repeat(2, 280px); margin-top: 60px; } } .launcher-item { background: var(--color-surface); border-radius: 8px; min-height: 0px; padding: 32px; transition: background 0.1s ease-in-out 0s; animation: 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s 1 normal both running puff-in-center; } .launcher-item:hover { background: var(--color-background-primary-soft); } @media (min-width: 64rem) { .launcher-item { min-height: 240px; } } .launcher-item:nth-child(2) { animation-delay: 0.1s; } .launcher-item:nth-child(3) { animation-delay: 0.2s; } .launcher-item-header { color: var(--gray-900); align-items: center; display: flex; } .launcher-item-header h1 { margin: 0px; font-size: 20px; line-height: 28px; } .launcher-item-header svg { margin-left: 8px; position: relative; top: 2px; } .launcher-item-desc { color: var(--gray-700); margin-top: 12px; font-size: 16px; line-height: 24px; } @media (prefers-reduced-motion) { .launcher-header, .launcher-item { animation: auto ease 0s 1 normal none running none; } } } @layer base { .syntax-highlighter { background: transparent; color: var(--color-text); overflow-x: auto; } .syntax-highlighter > code { border: none; box-shadow: none; font-family: var(--monospace); } .syntax-highlighter > code > code { padding-right: 16px; border: none; box-shadow: none; float: left; font-family: var(--monospace); line-height: 20px; } .syntax-highlighter .react-syntax-highlighter-line-number { color: var(--color-text-disabled); line-height: 20px; opacity: 0.5; text-align: right; user-select: none; } .syntax-highlighter [data-highlighted-row="true"] { display: block; width: 150%; margin-left: -25%; background-color: var(--pill-success-bg); } .hljs-comment { color: rgba(var(--sh-fg),.5); } .hljs-meta { color: rgba(var(--sh-fg),.6); } .hljs-built_in, .hljs-class .hljs-title { color: var(--syntax1); } .hljs-doctag, .hljs-keyword, .hljs-formula, .hljs-literal { color: var(--syntax2); } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string { color: var(--syntax3); } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: var(--syntax4); } .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-selector-id, .hljs-title { color: var(--syntax5); } } @layer base { .code-sample + .code-sample { margin-top: 1em; } .code-sample { position: relative; display: flex; flex-direction: column; border: .5px solid var(--color-border-primary-surface); border-radius: 8px; background: var(--code-snippet-bg); } .code-sample.flush { width: 100%; border: 0px; background: transparent; color: var(--color-text-emphasis); line-height: 20px; } .code-sample.flush code > code { padding-right: 20px !important; } .code-sample.flush .syntax-highlighter { background: transparent; font-size: 13px; letter-spacing: var(--font-tracking-wide); } .code-sample.flush .code-sample-header { position: relative; z-index: 1; justify-content: space-between; padding-left: 8px; border-bottom: none; background: transparent; } .code-sample.flush .code-sample-header .code-sample-title { display: none; } .code-sample.flush .code-sample-header .code-sample-select-val { font-size: 12px; letter-spacing: var(--font-tracking-wide); } .code-sample.flush .code-sample-header .code-sample-select-wrap { margin-bottom: 4px; margin-left: 12px; font-size: 12px; letter-spacing: var(--font-tracking-wide); } .code-sample.flush .code-sample-body { background: transparent; } .code-sample.flush .code-sample-body .code-sample-pre { padding-top: 0px; } .code-sample .python-upgrade-banner { display: flex; padding: 2px; background: var(--card-gradient); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: var(--font-weight-bold); text-align: center; } .code-sample .python-upgrade-banner svg { margin-top: 6px; margin-right: 8px; margin-left: 8px; } .code-sample .python-upgrade-banner path { stroke: rgb(255, 255, 255); } .code-sample-header { overflow: auto; display: flex; align-items: center; gap: 4px; flex-shrink: 0; padding: 4px 8px 4px 14px; border-bottom: .5px solid var(--color-border-primary-surface); border-top-left-radius: 8px; border-top-right-radius: 8px; } .code-sample-title { overflow: hidden; flex: 1 1 auto; margin-right: 12px; color: var(--color-text); font-family: var(--monospace); font-size: 12px; font-weight: var(--font-weight-normal); letter-spacing: var(--font-tracking-wide); text-overflow: ellipsis; white-space: nowrap; } .code-sample-sep { flex: 0 0 auto; min-width: 1px; height: 22px; padding-left: 8px; border-left: 1px solid var(--color-background-primary-soft); margin-left: 8px; } .code-sample-body { position: relative; flex-grow: 1; flex-shrink: 0; } .code-sample-body .code-sample-pre { height: 100%; min-height: 44px; padding: 12px 16px; border-radius: 8px; margin: 0px; font-size: 14px; line-height: 20px; white-space: pre; } .code-sample-body.code-sample-body-with-header .code-sample-pre { border-top-left-radius: 0px; border-top-right-radius: 0px; } .code-sample-copy-float { position: absolute; top: 6px; right: 6px; } .code-sample-oneliner .code-sample-copy-float { top: 50%; transform: translateY(-50%); } } @layer base { .example-chat-container { overflow: hidden; border-radius: 8px; margin: 20px 0px; background: var(--code-snippet-bg); } .example-chat-messages { padding: 10px 0px; } .example-chat-message { display: grid; padding: 8px 16px; grid-template-columns: 100px 1fr; white-space: pre-wrap; } .example-chat-role { padding-top: 5px; } .example-chat-code { margin: 0px; } } @layer base { .example-content { overflow: hidden; border: .5px solid var(--gray-divider); border-radius: 8px; margin: 24px 0px; background: var(--code-snippet-bg); } .example-content-value { padding: 12px 16px; color: var(--gray-800); font-family: var(--monospace); font-size: 13px; line-height: 20px; white-space: pre-wrap; } .example-content-large .example-content-value { font-size: 13px; line-height: 20px; } .example-content-link { display: block; padding: 8px 16px; background-color: var(--color-background-primary-soft); font-size: 14px; line-height: 20px; } .example-content-link, .example-content-link:visited { color: var(--gray-800); } .example-content-link:hover { color: var(--gray-700); } .example-content-link svg { margin: 0px 0px 2px 3px; vertical-align: middle; } .example-content-code { margin: 0px; } } @layer base { .docs-markdown-content p { margin-top: 0px; margin-bottom: 15px; line-height: 1.6em; } .docs-markdown-content p code { font-size: 14px; line-height: 1.6em; } .docs-markdown-content .code-sample { margin: 20px 0px; } .docs-markdown-content strong { font-weight: var(--font-weight-semibold); } .docs-markdown-content ol, .docs-markdown-content ul { padding-left: 0px; margin-bottom: 16px; list-style: none; } .docs-markdown-content ol { counter-reset: ordered-listitem 0; } .docs-markdown-content ol ol, .docs-markdown-content ol ul, .docs-markdown-content ul ol, .docs-markdown-content ul ul { margin-top: 8px; margin-bottom: 0px; } .docs-markdown-content li { position: relative; padding-left: 32px; line-height: 1.5; } .docs-markdown-content li + li { margin-top: 8px; } .docs-markdown-content ul li::before { position: absolute; top: 8px; left: 15px; width: 5px; height: 5px; border-radius: 50%; background: var(--gray-800); content: ""; } .docs-markdown-content .md-nonanchor-heading { position: relative; } .docs-markdown-content h1.md-nonanchor-heading { display: flex; font-size: 18px; line-height: 1.5; } .docs-markdown-content h2.md-nonanchor-heading { font-size: 16px; line-height: 1.5; } .docs-markdown-content h3.md-nonanchor-heading { font-size: 14px; line-height: 1.5; } .docs-markdown-content h4.md-nonanchor-heading, .docs-markdown-content h5.md-nonanchor-heading, .docs-markdown-content h6.md-nonanchor-heading { font-size: 12px; letter-spacing: var(--font-tracking-wide); line-height: 1.5; } .docs-markdown-content .md-heading-num, .docs-markdown-content ol > li::after { width: 24px; height: 24px; border-radius: 12px; background: var(--color-background-primary-soft); color: var(--color-text); font-size: 12px; font-weight: var(--font-weight-semibold); letter-spacing: var(--font-tracking-wide); line-height: 24px; text-align: center; } @media (min-width: 768px) { .docs-markdown-content .md-heading-num { position: absolute; top: 50%; left: -32px; transform: translateY(-50%); } } @media (max-width: 767px) { .docs-markdown-content .md-heading-num { display: inline-block; margin-right: 10px; vertical-align: top; } .docs-markdown-content h2 .md-heading-num { margin-top: 6px; } } .docs-markdown-content ol > li::after { position: absolute; top: 0px; left: 0px; content: counter(ordered-listitem); counter-increment: ordered-listitem 1; } .docs-markdown-content li > p { margin: 0px; } .docs-markdown-content li > p + p { margin-top: 15px; } .docs-markdown-content hr { width: 100%; height: 0px; border: none; margin-bottom: 40px; } .docs-markdown-content blockquote { padding: 8px 16px; border: 1px solid var(--color-border-primary-surface); border-radius: 8px; margin: 0px 0px 15px; background: var(--code-snippet-bg); color: var(--color-text); } .docs-markdown-content blockquote p:last-child { margin: 0px; } .docs-markdown-content.markdown-prompt-blockquote blockquote { padding: 12px 16px; border: 1px solid var(--color-border-primary-surface); border-radius: 8px; margin: 0px 0px 16px; background: var(--code-snippet-bg); color: var(--color-text); font-family: var(--monospace); font-size: 14px; line-height: 24px; white-space: pre-wrap; } .docs-markdown-content.markdown-prompt-blockquote blockquote a, .docs-markdown-content.markdown-prompt-blockquote blockquote a:visited { color: var(--gray-800); } .docs-markdown-content.markdown-prompt-blockquote blockquote strong { background-color: var(--pill-success-bg); font-weight: 400; } .docs-markdown-content.markdown-prompt-blockquote blockquote p { margin: 0px; } .docs-markdown-content p a, .docs-markdown-content li a { text-decoration: none; } .docs-markdown-content table:not(.ignore-md-styles) { width: 100%; margin: 20px 0px 15px; border-collapse: collapse; } .docs-markdown-content table:not(.ignore-md-styles) th:first-child, .docs-markdown-content table:not(.ignore-md-styles) td:first-child { padding-left: 0px; } .docs-markdown-content table:not(.ignore-md-styles) th:last-child, .docs-markdown-content table:not(.ignore-md-styles) td:last-child { padding-right: 0px; } .docs-markdown-content table:not(.ignore-md-styles) th { padding: 0px 8px 8px; border: none; color: var(--gray-900); font-size: 11px; font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-small-caps); line-height: 16px; text-align: left; text-transform: uppercase; vertical-align: bottom; } .docs-markdown-content table:not(.ignore-md-styles) td { padding: 8px; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid var(--color-background-primary-soft); font-size: 14px; line-height: 20px; vertical-align: top; } .docs-markdown-content table:not(.ignore-md-styles) td code { font-size: 13px; } .docs-markdown-content img { max-width: 100%; } .docs-markdown-content picture img { height: auto; } .docs-markdown-content .row-description { margin-top: 4px; color: var(--color-text-secondary); font-family: var(--sans-serif); font-size: 13px; line-height: 1.4; white-space: normal; } .docs-markdown-content .row-description code { letter-spacing: var(--font-tracking-wide); font-size: 12px !important; } } @layer base { .anchor-heading-wrapper { margin-top: var(--heading-margin-top); margin-bottom: var(--heading-margin-bottom); } .anchor-heading-wrapper:first-child { margin-top: 0px; } .anchor-heading { position: relative; display: inline-block; padding: 0px 24px 0px 0px; margin: 0px; cursor: pointer; scroll-margin-top: 30px; } .anchor-heading-icon { position: absolute; top: 25%; right: 0px; margin-top: -6px; color: var(--primary); opacity: 0; transition: opacity 0.15s ease 0s; } .anchor-heading:hover .anchor-heading-icon { opacity: 1; } } /* ===== inline (2 rules) ===== */ .css-q37atg { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; height: 100%; gap: 20px; } .css-29hfc5 { font-size: 16px; color: var(--color-text-tertiary); } /* ===== BFAHiAAQYG.css (1 rules) ===== */ @layer components { .cTBD- { padding: 0px 12px 8px; margin: 0px; color: var(--color-text-tertiary); font-size: 13px; font-weight: var(--font-weight-medium); line-height: 14px; transition: opacity var(--collapse-transition-duration) var(--cubic-move); } [data-sidebar="collapsed"] .cTBD- { opacity: 0; } } /* ===== CVk4igJb1S.css (1 rules) ===== */ @layer components { @keyframes b3kcy { 100% { transform: translate(100%); } } .R2vob { display: inline-flex; align-items: center; line-height: 0; } .RVh6Y { position: relative; overflow: hidden; flex: 1 0 0%; height: 1em; border-radius: var(--radius-md); background-color: color-mix(in srgb,transparent,var(--color-text) 7%); } .RVh6Y::after { position: absolute; inset: 0px; animation: 1.2s linear 0s infinite normal none running b3kcy; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); content: ""; transform: translate(-100%); } :where([data-theme="dark"]) .RVh6Y { background-color: color-mix(in srgb,transparent,var(--color-text) 7%); } :where([data-theme="dark"]) .RVh6Y::after { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.024) 45%, rgba(255, 255, 255, 0.024) 55%, rgba(255, 255, 255, 0)); } } /* ===== Zs7mMObAfA.css (1 rules) ===== */ @layer components { .sbb5I { position: relative; display: block; flex-shrink: 0; transition-property: height, width; } .sbb5I[data-clip="true"] { overflow: hidden; } .sbb5I[data-direction="in"] { transition-delay: var(--tg-layout-enter-delay); transition-duration: var(--tg-layout-enter-duration); transition-timing-function: var(--tg-layout-enter-timing-function); } .sbb5I[data-direction="out"] { transition-delay: var(--tg-layout-exit-delay); transition-duration: var(--tg-layout-exit-duration); transition-timing-function: var(--tg-layout-exit-timing-function); } .sbb5I[data-direction="move"] { transition-delay: var(--tg-layout-move-delay); transition-duration: var(--tg-layout-move-duration); transition-timing-function: var(--tg-layout-move-timing-function); } .sbb5I[data-interrupted="true"] { transition-delay: 0ms; } .c79Vh { flex-shrink: 0; will-change: var(--tg-will-change, auto); } .c79Vh[data-entering], .c79Vh[data-exiting] { position: absolute; top: 0px; left: 0px; width: 100%; } .sbb5I[data-dimension="width"] > .c79Vh[data-entering], .sbb5I[data-dimension="width"] > .c79Vh[data-exiting] { width: auto; } .sbb5I[data-item-anchor="end"] > .c79Vh[data-entering], .sbb5I[data-item-anchor="end"] > .c79Vh[data-exiting] { top: initial; bottom: 0px; } .sbb5I[data-item-anchor="end"][data-dimension="width"] > .c79Vh[data-entering], .sbb5I[data-item-anchor="end"][data-dimension="width"] > .c79Vh[data-exiting] { right: 0px; left: initial; } .c79Vh[data-entering] { filter: var(--tg-initial-filter); opacity: var(--tg-initial-opacity); transform: var(--tg-initial-transform); } .c79Vh[data-exiting] { filter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); } .c79Vh[data-entering-active], .c79Vh[data-entering][data-interrupted] { filter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); transition: opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay),transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay),filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay); } .c79Vh[data-exiting-active], .c79Vh[data-exiting][data-interrupted] { filter: var(--tg-exit-filter); opacity: var(--tg-exit-opacity); transform: var(--tg-exit-transform); transition: opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay),transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay),filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay); } } /* ===== DtFQgIQBVB.css (3 rules) ===== */ @layer base { .api-keys-container { width: 100%; min-width: 0px; overflow-x: auto; } .api-keys-filter-bar { align-items: center; gap: calc(var(--spacing) * 2); flex-wrap: wrap; width: 100%; min-width: 0px; display: flex; } .api-keys-global-search { flex: 1 1 calc(var(--spacing) * 57.5); max-width: 100%; } .api-keys-filter-chips { align-items: center; gap: calc(var(--spacing) * 2); flex-wrap: wrap; flex: 999 1 auto; min-width: 0px; display: flex; } .api-keys-filter-chip, .api-keys-add-filter-button { flex: 0 0 auto; } .api-keys-filter-result-count { height: calc(var(--spacing) * 8); color: var(--color-text-secondary); font-size: calc(var(--spacing) * 3.5); line-height: calc(var(--spacing) * 5); align-items: center; display: flex; } .tbl.api-keys-table { border-collapse: collapse; opacity: 1; table-layout: fixed; width: 100%; max-width: 100%; font-size: 14px; transition: opacity 0.3s ease 0s; } .tbl.api-keys-table.loading { opacity: 0.5; pointer-events: none; } .tbl.api-keys-table thead { top: calc(var(--spacing) * 16); z-index: 1; background-color: var(--color-surface-secondary); position: sticky; } .tbl.api-keys-table th { background-color: var(--color-surface-secondary); height: calc(var(--spacing) * 7.5); padding: calc(var(--spacing) * 1)calc(var(--spacing) * 1.5); color: var(--color-text); font-size: calc(var(--spacing) * 3); letter-spacing: 0px; font-weight: 400; line-height: calc(var(--spacing) * 5.5); text-overflow: ellipsis; text-transform: none; white-space: nowrap; overflow: hidden; } .tbl.api-keys-table td { height: calc(var(--spacing) * 11.25); padding: 0 calc(var(--spacing) * 1.5); color: var(--color-text-secondary); line-height: calc(var(--spacing) * 11.25); vertical-align: middle; white-space: nowrap; border-top-color: var(--color-background-primary-soft) !important; } .tbl.api-keys-table th.api-key-name, .tbl.api-keys-table td.api-key-name { width: 19%; } .tbl.api-keys-table th.api-key-status, .tbl.api-keys-table td.api-key-status { width: 7%; } .tbl.api-keys-table th.api-key-tracking-id, .tbl.api-keys-table td.api-key-tracking-id { text-overflow: ellipsis; width: 13%; overflow: hidden; } .tbl.api-keys-table th.api-key-token, .tbl.api-keys-table td.api-key-token { text-overflow: ellipsis; width: 10%; overflow: hidden; } .tbl.api-keys-table th.api-key-created, .tbl.api-keys-table td.api-key-created { width: 9%; } .tbl.api-keys-table th.api-key-last-use, .tbl.api-keys-table td.api-key-last-use { width: 11%; } .tbl.api-keys-table th.api-key-tracking, .tbl.api-keys-table td.api-key-tracking { width: 12%; } .tbl.api-keys-table th.api-key-access, .tbl.api-keys-table td.api-key-access { width: 14%; } .tbl.api-keys-table th.api-key-created-by, .tbl.api-keys-table td.api-key-created-by { width: 15%; } .tbl.api-keys-table .api-key-last-use { display: none; } @media (min-width: 64rem) { .tbl.api-keys-table .api-key-last-use { display: table-cell; } } .tbl.api-keys-table .api-key-created { display: none; } @media (min-width: 80rem) { .tbl.api-keys-table .api-key-created { display: table-cell; } } .tbl.api-keys-table .api-key-created-by { display: none; } @media (min-width: 48rem) { .tbl.api-keys-table .api-key-created-by { display: table-cell; } } .tbl.api-keys-table th.api-key-restricted-badge, .tbl.api-keys-table td.api-key-restricted-badge { width: 8%; } .tbl.api-keys-table th.api-key-actions, .tbl.api-keys-table td.api-key-actions { width: calc(var(--spacing) * 24); line-height: 1; } .tbl.api-keys-table[data-key-type="org"] th.api-key-name, .tbl.api-keys-table[data-key-type="org"] td.api-key-name { width: 17%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-status, .tbl.api-keys-table[data-key-type="org"] td.api-key-status { width: 7%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-tracking-id, .tbl.api-keys-table[data-key-type="org"] td.api-key-tracking-id { width: 12%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-created, .tbl.api-keys-table[data-key-type="org"] td.api-key-created { width: 8%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-token, .tbl.api-keys-table[data-key-type="org"] td.api-key-token { width: 9%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-last-use, .tbl.api-keys-table[data-key-type="org"] td.api-key-last-use { width: 10%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-access, .tbl.api-keys-table[data-key-type="org"] td.api-key-access { width: 11%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-created-by, .tbl.api-keys-table[data-key-type="org"] td.api-key-created-by { width: 12%; } .tbl.api-keys-table[data-key-type="org"] th.api-key-restricted-badge, .tbl.api-keys-table[data-key-type="org"] td.api-key-restricted-badge { width: 6%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-name, .tbl.api-keys-table[data-key-type="user"] td.api-key-name { width: 21%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-status, .tbl.api-keys-table[data-key-type="user"] td.api-key-status { width: 8%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-tracking-id, .tbl.api-keys-table[data-key-type="user"] td.api-key-tracking-id { width: 14%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-token, .tbl.api-keys-table[data-key-type="user"] td.api-key-token { width: 10%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-tracking, .tbl.api-keys-table[data-key-type="user"] td.api-key-tracking { width: 11%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-created, .tbl.api-keys-table[data-key-type="user"] td.api-key-created { width: 10%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-last-use, .tbl.api-keys-table[data-key-type="user"] td.api-key-last-use { width: 11%; } .tbl.api-keys-table[data-key-type="user"] th.api-key-restricted-badge, .tbl.api-keys-table[data-key-type="user"] td.api-key-restricted-badge { width: 7%; } .tbl.api-keys-table th:first-child, .tbl.api-keys-table td:first-child { padding-left: calc(var(--spacing) * 5); } .tbl.api-keys-table th:last-child, .tbl.api-keys-table td:last-child { padding-right: calc(var(--spacing) * 5); } .api-key-access, .api-key-created-by { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .api-key-row { transition: background-color .15s var(--cubic-enter); background-color: rgba(0, 0, 0, 0); } .api-key-row:not(:has(button:hover)):hover, :where([data-theme="light"]) .api-key-row:not(:has(button:hover)):hover { background-color: var(--gray-50); } :where([data-theme="dark"]) .api-key-row:not(:has(button:hover)):hover { background-color: var(--gray-75); } .api-key-row:not(:has(button:hover)):active, :where([data-theme="light"]) .api-key-row:not(:has(button:hover)):active { background-color: var(--gray-75); } :where([data-theme="dark"]) .api-key-row:not(:has(button:hover)):active { background-color: var(--gray-150); } .api-key-name { color: var(--color-text); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .api-key-tooltip { color: var(--color-text-secondary); display: inline-block; transform: translateY(1px); } .api-key-token-value-wrapper { flex-wrap: wrap; align-items: center; min-width: 0px; line-height: 1; display: flex; } .api-key-token-value { max-width: 100%; margin-right: calc(var(--spacing) * 2.5); font-family: var(--monospace); text-overflow: ellipsis; white-space: nowrap; flex: 0 0 auto; font-size: 13px; overflow: hidden; } .api-key-tracking-id-value { min-width: 0px; max-width: 100%; font-family: var(--monospace); text-overflow: ellipsis; white-space: nowrap; font-size: 13px; overflow: hidden; } .api-key-blur { filter: blur(5px); transition: opacity 0.3s ease 0s, filter 0.3s ease 0s; } .api-key-actions button { margin-left: 0px !important; } .api-key-revoking { border: 1px solid var(--gray-200); width: 100%; font-family: var(--monospace); border-radius: 8px; margin: 0px; padding: 8px 1em; display: inline-block; } .notice-cta { justify-content: space-between; align-items: center; width: 100%; display: flex; } .notice-cta .notice-icon { align-items: center; display: flex; } .api-key-dialog-row-border { border-top: 1px solid var(--color-background-primary-soft); padding-top: 8px; padding-bottom: 16px; } .api-key-scope-group-row { justify-content: space-between; display: flex; } .api-key-endpoint-name { color: var(--gray-600); font-family: var(--monospace); flex: 0 0 auto; font-size: 13px; } .api-key-scope-group-description { color: var(--gray-600); flex: 1 1 auto; font-size: 14px; font-weight: 400; } .api-key-scope-group { flex-direction: row; display: flex; } .api-key-permissions { flex-direction: column; align-items: flex-start; margin-top: 20px; display: flex; } .api-key-scope-group-button { text-transform: capitalize; } .api-keys-scopes-title-text { height: 32px; color: var(--color-text); font-size: 12px; font-weight: var(--font-weight-semibold); letter-spacing: var(--font-tracking-wide); flex-direction: row; justify-content: space-between; align-items: center; display: flex; } .api-key-endpoints { margin-top: -8px; } .api-key-entity-select { margin-top: 20px; } .api-key-owner-radio-button { margin-bottom: 4px; display: flex; } } [data-scopes-override] .api-keys-scopes-title-text { justify-content: space-between; align-items: center; gap: 0.5rem; width: 100%; display: flex; } [data-scopes-override] .api-keys-scopes-title-text span { white-space: nowrap; } /* ===== C4girk8xY4.css (1 rules) ===== */ @layer base { .text-input { box-sizing: border-box; border: 1px solid var(--color-border-primary-outline); width: 200px; color: var(--color-text); font-family: var(--sans-serif); font-weight: var(--font-weight-normal); vertical-align: top; background-color: rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 8px; margin: 0px; line-height: 1.4; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; display: inline-block; } .text-input::placeholder { color: var(--color-text-disabled); } .text-input.text-input-error { border-color: var(--red-500); } @media (hover: hover) { .text-input:hover { border-color: var(--color-border-primary-outline-hover); } } .text-input:focus { border-color: var(--alpha-35); box-shadow: 0 0 0 1px var(--alpha-35); outline: 0px; } .text-input:focus-visible { box-shadow: 0 0 0 1px var(--alpha-35); } .text-input-sm { padding: 6px 12px; font-size: 14px; line-height: 18px; } .text-input-md { padding: 5px 10px; font-size: 16px; line-height: 24px; } .text-input-lg { padding: 10px 14px; font-size: 16px; line-height: 24px; } .text-input[disabled], .text-input[disabled]::placeholder { color: var(--color-text-disabled); } .text-input-full { width: 100%; display: block; } .text-input-with-custom-placeholder { position: relative; } .text-input-with-custom-placeholder .text-input-custom-placeholder { color: var(--color-text-disabled); pointer-events: none; position: absolute; top: 0px; left: 0px; } .text-input-with-header.disabled .text-input-header-wrapper, .text-input-with-header.disabled .text-input { background-color: var(--color-background-primary-soft); } .text-input-with-header .subheading { padding: 22px 16px 12px; position: absolute; } .text-input-with-header .text-input-header-wrapper { width: 100%; padding-top: 50px; } .text-input-with-header .text-input-header-wrapper::placeholder { color: var(--color-text-disabled); } .text-input-with-header .text-input-header-wrapper .text-input-header-buffer { border: none; width: 100%; height: 100%; padding: 0px 14px 10px; overflow: auto; } .text-input-adorned { border: 1px solid var(--color-border-primary-outline); border-radius: 8px; align-items: stretch; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; display: flex; } .text-input-adorned:focus-within { border-color: var(--alpha-50); box-shadow: 0 0 0 1px var(--alpha-50); } .text-input-adorned .text-input-adornment { color: var(--gray-700); background: 0px 0px; flex: 0 0 auto; align-items: center; padding-left: 8px; padding-right: 4px; line-height: 1; display: flex; } .text-input-adorned .text-input-left-adornment { border-right: none; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .text-input-adorned .text-input { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentcolor; border-left-style: none; border-left-width: medium; padding-left: 0px; } .text-input-adorned .text-input:focus { box-shadow: none; outline: 0px; } .text-input-adorned .text-input:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-left: 4px; } } /* ===== Npe2ScGbvj.css (1 rules) ===== */ @layer components { .gER6c { position: relative; display: flex; } .gER6c[data-has-label] { align-items: flex-start; } .gER6c[data-orientation="right"] { flex-direction: row-reverse; } .gER6c > input { right: 0px; bottom: 0px; left: 0px; height: 1px !important; transform: none !important; } ._4-y7O { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; max-width: 18px; height: 18px; padding: 0px; border-radius: var(--radius-xs); background-color: transparent; cursor: pointer; transition: border-color 0.15s ease 0s, background-color 0.15s ease 0s; } ._4-y7O, :where([data-theme="light"]) ._4-y7O { border: 1px solid var(--gray-200); } :where([data-theme="dark"]) ._4-y7O { border: 1px solid var(--gray-500); } [data-has-label] ._4-y7O { top: 1px; } @media (hover: hover) and (pointer: fine) { ._4-y7O:where(:not([data-disabled], [data-state="checked"])):hover, :where([data-theme="light"]) ._4-y7O:where(:not([data-disabled], [data-state="checked"])):hover { border-color: var(--gray-300); } :where([data-theme="dark"]) ._4-y7O:where(:not([data-disabled], [data-state="checked"])):hover { border-color: var(--gray-600); } } ._4-y7O[data-state="indeterminate"], ._4-y7O[data-state="checked"] { border-color: var(--gray-900); background-color: var(--gray-900); } ._4-y7O:focus { outline: none; } ._4-y7O:focus-visible { outline: 2px solid var(--color-ring); outline-offset: 2px; } ._4-y7O[data-disabled] { cursor: not-allowed; } ._4-y7O[data-disabled], :where([data-theme="light"]) ._4-y7O[data-disabled] { border-color: var(--gray-150); background: var(--gray-25); } :where([data-theme="dark"]) ._4-y7O[data-disabled] { border-color: var(--gray-300); background: var(--gray-200); } ._4-y7O[data-disabled][data-state="checked"], :where([data-theme="light"]) ._4-y7O[data-disabled][data-state="checked"] { border-color: var(--gray-300); background-color: var(--gray-300); } :where([data-theme="dark"]) ._4-y7O[data-disabled][data-state="checked"] { border-color: var(--gray-200); background-color: var(--gray-200); } ._56EI2 { position: absolute; top: 0px; left: 0px; width: 64%; height: 32%; transform: rotate(-45deg) translate(-10%, 100%); transform-origin: center center; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; } [data-state="indeterminate"] ._56EI2 { transform: translate(30%, 80%); } [data-state="indeterminate"] ._56EI2::before { opacity: 0; } ._56EI2::before, ._56EI2::after { position: absolute; display: block; background: var(--gray-0); content: ""; will-change: transform; } :where([data-theme="dark"]) ._56EI2[data-disabled]::before, :where([data-theme="dark"]) ._56EI2[data-disabled]::after { background: var(--gray-100); } ._56EI2::before { top: 0px; bottom: 0px; left: 0px; width: 2px; transform-origin: 0px 0px; transition: transform 0.1s ease 80ms, opacity 0.2s ease 0s; } ._56EI2 [data-state="indeterminate"]::before { opacity: 0; } ._56EI2::after { right: 0px; bottom: 0px; left: 0px; height: 2px; transform-origin: 0px 100%; transition: transform 0.1s ease 0.16s; } .CXuOE { display: flex; align-items: center; min-height: 20px; cursor: pointer; font-size: 14px; line-height: 20px; } [data-disabled] .CXuOE { cursor: not-allowed; } [data-orientation="left"] .CXuOE { padding-left: 8px; } [data-orientation="right"] .CXuOE { padding-right: 8px; } } /* ===== CYG0jm8aKN.css (4 rules) ===== */ @layer base { .billing-pm-select-option { display: flex; align-items: center; padding: 2px 0px; line-height: 1; } .billing-pm-select-option img { width: auto; max-height: 20px; margin-top: -1px; margin-right: 8px; } .billing-pm-select-option-exp { margin: 4px 0px 0px; font-size: 12px; letter-spacing: var(--font-tracking-wide); opacity: 0.6; } .billing-pm-select-add { text-align: right; } .billing-pm-select-add-button { padding: 2px 6px; margin: 4px 0px 0px; font-size: 13px; } } @layer base { .billing-invoice-preview table { width: 100%; border-collapse: collapse; color: var(--gray-900); font-variant: tabular-nums; } .billing-invoice-preview th { padding-bottom: 8px; color: var(--color-text-tertiary); font-weight: 400; } .billing-invoice-preview th, .billing-invoice-preview td { text-align: left; } .billing-invoice-preview th:last-child, .billing-invoice-preview td:last-child { text-align: right; } .billing-invoice-preview tbody tr:first-child td { border-top: 1px solid var(--gray-200); } .billing-invoice-preview tbody td { padding: 8px 0px; border-bottom: 1px solid var(--gray-200); } .billing-invoice-preview-total { display: flex; align-items: center; justify-content: flex-end; margin-top: 8px; } .billing-invoice-preview-total-label { color: var(--color-text-tertiary); } .billing-invoice-preview-total-value { min-width: 55px; margin-left: 8px; font-variant: tabular-nums; text-align: right; } } @layer components { .nyXzC { display: flex; flex-direction: row; justify-content: space-between; padding: 9px 0px; line-height: 1; } .nyXzC:first-child { padding-top: 0px; } .nyXzC:not(:last-child) { border-bottom: 1px solid var(--gray-200); } } @layer base { .form-field { transition: opacity 0.3s ease 0s; } .form-field-disabled { opacity: 0.6; } } /* ===== C37WZsLmF3.css (1 rules) ===== */ @layer components { ._97U3X { position: relative; flex-shrink: 0; } ._97U3X[data-entering-active], ._97U3X[data-entering][data-interrupted] { transition: height var(--tg-layout-enter-duration) var(--tg-layout-enter-timing-function) var(--tg-layout-enter-delay),width var(--tg-layout-enter-duration) var(--tg-layout-enter-timing-function) var(--tg-layout-enter-delay); } ._97U3X[data-exiting-active], ._97U3X[data-exiting][data-interrupted] { transition: height var(--tg-layout-exit-duration) var(--tg-layout-exit-timing-function) var(--tg-layout-exit-delay),width var(--tg-layout-exit-duration) var(--tg-layout-exit-timing-function) var(--tg-layout-exit-delay); } .kAjHa { display: block; will-change: var(--tg-will-change); } ._97U3X[data-entering] > .kAjHa { filter: var(--tg-initial-filter); opacity: var(--tg-initial-opacity); transform: var(--tg-initial-transform); } ._97U3X[data-exiting] > .kAjHa { filter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); } ._97U3X[data-entering] > .kAjHa[data-dimension="width"] { position: absolute; top: 0px; left: 0px; } ._97U3X[data-entering-active] > .kAjHa, ._97U3X[data-entering][data-interrupted] > .kAjHa { filter: var(--tg-enter-filter); opacity: var(--tg-enter-opacity); transform: var(--tg-enter-transform); transition: opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay),transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay),filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay); } ._97U3X[data-exiting-active] > .kAjHa, ._97U3X[data-exiting][data-interrupted] > .kAjHa { filter: var(--tg-exit-filter); opacity: var(--tg-exit-opacity, 0); transform: var(--tg-exit-transform); transition: opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay),transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay),filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay); } } /* ===== DLUWvkMUbL.css (1 rules) ===== */ @layer components { .R-WRg { --tag-input-padding-inline-start: var(--tag-input-tag-spacing); --tag-input-padding-inline-end: var(--tag-input-tag-spacing); position: relative; overflow: hidden; min-height: calc((var(--min-rows) * var(--tag-input-height)) + ((var(--min-rows) + 1) * var(--tag-input-tag-spacing))); padding: var(--tag-input-tag-spacing) var(--tag-input-padding-inline-end) var(--tag-input-tag-spacing) var(--tag-input-padding-inline-start); border-radius: var(--radius-md); box-shadow: 0 0 0 1px var(--input-outline-border-color) inset; cursor: text; outline: 0px; transition: box-shadow 0.15s ease 0s; } .R-WRg[data-disabled] { pointer-events: none; } @media (hover: hover) and (pointer: fine) { .R-WRg:not([data-disabled]):hover, :where([data-theme="light"]) .R-WRg:not([data-disabled]):hover { box-shadow: 0 0 0 1px var(--gray-300) inset; } :where([data-theme="dark"]) .R-WRg:not([data-disabled]):hover { box-shadow: 0 0 0 1px var(--gray-500) inset; } } .R-WRg:not([data-disabled])[data-focused] { box-shadow: 0 0 0 1px var(--input-outline-border-color-focus) inset; } .R-WRg[data-empty]:not([data-has-start-adornment]) { --tag-input-padding-inline-start: 12px; } .R-WRg[data-empty]:not([data-has-end-adornment]) { --tag-input-padding-inline-end: 12px; } .R-WRg:where([data-size="md"]) { --tag-input-font-size: var(--control-font-size-md); --tag-input-height: 20px; --tag-input-tag-spacing: 6px; } .R-WRg:where([data-size="lg"]) { --tag-input-font-size: var(--control-font-size-md); --tag-input-height: 24px; --tag-input-tag-spacing: 6px; } .R-WRg:where([data-size="xl"]) { --tag-input-font-size: var(--control-font-size-lg); --tag-input-height: 24px; --tag-input-tag-spacing: 8px; } .R-WRg:where([data-size="2xl"]) { --tag-input-font-size: var(--control-font-size-lg); --tag-input-height: 28px; --tag-input-tag-spacing: 8px; } .R-WRg:where([data-size="3xl"]) { --tag-input-font-size: var(--control-font-size-lg); --tag-input-height: 32px; --tag-input-tag-spacing: 8px; } .VFVwi { display: flow-root; margin-bottom: calc(var(--tag-input-tag-spacing) * -1); font-size: 0px; line-height: 0; } .LQdJi, ._01gjA { display: inline-flex; align-items: center; justify-content: center; min-width: var(--tag-input-height); max-width: calc(100% - var(--tag-input-tag-spacing)); height: var(--tag-input-height); color: var(--color-text-tertiary); font-size: var(--tag-input-font-size); line-height: 1; } .LQdJi > *, ._01gjA > * { max-width: 100%; } .LQdJi { margin-right: var(--tag-input-tag-spacing); margin-bottom: var(--tag-input-tag-spacing); vertical-align: top; } ._01gjA { margin-bottom: var(--tag-input-tag-spacing); margin-left: var(--tag-input-tag-spacing); float: right; } ._6ujMH { overflow: hidden; display: inline-flex; align-items: center; max-width: 100%; height: var(--tag-input-height); padding: 4px 4px 4px 8px; border-radius: var(--radius-md); margin-right: var(--tag-input-tag-spacing); margin-bottom: var(--tag-input-tag-spacing); cursor: pointer; line-height: 1.4; outline: none; transition: background-color 0.15s ease 0s; } ._6ujMH, :where([data-theme="light"]) ._6ujMH { background-color: var(--color-background-secondary-soft); color: var(--color-text-secondary-soft); } :where([data-theme="dark"]) ._6ujMH { background-color: var(--color-background-secondary-solid); color: var(--color-text-secondary-solid); } @media (hover: hover) and (pointer: fine) { ._6ujMH:hover, :where([data-theme="light"]) ._6ujMH:hover { background-color: var(--color-background-secondary-soft-hover); } :where([data-theme="dark"]) ._6ujMH:hover { background-color: var(--color-background-secondary-solid-hover); } } ._6ujMH:focus, :where([data-theme="light"]) ._6ujMH:focus { background-color: var(--color-background-secondary-soft-hover); } :where([data-theme="dark"]) ._6ujMH:focus { background-color: var(--color-background-secondary-solid-hover); } .R-WRg[data-disabled] ._6ujMH { color: var(--color-text-tertiary); } ._6ujMH[data-invalid] { background-color: var(--color-background-danger-soft); color: var(--color-text-danger-soft); } @media (hover: hover) and (pointer: fine) { ._6ujMH[data-invalid]:hover { background-color: var(--color-background-danger-soft-hover); } } ._6ujMH[data-invalid]:focus { background-color: var(--color-background-danger-soft-hover); } ._6ujMH[data-duplicate] { animation: 0.5s ease 0s 1 normal none running _3cAY0; } ._6ujMH .y6TZo { position: relative; display: flex; align-items: center; margin-left: 4px; color: inherit; opacity: 0.7; transition: opacity 0.15s ease 0s; } @media (hover: hover) and (pointer: fine) { ._6ujMH .y6TZo:hover { opacity: 1; } } .pLg40 { overflow: hidden; display: flex; align-items: center; min-width: 0px; max-width: 100%; line-height: 1; white-space: nowrap; } .B9Y9B { overflow: hidden; display: block; min-width: 0px; max-width: 100%; font-size: var(--tag-input-font-size); line-height: normal; text-overflow: ellipsis; white-space: nowrap; } .B9Y9B > * { vertical-align: top; } .W5rbb { display: inline-flex; align-items: center; max-width: 100%; margin-bottom: var(--tag-input-tag-spacing); vertical-align: top; } .L9SlY { overflow: hidden; width: 100%; } .TGyv4 { position: absolute; font-size: var(--tag-input-font-size); visibility: hidden; white-space: nowrap; } .e7b57 { display: block; min-width: 20px; height: var(--tag-input-height); padding: 0px; border: 0px; border-radius: 0px; background: none; box-shadow: none; color: var(--color-text); font-size: var(--tag-input-font-size); line-height: 1.4; white-space: nowrap; } .e7b57:focus { outline: 0px; } .e7b57::placeholder { color: var(--color-text-tertiary); } .e7b57:disabled { color: var(--color-text-tertiary); } .e7b57:-webkit-autofill, .e7b57:-webkit-autofill:focus, .e7b57:-webkit-autofill:hover { color: var(--color-text) !important; -webkit-text-fill-color: var(--color-text) !important; transition: background-color 0s ease 50000s, box-shadow 0s ease 50000s, filter 0s ease 50000s !important; } ._7v9RT { width: 100%; margin-top: 2px; color: var(--color-text); font-size: var(--font-text-xs-size); font-variant-numeric: tabular-nums; text-align: right; } @keyframes _3cAY0 { 0% { transform: translate(0px); } 20%, 60% { transform: translate(-5px); } 40%, 80% { transform: translate(5px); } 100% { transform: translate(0px); } } } /* ===== CESpsD6hvH.css (2 rules) ===== */ @layer components { .xT1E2 { overflow: hidden; border: 1px solid var(--color-background-primary-soft); border-radius: 12px; background: var(--color-background-primary); font-size: 14px; } .wecDE { position: relative; overflow: hidden; width: 100%; height: 16px; border-radius: var(--radius-xs); background-color: var(--color-background-primary-soft); } .s0GWT { height: 16px; border-radius: var(--radius-xs); background-color: var(--green-500); } .s0GWT[data-has-alert] { background-color: var(--gold-500); } .eEPPh { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--radius-md); background-color: var(--color-background-primary-soft); } .eEPPh[data-alerted] { background-color: var(--gold-500); color: var(--white); } .RrMv1 { display: flex; align-items: center; gap: calc(var(--spacing) * 1); padding: calc(var(--spacing) * 3) calc(var(--spacing) * 5); } .c2RGr:not(:first-child) .RrMv1::after { position: absolute; top: 0px; right: calc(var(--spacing) * 8); left: calc(var(--spacing) * 14); height: 1px; background-color: var(--color-background-primary-soft); content: ""; } .Oik6P, ._04rnF { padding-top: calc(var(--spacing) * 2); } .Oik6P { border-top: 1px solid var(--color-background-primary-soft); } .A3aiF { position: absolute; top: 3px; left: 50%; width: 2px; height: 10px; border-radius: 2px; background-color: var(--gray-900); transform: translate(-50%); } .A3aiF[data-alerted="true"] { background-color: var(--white); } .xT1E2[data-legacy] { overflow: visible; border-radius: var(--radius-md); background: transparent; } .Iy-DD { display: flex; flex-direction: column; gap: calc(var(--spacing) * 4.5); padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6) calc(var(--spacing) * 4.5); } .Iy-DD[data-has-billing-controls] { padding-bottom: 0px; } .ct-7t { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 6); width: 100%; } .rTZh9 { color: var(--color-text-primary); font-size: 20px; font-weight: 510; letter-spacing: -0.31px; line-height: 21px; } .z-wut { display: flex; align-items: flex-end; justify-content: space-between; gap: calc(var(--spacing) * 6); width: 100%; } .AKDe9, .-dWeP { min-height: 48px; color: var(--color-text-primary); font-size: 48px; font-weight: 500; letter-spacing: -0.96px; line-height: 1; } .-dWeP { margin-left: auto; text-align: right; } .WLQ3t { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); } .WLQ3t .wecDE { height: 6px; border-radius: 9999px; } .WLQ3t .s0GWT { height: 100%; border-radius: inherit; } .WLQ3t .A3aiF { top: 0px; height: 6px; } .lyJhA { color: var(--color-text-secondary); font-size: 12px; line-height: 18px; } .KnTeg { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 4) 0; color: var(--color-text-primary); font-size: 16px; letter-spacing: -0.16px; line-height: 24px; } .iZuJT { display: flex; align-items: center; gap: calc(var(--spacing) * 2); width: fit-content; } .LbyU5 { display: flex; align-items: center; justify-content: center; padding: 0px; border: 0px; margin: 0px; background: transparent; color: var(--color-text-secondary); cursor: help; } .fXrg5 { width: 16px; height: 16px; } @media (max-width: 600px) { .Iy-DD { padding-right: calc(var(--spacing) * 5); padding-left: calc(var(--spacing) * 5); } .z-wut { gap: calc(var(--spacing) * 3); } .AKDe9, .-dWeP { min-height: 24px; font-size: 24px; letter-spacing: -0.48px; } } } @layer components { .Bu8BO { overflow: hidden; display: flex; flex-direction: column; gap: 0px; padding: calc(var(--spacing) * 6); border: 1px solid var(--color-background-primary-soft); border-radius: 12px; background: var(--color-background-primary); } ._9YWA4 { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 6); padding: 0 0 calc(var(--spacing) * 6); } .tzO6B { color: var(--color-text-primary); font-size: 20px; font-weight: 510; letter-spacing: -0.31px; line-height: 21px; } .egfUp { width: 100%; } .mnzh1 { display: flex; align-items: center; padding: calc(var(--spacing) * 4) 0; border-top: 1px solid var(--color-background-primary-soft); } .egfUp:not([data-has-card-header]) .mnzh1:first-child { padding-top: 0px; border-top: 0px; } .mnzh1:last-child { padding-bottom: 0px; } .NhWcu { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; border: 1px solid var(--color-background-primary-soft); border-radius: 8px; background-color: var(--color-background-primary-soft); color: var(--color-text-secondary); } .NhWcu[data-alerted] { background-color: var(--gold-500); color: var(--white); } .NhWcu svg { width: 16px; height: 16px; } .nQ-yX { flex: 1 1 0px; min-width: 0px; padding-left: calc(var(--spacing) * 3); } .qdpwj { overflow: hidden; display: block; color: var(--color-text-primary); font-size: 16px; font-weight: 400; letter-spacing: -0.16px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; } .g3HP3 { overflow: hidden; padding-top: 2px; color: var(--color-text-secondary); font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; } .swbGZ { display: flex; align-items: center; gap: calc(var(--spacing) * 4); flex-shrink: 0; } .hfgQ5 { border-radius: 8px; } .hQwpT { display: grid; gap: calc(var(--spacing) * 3); padding-top: calc(var(--spacing) * 3); grid-template-columns: minmax(0px, 1fr); } .XQsma { display: block; padding: calc(var(--spacing) * 2) 0; font-weight: 600; } .sH-uc { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 190px; padding: calc(var(--spacing) * 8) 0 calc(var(--spacing) * 2); text-align: center; } .sH-uc[data-has-card-header] { border-top: 1px solid var(--color-background-primary-soft); } .DNcy5 { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; margin-bottom: calc(var(--spacing) * 5); background: var(--color-background-primary-soft); color: var(--color-text-primary); } .DNcy5 svg { width: 20px; height: 20px; } .pZcL- { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); max-width: 740px; margin-bottom: calc(var(--spacing) * 5); } ._8FyvG { color: var(--color-text-primary); font-size: 16px; font-weight: 600; letter-spacing: -0.01px; line-height: 24px; } .g10CS { color: var(--color-text-secondary); font-size: 14px; line-height: 20px; } @media (max-width: 768px) { .NhWcu { display: none; } .nQ-yX { padding-left: 0px; } } } /* ===== WQNnfiZ_M3.css (3 rules) ===== */ @layer components { .wfoF9 { width: 100%; } .wfoF9 .recharts-tooltip-wrapper { z-index: 1000; } .wfoF9 .recharts-tooltip-cursor { fill: var(--color-background-primary-soft); } } @layer components { ._7NS66 { padding: 0.5rem; border: 1px solid var(--color-background-primary-soft); border-radius: var(--radius-md); background: var(--color-surface-elevated); box-shadow: var(--shadow); } } @layer components { .hl4uZ { position: relative; display: flex; flex-direction: row; height: 16px; border-radius: 4px; margin: 8px 0px; background: var(--color-background-primary-soft); } .jlfQw { position: absolute; top: 0px; left: 0px; width: var(--current-spend-percentage, 0); height: 16px; border-radius: 4px; background: var(--green-500); } .jlfQw[data-alerted="true"] { background: var(--gold-500); } .GF9-k { position: absolute; top: 0px; left: var(--alert-percentage, 0); padding: 3px 8px; cursor: pointer; transform: translate(-50%); } .GF9-k .Blpfs { width: 2px; height: 10px; border-radius: 2px; background: var(--gray-900); } .GF9-k .Blpfs[data-alerted="true"] { background: var(--white); } } /* ===== B0zF2WdD6B.css (1 rules) ===== */ @layer components { ._38YGU { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; font-size: 14px; line-height: 1.2em; } ._6VQ2J { position: relative; display: flex; width: var(--filter-bar-width, 200px); } ._6VQ2J[data-full-width="true"] { width: 100%; } ._6VQ2J .text-input-adorned { width: 100%; padding-left: 0px; border-radius: 16px; } ._6VQ2J .text-input-adornment { padding-left: 10px; } ._6VQ2J .text-input-sm { padding-top: 2px; padding-bottom: 4px; } .Tk4Vl { width: 100%; padding-right: 24px; } .hvD-K { position: relative; overflow: visible; display: flex; align-items: center; gap: 6px; flex-shrink: 0; height: 28px; padding: 4px 8px; border: 1px solid transparent; border-radius: 1000px; color: var(--color-text-emphasis); cursor: pointer; font-size: 14px; font-weight: var(--font-weight-normal); transition: border-color 0.15s ease 0s, background-color 0.15s ease 0s; user-select: none; white-space: nowrap; } .hvD-K[data-filter-selected="false"] { border-color: var(--color-border-primary-outline); } .hvD-K[data-filter-selected="false"]:hover { border-color: var(--color-border-primary-outline-hover); } .hvD-K[data-filter-selected="true"] { background: var(--alpha-35); } .hvD-K[data-constrain-width="true"] { max-width: 300px; } .dcDls { justify-content: center; margin: -3px 0px -2px; color: var(--color-text-secondary); font-weight: var(--font-weight-semibold); } .esq8G { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; } [data-filter-selected="false"] .esq8G { display: none; } ._61ABR { margin-right: 4px; color: var(--input-placeholder-text-color); } [data-filter-selected="true"] ._61ABR { color: var(--color-text); } [data-filter-summary="false"][data-filter-selected="true"] ._61ABR { display: none; } .ZpLJg { display: flex; align-items: center; color: var(--color-text-secondary); } [data-filter-summary="true"]:hover .ZpLJg { color: var(--color-text-emphasis); } .ZpLJg svg { width: 16px; height: 16px; } .o1QLZ { display: flex; align-items: center; margin-left: 2px; color: var(--gray-800); cursor: pointer; opacity: 0.5; transition: opacity 0.15s ease 0s; } .o1QLZ svg { width: 16px; height: 16px; } .o1QLZ:hover { opacity: 1; } [data-filter-selected="false"] .o1QLZ { display: none; } .o1QLZ[data-text] { position: absolute; top: 0px; right: 8px; bottom: 0px; } .o1QLZ[data-text] svg { width: 16px; height: 16px; } .D526S { position: absolute; top: 100%; left: 0px; margin-top: 8px; } .q6aaC { display: flex; align-items: center; gap: calc(var(--spacing) * 1.5); width: 100%; padding: calc(var(--spacing) * 1.25); border-top: 1px solid var(--color-background-primary-soft); } .Sp50n { flex: 1 1 0%; font-weight: var(--font-weight-semibold); } .Uvt1R { width: calc(var(--spacing) * 72.5); } .RCgq2 { display: flex; flex-direction: column; font-size: calc(var(--spacing) * 3.5); } .xq6Qn { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4); } .dPIiw, .-zjwa { display: grid; grid-template-columns: minmax(0,1fr) calc(var(--spacing) * 2) minmax(0,1fr) calc(var(--spacing) * 5); column-gap: calc(var(--spacing) * 2); } .dPIiw { align-items: end; } .-zjwa { align-items: start; } .VOgqg { color: var(--color-text-emphasis); font-size: calc(var(--spacing) * 3.25); font-weight: var(--font-weight-semibold); line-height: calc(var(--spacing) * 5); } .dFa-W { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); } .SR86l { min-width: 0px; } .uHytP { margin-top: calc(var(--spacing) * 1); } .g6lkV { width: 100%; padding-top: 3px; padding-bottom: 5px; } .NDems { font-size: calc(var(--spacing) * 3.25); } .kl2PR { display: flex; align-items: center; justify-content: center; height: calc(var(--spacing) * 8); color: var(--color-text-secondary); line-height: 1; } .V2JLm { display: flex; align-items: center; justify-content: center; width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 8); padding: 0px; border: 0px; margin: 0px; appearance: auto; background: 0px center; color: var(--color-text); cursor: pointer; opacity: 0.6; transition: opacity 0.15s ease 0s; } .V2JLm:hover { opacity: 1; } .QX7VZ { margin-left: -2px; font-weight: var(--font-weight-normal); } } /* ===== cMiX0wh22a.css (3 rules) ===== */ @layer components { .DrUAv { overflow: auto; width: var(--popover-width, auto); min-width: var(--popover-min-width, 300px); max-width: min(var(--popover-max-width, 700px),var(--radix-popover-content-available-width)); max-height: var(--radix-popover-content-available-height); border-radius: var(--popover-radius); background: var(--color-surface-elevated); box-shadow: var(--shadow),var(--shadow-hairline); transform-origin: var(--radix-popover-content-transform-origin); will-change: transform; } :where([data-theme="dark"]) .DrUAv { box-shadow: var(--shadow),var(--shadow-hairline),inset 0 0 0 var(--hairline) var(--color-border-subtle); } .DrUAv:focus { outline: none; } .DrUAv[data-translucent] { backdrop-filter: blur(16px); background: linear-gradient(360deg, rgba(247, 247, 248, 0.5), rgb(247, 247, 248)); } :where([data-theme="dark"]) .DrUAv[data-translucent] { background: linear-gradient(360deg, rgba(86, 88, 105, 0.25), rgba(86, 88, 105, 0.49)); } .DrUAv[data-animate="shake"] { animation: 0.4s ease 0s 1 normal none running Mes5K; } .VbDsE[data-entering] .DrUAv { opacity: 0; transform: scale(0.95); } .VbDsE[data-entering-active] .DrUAv, .VbDsE[data-entering][data-interrupted] .DrUAv { opacity: 1; transform: scale(1); transition-duration: 0.35s; transition-property: opacity, transform; transition-timing-function: var(--cubic-enter); } .VbDsE[data-exiting] .DrUAv { opacity: 1; transform: scale(1); } .VbDsE[data-exiting-active] .DrUAv, .VbDsE[data-exiting][data-interrupted] .DrUAv { opacity: 0; transform: scale(0.95); transition-duration: 0.2s; transition-property: opacity, transform; transition-timing-function: var(--cubic-exit); } @keyframes Mes5K { 0% { transform: translate(0px); } 20%, 60% { transform: translate(-5px); } 40%, 80% { transform: translate(5px); } 100% { transform: translate(0px); } } } @layer components { ._7QSSe { position: relative; width: 210px; height: 224px; } @media (min-width: 576px) { ._7QSSe { width: 452px; } } .yctbx { position: absolute; top: 0px; left: -2px; z-index: 2; background-color: var(--color-surface-elevated); } .yctbx::before { position: absolute; top: 0px; bottom: 0px; left: -10px; display: block; width: 12px; background-color: var(--color-surface-elevated); content: ""; } .yctbx::after { position: absolute; top: 0px; bottom: 0px; left: 100%; display: block; width: 14px; background-color: var(--color-surface-elevated); content: ""; -webkit-mask-image: linear-gradient(-90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); } .Up8tU { position: absolute; top: 0px; right: -2px; z-index: 2; background-color: var(--color-surface-elevated); } .Up8tU::before { position: absolute; top: 0px; right: -10px; bottom: 0px; display: block; width: 12px; background-color: var(--color-surface-elevated); content: ""; } .Up8tU::after { position: absolute; top: 0px; right: 100%; bottom: 0px; display: block; width: 14px; background-color: var(--color-surface-elevated); content: ""; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); } .Up8tU button[type="button"], .yctbx button[type="button"] { z-index: 2; } .EnhkW { overflow: hidden; padding: 10px 12px 12px; } .D-1am { transition: transform .25s var(--cubic-move); } .aeZHn { display: flex; align-items: center; justify-content: space-between; width: 100%; font-weight: var(--font-weight-normal); text-align: left; } [data-active] .aeZHn { font-weight: var(--font-weight-semibold); } ._3zx5U { --cell-size: 30px; --cell-vertical-gutter: 2px; position: absolute; top: 0px; width: 210px; font-size: 14px; } ._0LWZz { display: flex; margin-bottom: var(--cell-vertical-gutter); } ._0LWZz:last-child { margin-bottom: 0px; } .MBsv- { display: flex; align-items: center; justify-content: center; width: var(--cell-size); height: var(--cell-size); color: var(--color-text-secondary); font-size: 12px; letter-spacing: var(--tracking-none); text-align: center; } .snJKw { display: flex; align-items: center; justify-content: center; height: 28px; padding: 0px; margin: 0px 0px 6px; color: var(--color-text); font-size: 13px; font-weight: var(--font-weight-semibold); } .ygQCy { position: relative; width: var(--cell-size); height: var(--cell-size); text-align: center; transition: background-color .15s var(--cubic-enter); } .ygQCy:first-child { border-radius: var(--radius-xs) 0 0 var(--radius-xs); } .ygQCy:last-child { border-radius: 0 var(--radius-xs) var(--radius-xs) 0; } .ygQCy[data-is-start], .ygQCy[data-is-end], .ygQCy[data-is-in-range], :where([data-theme="light"]) .ygQCy[data-is-start], :where([data-theme="light"]) .ygQCy[data-is-end], :where([data-theme="light"]) .ygQCy[data-is-in-range] { background-color: var(--alpha-06); } :where([data-theme="dark"]) .ygQCy[data-is-start], :where([data-theme="dark"]) .ygQCy[data-is-end], :where([data-theme="dark"]) .ygQCy[data-is-in-range] { background-color: var(--alpha-08); } .ygQCy[data-is-start][data-is-end] { background: none; } .ygQCy[data-is-first-range-trail] { border-radius: 0px; } .ygQCy[data-is-first-range-trail]::before { position: absolute; top: 0px; right: 100%; bottom: 0px; width: 15px; content: ""; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); transition: opacity .15s var(--cubic-enter); } .ygQCy[data-is-first-range-trail]::before, :where([data-theme="light"]) .ygQCy[data-is-first-range-trail]::before { background-color: var(--alpha-06); } :where([data-theme="dark"]) .ygQCy[data-is-first-range-trail]::before { background-color: var(--alpha-08); } .ygQCy[data-is-last-range-trail] { border-radius: 0px; } .ygQCy[data-is-last-range-trail]::before { position: absolute; top: 0px; bottom: 0px; left: 100%; width: 15px; content: ""; -webkit-mask-image: linear-gradient(-90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0)); transition: opacity .15s var(--cubic-enter); } .ygQCy[data-is-last-range-trail]::before, :where([data-theme="light"]) .ygQCy[data-is-last-range-trail]::before { background-color: var(--alpha-06); } :where([data-theme="dark"]) .ygQCy[data-is-last-range-trail]::before { background-color: var(--alpha-08); } .ygQCy[data-is-start] { border-bottom-left-radius: var(--radius-full); border-top-left-radius: var(--radius-full); } .ygQCy[data-is-end] { border-bottom-right-radius: var(--radius-full); border-top-right-radius: var(--radius-full); } .W5Fb6 { position: relative; display: block; width: var(--cell-size); height: var(--cell-size); border: 0px; border-radius: var(--radius-full); appearance: auto; background: none; cursor: pointer; font-size: var(--font-text-sm-size); } .W5Fb6::before { position: absolute; inset: 0px; display: block; border: 1px solid var(--color-text-emphasis); border-radius: var(--radius-full); content: ""; opacity: 0; transition: color,.15s var(--cubic-enter),opacity .15s var(--cubic-enter); } .W5Fb6:hover::before { opacity: 1; } .W5Fb6[disabled] { cursor: not-allowed; opacity: 0.4; } .W5Fb6[disabled]::before { display: none; } [data-is-start] .W5Fb6, [data-is-end] .W5Fb6 { background: var(--color-text-emphasis); color: var(--color-text-inverse); } .kxkKU { position: absolute; bottom: 3px; left: 50%; width: 3px; height: 3px; border-radius: 100%; margin-left: -1px; background-color: var(--color-text); transition: background-color .15s var(--cubic-enter); } [data-is-start] .kxkKU, [data-is-end] .kxkKU { background-color: var(--gray-0); } .IJHUU { flex: 1 1 0%; width: 150px; padding: calc(var(--spacing) * 2); border-right: 1px solid var(--color-border); } } @layer components { .HIHgk { padding-right: calc((var(--select-control-size) - var(--clear-size)) / 2); padding-left: calc((var(--select-control-size) - var(--clear-size)) / 2); } .EAsov, .GmriF { --button-size: var(--clear-size); --button-icon-size: var(--clear-icon-size); } .XEdyA { display: inline-block; font-variant: tabular-nums; } .FzsZS { margin: 0 calc(var(--spacing) * 1); font-size: var(--font-text-sm-size); letter-spacing: 0px; } } /* ===== ulaV8TeZo1.css (4 rules) ===== */ @layer components { .F9uU- { position: relative; overflow: hidden; flex: 1 1 0%; padding: calc(var(--spacing) * 5); border-radius: var(--radius-2xl); user-select: none; } .F9uU-::before { position: absolute; inset: 0px; border: 1px solid var(--alpha-12); border-radius: var(--radius-2xl); background-color: transparent; content: ""; transition: background-color 0.15s ease 0s, transform 0.15s ease 0s; } .F9uU-[data-interactive="false"]::before { opacity: 0.6; } .F9uU-[data-interactive="true"] { cursor: pointer; } .F9uU-[data-interactive="true"]:hover .c6irG, .F9uU-[data-interactive="true"]:focus-visible .c6irG, .F9uU-[data-interactive="true"]:focus-within .c6irG { opacity: 0; transform: scale(0.98); } .F9uU-[data-interactive="true"]:hover .l-c0C, .F9uU-[data-interactive="true"]:focus-visible .l-c0C, .F9uU-[data-interactive="true"]:focus-within .l-c0C { opacity: 1; pointer-events: auto; transform: scale(1); } .F9uU-[data-interactive="true"]:active::before { transform: scale(0.98); } .F9uU-[data-interactive="true"]:active .c6irG { transform: scale(0.98); } .F9uU-[data-revealed="true"] .c6irG { opacity: 0; transform: scale(0.98); } .F9uU-[data-revealed="true"] .l-c0C { opacity: 1; pointer-events: auto; transform: scale(1); } .c6irG { position: relative; z-index: 1; transform-origin: center center; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; } .l-c0C { position: absolute; inset: 0px; z-index: 2; display: grid; grid-template-rows: repeat(2, minmax(0px, 1fr)); opacity: 0; pointer-events: none; transform: scale(0.98); transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; } .j4lZ6 { display: flex; align-items: center; min-width: 0px; min-height: 0px; border: 0px; background-color: transparent; color: inherit; text-align: left; transition: background-color 0.15s ease 0s; } .j4lZ6:hover, .j4lZ6:focus-visible, :where([data-theme="light"]) .j4lZ6:hover, :where([data-theme="light"]) .j4lZ6:focus-visible { background-color: var(--alpha-02); } :where([data-theme="dark"]) .j4lZ6:hover, :where([data-theme="dark"]) .j4lZ6:focus-visible { background-color: var(--alpha-04); } .j4lZ6 + .j4lZ6 { border-top: 1px solid var(--alpha-12); } .Ai6pw { padding: 0px; margin: 0px 0px 1px; font-size: 16px; font-weight: var(--font-weight-medium); } .RBw-C { padding: 0px; margin: 0px; color: var(--color-text-secondary); font-size: 14px; } ._0pAq7 { margin: 0 0 calc(var(--spacing) * 4); font-size: 24px; } } @layer components { .j5-Lg { border: 1px solid var(--alpha-12); background-color: var(--gray-50); } .s0He7 { max-width: 2500px; margin-inline: auto; } ._4diVM { display: flex; flex-direction: column; gap: calc(var(--spacing) * 3); padding: calc(var(--spacing) * 4); } .ModW4 { display: flex; align-items: center; gap: calc(var(--spacing) * 2); min-width: 0px; color: inherit; text-decoration: none; transform-origin: left center; transition: transform 0.15s ease 0s; } .ModW4:hover { transform: scale(1.02); } .ModW4:hover .YdhuG { color: var(--color-text-emphasis); } .edYub { --get-started-icon-size: calc(var(--spacing) * 10); display: grid; flex-shrink: 0; width: var(--get-started-icon-size); height: var(--get-started-icon-size); border-radius: 50%; color: var(--color-text-emphasis); place-items: center; } .edYub, :where([data-theme="light"]) .edYub { background-color: var(--alpha-04); } :where([data-theme="dark"]) .edYub { background-color: var(--alpha-08); } .YdhuG { --get-started-label-font-size: calc(var(--spacing) * 3.5); --get-started-label-line-height: calc(var(--spacing) * 5); font-size: var(--get-started-label-font-size); font-weight: var(--font-weight-normal); line-height: var(--get-started-label-line-height); transition: color 0.15s ease 0s; } .GWJUU { position: relative; overflow: hidden; } .GWJUU::before { position: absolute; top: -103px; right: -701px; z-index: 0; width: 1804px; height: 1203px; background-image: url("/images/getting_started_bg.png"); background-repeat: no-repeat; background-size: 100% 100%; content: ""; filter: blur(20px); opacity: 0.5; pointer-events: none; transform: translateZ(0px); } @media (min-width: 768px) { .GWJUU::before { top: -587px; right: -991px; } } @media (min-width: 1024px) { .GWJUU::before { right: -891px; } } @media (min-width: 1280px) { .GWJUU::before { right: -791px; } } .GWJUU::after { position: absolute; top: 464px; right: -87px; z-index: 0; width: 473px; height: 473px; background-image: url("/images/getting_started_text_overlay.png"); background-repeat: no-repeat; background-size: 100% 100%; content: ""; opacity: 0.7; pointer-events: none; transform: translateZ(0px); } @media (min-width: 768px) { .GWJUU::after { top: -20px; right: -377px; } } @media (min-width: 1024px) { .GWJUU::after { right: -277px; } } @media (min-width: 1280px) { .GWJUU::after { right: -177px; } } .GWJUU > * { position: relative; z-index: 1; } ._7Yo0u { display: grid; gap: calc(var(--spacing) * 4); grid-template-columns: repeat(auto-fit, minmax(273px, 1fr)); } .MuFin { display: flex; flex-direction: column; gap: calc(var(--spacing) * 10); min-width: 0px; } @media (min-width: 1280px) { .MuFin[data-has-updates="true"] { display: grid; align-items: start; gap: calc(var(--spacing) * 9); grid-template-columns: minmax(0px, 1fr) minmax(360px, 32%); } } @media (min-width: 1024px) { .MuFin[data-has-updates="false"] ._7Yo0u { grid-template-columns: repeat(auto-fit, minmax(273px, 283px)); } } ._4jesA { display: flex; flex-direction: column; gap: calc(var(--spacing) * 10); min-width: 0px; max-width: 1550px; } .SF3sl { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; gap: calc(var(--spacing) * 3); flex: 1 1 0%; padding: calc(var(--spacing) * 4); } @media (min-width: 1024px) { .SF3sl { flex-direction: row; } } .fSPaI { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: calc(var(--spacing) * 1); width: 100%; height: 62px; box-sizing: border-box; padding: calc(var(--spacing) * 3); border: 1px solid var(--alpha-08); border-radius: 6px; background: var(--gray-0); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px -1px; cursor: pointer; transform-origin: center center; transition: transform 0.15s ease 0s; user-select: none; } .fSPaI::before { position: absolute; inset: 0px; border-radius: 6px; background-color: transparent; content: ""; pointer-events: none; transition: background-color 0.15s ease 0s; } .fSPaI > p { position: relative; z-index: 1; } .fSPaI:hover::before, :where([data-theme="light"]) .fSPaI:hover::before { background-color: var(--alpha-02); } :where([data-theme="dark"]) .fSPaI:hover::before { background-color: var(--alpha-04); } .fSPaI:active { transform: scale(0.98); } .fSPaI:active::before, :where([data-theme="light"]) .fSPaI:active::before { background-color: var(--alpha-02); } :where([data-theme="dark"]) .fSPaI:active::before { background-color: var(--alpha-04); } @media (min-width: 768px) { .fSPaI { width: 243px; } } } @layer components { ._3s6q5 { display: flex; flex-direction: column; align-items: stretch; gap: 12px; min-width: 0px; } .bkiXp { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 12px; min-width: 0px; } @media (min-width: 576px) { .bkiXp { flex-wrap: nowrap; align-items: center; justify-content: space-between; } } .oALpN { width: 100%; min-width: 0px; margin: 0px; font-size: 20px; line-height: 32px; } @media (min-width: 768px) { .oALpN { width: auto; } } .UXT3g { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex-shrink: 0; width: 100%; } @media (min-width: 576px) { .UXT3g { flex-direction: row; align-items: center; width: auto; } } .Z5hMp { overflow: hidden; min-width: 0px; border: 1px solid var(--color-background-primary-soft); border-radius: 12px; } } @layer components { .y5pFn { order: -1; min-width: 0px; } @media (min-width: 1280px) { .y5pFn { order: 0; } } .OQedc { display: flex; flex-direction: column; gap: calc(var(--spacing) * 5); min-width: 0px; } ._8lZuy { position: relative; min-width: 0px; padding-top: calc(var(--spacing) * 2); } ._8lZuy::before { position: absolute; inset: 0 calc(-1 * calc(var(--spacing) * 2)) calc(-1 * calc(var(--spacing) * 2)); border-radius: var(--radius-md); background-color: transparent; content: ""; pointer-events: none; transition: background-color 0.15s ease 0s, box-shadow 0.15s ease 0s; } ._8lZuy:hover::before, :where([data-theme="light"]) ._8lZuy:hover::before { background-color: var(--alpha-02); } :where([data-theme="dark"]) ._8lZuy:hover::before { background-color: var(--alpha-04); } ._8lZuy:has(:focus-visible)::before { background-color: transparent; box-shadow: 0 0 0 2px var(--color-ring); } .z9cb6 { display: grid; align-items: start; gap: calc(var(--spacing) * 3) calc(var(--spacing) * 4); min-width: 0px; color: inherit; grid-template-columns: 40px minmax(0px, 1fr) auto; text-decoration: none; } .z9cb6:focus-visible { outline: 0px; } .z9cb6:not(:has(.xLHMT)) .rAiSg { padding-right: 28px; } .Aaa-U { display: grid; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background-color: rgb(229, 243, 255); color: rgb(13, 13, 13); place-items: center; } .pLW1- { background-color: rgb(255, 240, 240); color: rgb(143, 36, 32); } .rAiSg { display: flex; flex-direction: column; gap: 2px; min-width: 0px; } .zVr0H { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1); width: fit-content; max-width: 100%; color: var(--color-text-primary); font-size: 14px; font-weight: var(--font-weight-medium); line-height: 20px; } .zVr0H span { overflow: hidden; min-width: 0px; text-overflow: ellipsis; white-space: nowrap; } .xx1be { display: block; flex-shrink: 0; opacity: 0; transform: translate(-4px); transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; } .z9cb6:hover .xx1be, .z9cb6:focus-visible .xx1be { opacity: 1; transform: translate(0px); } .fuR0U { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; color: var(--color-text-secondary); font-size: 14px; -webkit-line-clamp: 2; line-height: 20px; } .xLHMT { color: var(--color-text-secondary); font-size: 14px; line-height: 20px; white-space: nowrap; } .yuga8 { position: absolute; top: 4px; right: -4px; opacity: 0; } ._8lZuy:hover .yuga8, .yuga8:focus-visible { opacity: 1; } }