@easyyo/ory.elements-react
Version:
Ory Elements React - a collection of React components for authentication UIs.
1 lines • 83.6 kB
Source Map (JSON)
{"version":3,"sources":["../../../src/theme/default/global.css"],"sourcesContent":["/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */\n@layer properties;\n*, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n}\nhtml, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n 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');\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\na {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n}\nb, strong {\n font-weight: bolder;\n}\ncode, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n:-moz-focusring {\n outline: auto;\n}\nprogress {\n vertical-align: baseline;\n}\nsummary {\n display: list-item;\n}\nol, ul, menu {\n list-style: none;\n}\nimg, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n}\nimg, video {\n max-width: 100%;\n height: auto;\n}\nbutton, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n}\n:where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n}\n:where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n}\n::file-selector-button {\n margin-inline-end: 4px;\n}\n::placeholder {\n opacity: 1;\n}\n@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n}\ntextarea {\n resize: vertical;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n}\n::-webkit-datetime-edit {\n display: inline-flex;\n}\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n}\n::-webkit-calendar-picker-indicator {\n line-height: 1;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\nbutton, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {\n appearance: button;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n[hidden]:where(:not([hidden='until-found'])) {\n display: none !important;\n}\n.pointer-events-none {\n pointer-events: none;\n}\n.invisible {\n visibility: hidden;\n}\n.visible {\n visibility: visible;\n}\n.absolute {\n position: absolute;\n}\n.fixed {\n position: fixed;\n}\n.relative {\n position: relative;\n}\n.inset-0 {\n inset: calc(var(--spacing) * 0);\n}\n.right-0 {\n right: calc(var(--spacing) * 0);\n}\n.z-50 {\n z-index: 50;\n}\n.col-span-2 {\n grid-column: span 2 / span 2;\n}\n.col-span-full {\n grid-column: 1 / -1;\n}\n.container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n}\n.-m-3 {\n margin: calc(var(--spacing) * -3);\n}\n.m-auto {\n margin: auto;\n}\n.mt-1 {\n margin-top: calc(var(--spacing) * 1);\n}\n.mt-16 {\n margin-top: calc(var(--spacing) * 16);\n}\n.mr-auto {\n margin-right: auto;\n}\n.ml-auto {\n margin-left: auto;\n}\n.block {\n display: block;\n}\n.contents {\n display: contents;\n}\n.flex {\n display: flex;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.inline {\n display: inline;\n}\n.inline-block {\n display: inline-block;\n}\n.inline-flex {\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.aspect-square {\n aspect-ratio: 1 / 1;\n}\n.size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n}\n.size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n}\n.size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n}\n.size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n}\n.size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n}\n.size-full {\n width: 100%;\n height: 100%;\n}\n.h-4 {\n height: calc(var(--spacing) * 4);\n}\n.h-5 {\n height: calc(var(--spacing) * 5);\n}\n.h-9 {\n height: calc(var(--spacing) * 9);\n}\n.h-44 {\n height: calc(var(--spacing) * 44);\n}\n.h-full {\n height: 100%;\n}\n.max-h-9 {\n max-height: calc(var(--spacing) * 9);\n}\n.max-h-10 {\n max-height: calc(var(--spacing) * 10);\n}\n.min-h-5 {\n min-height: calc(var(--spacing) * 5);\n}\n.min-h-\\[72px\\] {\n min-height: 72px;\n}\n.w-7 {\n width: calc(var(--spacing) * 7);\n}\n.w-12 {\n width: calc(var(--spacing) * 12);\n}\n.w-full {\n width: 100%;\n}\n.w-px {\n width: 1px;\n}\n.max-w-\\(--breakpoint-sm\\) {\n max-width: var(--breakpoint-sm);\n}\n.max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n.max-w-\\[488px\\] {\n max-width: 488px;\n}\n.max-w-full {\n max-width: 100%;\n}\n.min-w-1 {\n min-width: calc(var(--spacing) * 1);\n}\n.min-w-76 {\n min-width: calc(var(--spacing) * 76);\n}\n.flex-1 {\n flex: 1;\n}\n.shrink-0 {\n flex-shrink: 0;\n}\n.grow {\n flex-grow: 1;\n}\n.origin-top-right {\n transform-origin: top right;\n}\n.transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n}\n.animate-caret-blink {\n animation: var(--animate-caret-blink);\n}\n.animate-drop-down-in {\n animation: var(--animate-drop-down-in);\n}\n.animate-spin {\n animation: var(--animate-spin);\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.appearance-none {\n appearance: none;\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-center {\n align-items: center;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-start {\n align-items: flex-start;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.justify-stretch {\n justify-content: stretch;\n}\n.gap-1 {\n gap: calc(var(--spacing) * 1);\n}\n.gap-2 {\n gap: calc(var(--spacing) * 2);\n}\n.gap-3 {\n gap: calc(var(--spacing) * 3);\n}\n.gap-4 {\n gap: calc(var(--spacing) * 4);\n}\n.gap-6 {\n gap: calc(var(--spacing) * 6);\n}\n.gap-8 {\n gap: calc(var(--spacing) * 8);\n}\n.gap-12 {\n gap: calc(var(--spacing) * 12);\n}\n.self-start {\n align-self: flex-start;\n}\n.self-stretch {\n align-self: stretch;\n}\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.rounded-\\[999px\\] {\n border-radius: 999px;\n}\n.rounded-buttons {\n border-radius: var(--radius-buttons);\n}\n.rounded-cards {\n border-radius: var(--radius-cards);\n}\n.rounded-forms {\n border-radius: var(--radius-forms);\n}\n.rounded-general {\n border-radius: var(--radius-general);\n}\n.rounded-identifier {\n border-radius: var(--radius-identifier);\n}\n.rounded-t-cards {\n border-top-left-radius: var(--radius-cards);\n border-top-right-radius: var(--radius-cards);\n}\n.rounded-b-cards {\n border-bottom-right-radius: var(--radius-cards);\n border-bottom-left-radius: var(--radius-cards);\n}\n.border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n}\n.border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n}\n.border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n}\n.border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n}\n.border-solid {\n --tw-border-style: solid;\n border-style: solid;\n}\n.border-button-identifier-border-border-default {\n border-color: var(--color-button-identifier-border-border-default);\n}\n.border-button-secondary-border-default {\n border-color: var(--color-button-secondary-border-default);\n}\n.border-button-social-border-default {\n border-color: var(--color-button-social-border-default);\n}\n.border-button-social-border-generic-provider {\n border-color: var(--color-button-social-border-generic-provider);\n}\n.border-checkbox-border-checkbox-border-default {\n border-color: var(--color-checkbox-border-checkbox-border-default);\n}\n.border-form-border-default {\n border-color: var(--color-form-border-default);\n}\n.border-input-border-default {\n border-color: var(--color-input-border-default);\n}\n.border-input-border-focus {\n border-color: var(--color-input-border-focus);\n}\n.border-interface-border-default-primary {\n border-color: var(--color-interface-border-default-primary);\n}\n.border-interface-border-validation-danger {\n border-color: var(--color-interface-border-validation-danger);\n}\n.border-ory-border-default {\n border-color: var(--color-ory-border-default);\n}\n.border-toggle-border-default {\n border-color: var(--color-toggle-border-default);\n}\n.bg-\\[white\\] {\n background-color: white;\n}\n.bg-button-identifier-background-default {\n background-color: var(--color-button-identifier-background-default);\n}\n.bg-button-primary-background-default {\n background-color: var(--color-button-primary-background-default);\n}\n.bg-button-secondary-background-default {\n background-color: var(--color-button-secondary-background-default);\n}\n.bg-button-social-background-default {\n background-color: var(--color-button-social-background-default);\n}\n.bg-button-social-background-generic-provider {\n background-color: var(--color-button-social-background-generic-provider);\n}\n.bg-checkbox-background-default {\n background-color: var(--color-checkbox-background-default);\n}\n.bg-form-background-default {\n background-color: var(--color-form-background-default);\n}\n.bg-input-background-default {\n background-color: var(--color-input-background-default);\n}\n.bg-interface-background-brand-primary {\n background-color: var(--color-interface-background-brand-primary);\n}\n.bg-interface-background-default-inverted {\n background-color: var(--color-interface-background-default-inverted);\n}\n.bg-interface-background-default-primary {\n background-color: var(--color-interface-background-default-primary);\n}\n.bg-interface-background-default-secondary {\n background-color: var(--color-interface-background-default-secondary);\n}\n.bg-ory-background-default {\n background-color: var(--color-ory-background-default);\n}\n.bg-toggle-background-default {\n background-color: var(--color-toggle-background-default);\n}\n.bg-toggle-foreground-default {\n background-color: var(--color-toggle-foreground-default);\n}\n.fill-checkbox-foreground-checked {\n fill: var(--color-checkbox-foreground-checked);\n}\n.object-contain {\n object-fit: contain;\n}\n.p-2 {\n padding: calc(var(--spacing) * 2);\n}\n.p-4 {\n padding: calc(var(--spacing) * 4);\n}\n.p-5 {\n padding: calc(var(--spacing) * 5);\n}\n.p-6 {\n padding: calc(var(--spacing) * 6);\n}\n.p-8 {\n padding: calc(var(--spacing) * 8);\n}\n.p-\\[3px\\] {\n padding: 3px;\n}\n.px-2 {\n padding-inline: calc(var(--spacing) * 2);\n}\n.px-4 {\n padding-inline: calc(var(--spacing) * 4);\n}\n.px-5 {\n padding-inline: calc(var(--spacing) * 5);\n}\n.px-6 {\n padding-inline: calc(var(--spacing) * 6);\n}\n.px-8 {\n padding-inline: calc(var(--spacing) * 8);\n}\n.px-\\[11px\\] {\n padding-inline: 11px;\n}\n.py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n}\n.py-3 {\n padding-block: calc(var(--spacing) * 3);\n}\n.py-4 {\n padding-block: calc(var(--spacing) * 4);\n}\n.py-4\\.5 {\n padding-block: calc(var(--spacing) * 4.5);\n}\n.py-8 {\n padding-block: calc(var(--spacing) * 8);\n}\n.py-12 {\n padding-block: calc(var(--spacing) * 12);\n}\n.py-\\[5px\\] {\n padding-block: 5px;\n}\n.py-\\[13px\\] {\n padding-block: 13px;\n}\n.py-\\[15px\\] {\n padding-block: 15px;\n}\n.pb-12 {\n padding-bottom: calc(var(--spacing) * 12);\n}\n.pl-8 {\n padding-left: calc(var(--spacing) * 8);\n}\n.text-center {\n text-align: center;\n}\n.text-left {\n text-align: left;\n}\n.font-sans-default {\n font-family: var(--font-sans-default);\n}\n.text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n.text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n.text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n.text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n.leading-none {\n --tw-leading: 1;\n line-height: 1;\n}\n.leading-normal {\n --tw-leading: var(--leading-normal);\n line-height: var(--leading-normal);\n}\n.leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n}\n.font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n.font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n}\n.font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n.font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n.text-nowrap {\n text-wrap: nowrap;\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.text-ellipsis {\n text-overflow: ellipsis;\n}\n.text-button-identifier-foreground-default {\n color: var(--color-button-identifier-foreground-default);\n}\n.text-button-link-brand-brand {\n color: var(--color-button-link-brand-brand);\n}\n.text-button-link-default-primary {\n color: var(--color-button-link-default-primary);\n}\n.text-button-link-default-secondary {\n color: var(--color-button-link-default-secondary);\n}\n.text-button-primary-foreground-default {\n color: var(--color-button-primary-foreground-default);\n}\n.text-button-secondary-foreground-default {\n color: var(--color-button-secondary-foreground-default);\n}\n.text-button-social-foreground-default {\n color: var(--color-button-social-foreground-default);\n}\n.text-button-social-foreground-generic-provider {\n color: var(--color-button-social-foreground-generic-provider);\n}\n.text-input-foreground-primary {\n color: var(--color-input-foreground-primary);\n}\n.text-interface-foreground-brand-primary {\n color: var(--color-interface-foreground-brand-primary);\n}\n.text-interface-foreground-default-inverted {\n color: var(--color-interface-foreground-default-inverted);\n}\n.text-interface-foreground-default-primary {\n color: var(--color-interface-foreground-default-primary);\n}\n.text-interface-foreground-default-secondary {\n color: var(--color-interface-foreground-default-secondary);\n}\n.text-interface-foreground-default-tertiary {\n color: var(--color-interface-foreground-default-tertiary);\n}\n.text-interface-foreground-validation-danger {\n color: var(--color-interface-foreground-validation-danger);\n}\n.text-interface-foreground-validation-success {\n color: var(--color-interface-foreground-validation-success);\n}\n.text-interface-foreground-validation-warning {\n color: var(--color-interface-foreground-validation-warning);\n}\n.text-ory-foreground-default {\n color: var(--color-ory-foreground-default);\n}\n.capitalize {\n text-transform: capitalize;\n}\n.underline {\n text-decoration-line: underline;\n}\n.antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.mix-blend-multiply {\n mix-blend-mode: multiply;\n}\n.ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.ring-button-primary-border-default {\n --tw-ring-color: var(--color-button-primary-border-default);\n}\n.ring-button-secondary-border-default {\n --tw-ring-color: var(--color-button-secondary-border-default);\n}\n.outline-hidden {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n}\n.filter {\n 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,);\n}\n.transition {\n 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, display, visibility, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.duration-100 {\n --tw-duration: 100ms;\n transition-duration: 100ms;\n}\n.duration-700 {\n --tw-duration: 700ms;\n transition-duration: 700ms;\n}\n.ease-linear {\n --tw-ease: linear;\n transition-timing-function: linear;\n}\n.will-change-\\[opacity\\,transform\\] {\n will-change: opacity,transform;\n}\n.select-none {\n -webkit-user-select: none;\n user-select: none;\n}\n.ring-inset {\n --tw-ring-inset: inset;\n}\n.group-hover\\:text-button-identifier-foreground-hover {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n color: var(--color-button-identifier-foreground-hover);\n }\n }\n}\n.peer-checked\\:block {\n &:is(:where(.peer):checked ~ *) {\n display: block;\n }\n}\n.placeholder\\:h-\\[20px\\] {\n &::placeholder {\n height: 20px;\n }\n}\n.placeholder\\:text-input-foreground-tertiary {\n &::placeholder {\n color: var(--color-input-foreground-tertiary);\n }\n}\n.first\\:border-0 {\n &:first-child {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n}\n.checked\\:border-checkbox-border-checkbox-border-checked {\n &:checked {\n border-color: var(--color-checkbox-border-checkbox-border-checked);\n }\n}\n.checked\\:bg-checkbox-background-checked {\n &:checked {\n background-color: var(--color-checkbox-background-checked);\n }\n}\n.hover\\:border-button-identifier-border-border-hover {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-button-identifier-border-border-hover);\n }\n }\n}\n.hover\\:border-button-social-border-hover {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-button-social-border-hover);\n }\n }\n}\n.hover\\:border-input-border-hover {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-input-border-hover);\n }\n }\n}\n.hover\\:bg-button-identifier-background-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-button-identifier-background-hover);\n }\n }\n}\n.hover\\:bg-button-primary-background-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-button-primary-background-hover);\n }\n }\n}\n.hover\\:bg-button-secondary-background-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-button-secondary-background-hover);\n }\n }\n}\n.hover\\:bg-button-social-background-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-button-social-background-hover);\n }\n }\n}\n.hover\\:bg-input-background-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-input-background-hover);\n }\n }\n}\n.hover\\:bg-interface-background-default-primary-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-interface-background-default-primary-hover);\n }\n }\n}\n.hover\\:text-button-link-brand-brand-hover {\n &:hover {\n @media (hover: hover) {\n color: var(--color-button-link-brand-brand-hover);\n }\n }\n}\n.hover\\:text-button-link-default-primary-hover {\n &:hover {\n @media (hover: hover) {\n color: var(--color-button-link-default-primary-hover);\n }\n }\n}\n.hover\\:text-button-link-default-secondary-hover {\n &:hover {\n @media (hover: hover) {\n color: var(--color-button-link-default-secondary-hover);\n }\n }\n}\n.hover\\:text-button-primary-foreground-hover {\n &:hover {\n @media (hover: hover) {\n color: var(--color-button-primary-foreground-hover);\n }\n }\n}\n.hover\\:text-button-secondary-foreground-hover {\n &:hover {\n @media (hover: hover) {\n color: var(--color-button-secondary-foreground-hover);\n }\n }\n}\n.hover\\:text-button-social-foreground-hover {\n &:hover {\n @media (hover: hover) {\n color: var(--color-button-social-foreground-hover);\n }\n }\n}\n.hover\\:ring-button-primary-border-hover {\n &:hover {\n @media (hover: hover) {\n --tw-ring-color: var(--color-button-primary-border-hover);\n }\n }\n}\n.hover\\:ring-button-secondary-border-hover {\n &:hover {\n @media (hover: hover) {\n --tw-ring-color: var(--color-button-secondary-border-hover);\n }\n }\n}\n.focus\\:border-input-border-focus {\n &:focus {\n border-color: var(--color-input-border-focus);\n }\n}\n.focus\\:ring-0 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.focus-visible\\:border-input-border-focus {\n &:focus-visible {\n border-color: var(--color-input-border-focus);\n }\n}\n.focus-visible\\:outline-hidden {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n }\n}\n.disabled\\:cursor-default {\n &:disabled {\n cursor: default;\n }\n}\n.disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n}\n.disabled\\:border-input-border-disabled {\n &:disabled {\n border-color: var(--color-input-border-disabled);\n }\n}\n.disabled\\:bg-button-primary-background-disabled {\n &:disabled {\n background-color: var(--color-button-primary-background-disabled);\n }\n}\n.disabled\\:bg-button-secondary-background-disabled {\n &:disabled {\n background-color: var(--color-button-secondary-background-disabled);\n }\n}\n.disabled\\:bg-input-background-disabled {\n &:disabled {\n background-color: var(--color-input-background-disabled);\n }\n}\n.disabled\\:text-button-primary-foreground-disabled {\n &:disabled {\n color: var(--color-button-primary-foreground-disabled);\n }\n}\n.disabled\\:text-button-secondary-foreground-disabled {\n &:disabled {\n color: var(--color-button-secondary-foreground-disabled);\n }\n}\n.disabled\\:text-input-foreground-disabled {\n &:disabled {\n color: var(--color-input-foreground-disabled);\n }\n}\n.disabled\\:opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n}\n.disabled\\:ring-button-primary-border-disabled {\n &:disabled {\n --tw-ring-color: var(--color-button-primary-border-disabled);\n }\n}\n.disabled\\:ring-button-secondary-border-disabled {\n &:disabled {\n --tw-ring-color: var(--color-button-secondary-border-disabled);\n }\n}\n.disabled\\:hover\\:bg-ui-transparent {\n &:disabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-ui-transparent);\n }\n }\n }\n}\n.has-disabled\\:opacity-50 {\n &:has(*:disabled) {\n opacity: 50%;\n }\n}\n.data-disabled\\:pointer-events-none {\n &[data-disabled] {\n pointer-events: none;\n }\n}\n.data-\\[disabled\\]\\:bg-button-secondary-background-disabled {\n &[data-disabled] {\n background-color: var(--color-button-secondary-background-disabled);\n }\n}\n.data-\\[disabled\\]\\:text-button-secondary-foreground-disabled {\n &[data-disabled] {\n color: var(--color-button-secondary-foreground-disabled);\n }\n}\n.data-\\[state\\=checked\\]\\:translate-x-3 {\n &[data-state=\"checked\"] {\n --tw-translate-x: calc(var(--spacing) * 3);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n}\n.data-\\[state\\=checked\\]\\:border-toggle-border-checked {\n &[data-state=\"checked\"] {\n border-color: var(--color-toggle-border-checked);\n }\n}\n.data-\\[state\\=checked\\]\\:bg-toggle-background-checked {\n &[data-state=\"checked\"] {\n background-color: var(--color-toggle-background-checked);\n }\n}\n.data-\\[state\\=checked\\]\\:bg-toggle-foreground-checked {\n &[data-state=\"checked\"] {\n background-color: var(--color-toggle-foreground-checked);\n }\n}\n.data-\\[state\\=closed\\]\\:animate-drop-down-out {\n &[data-state=\"closed\"] {\n animation: var(--animate-drop-down-out);\n }\n}\n.max-sm\\:bottom-0 {\n @media (width < 40rem) {\n bottom: calc(var(--spacing) * 0);\n }\n}\n.max-sm\\:left-8 {\n @media (width < 40rem) {\n left: calc(var(--spacing) * 8);\n }\n}\n.max-sm\\:hidden {\n @media (width < 40rem) {\n display: none;\n }\n}\n.max-sm\\:translate-y-full {\n @media (width < 40rem) {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n}\n.max-sm\\:rounded-b-branding {\n @media (width < 40rem) {\n border-bottom-right-radius: var(--radius-branding);\n border-bottom-left-radius: var(--radius-branding);\n }\n}\n.max-sm\\:py-\\[7px\\] {\n @media (width < 40rem) {\n padding-block: 7px;\n }\n}\n.sm\\:top-8 {\n @media (width >= 40rem) {\n top: calc(var(--spacing) * 8);\n }\n}\n.sm\\:right-0 {\n @media (width >= 40rem) {\n right: calc(var(--spacing) * 0);\n }\n}\n.sm\\:block {\n @media (width >= 40rem) {\n display: block;\n }\n}\n.sm\\:hidden {\n @media (width >= 40rem) {\n display: none;\n }\n}\n.sm\\:w-\\[480px\\] {\n @media (width >= 40rem) {\n width: 480px;\n }\n}\n.sm\\:max-w-\\[480px\\] {\n @media (width >= 40rem) {\n max-width: 480px;\n }\n}\n.sm\\:translate-x-full {\n @media (width >= 40rem) {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n}\n.sm\\:grid-cols-2 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.sm\\:grid-cols-3 {\n @media (width >= 40rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n.sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n}\n.sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n}\n.sm\\:items-end {\n @media (width >= 40rem) {\n align-items: flex-end;\n }\n}\n.sm\\:rounded-cards {\n @media (width >= 40rem) {\n border-radius: var(--radius-cards);\n }\n}\n.sm\\:rounded-r-branding {\n @media (width >= 40rem) {\n border-top-right-radius: var(--radius-branding);\n border-bottom-right-radius: var(--radius-branding);\n }\n}\n.sm\\:border {\n @media (width >= 40rem) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n}\n.sm\\:px-12 {\n @media (width >= 40rem) {\n padding-inline: calc(var(--spacing) * 12);\n }\n}\n.sm\\:py-14 {\n @media (width >= 40rem) {\n padding-block: calc(var(--spacing) * 14);\n }\n}\n.sm\\:pl-\\[7px\\] {\n @media (width >= 40rem) {\n padding-left: 7px;\n }\n}\n.md\\:max-w-96 {\n @media (width >= 48rem) {\n max-width: calc(var(--spacing) * 96);\n }\n}\n.md\\:max-w-\\[712px\\] {\n @media (width >= 48rem) {\n max-width: 712px;\n }\n}\n.md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n.md\\:grid-cols-3 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n.md\\:grid-cols-5 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n}\n.md\\:flex-row {\n @media (width >= 48rem) {\n flex-direction: row;\n }\n}\n.md\\:items-center {\n @media (width >= 48rem) {\n align-items: center;\n }\n}\n.md\\:justify-between {\n @media (width >= 48rem) {\n justify-content: space-between;\n }\n}\n.lg\\:max-w-\\[802px\\] {\n @media (width >= 64rem) {\n max-width: 802px;\n }\n}\n.lg\\:py-4\\.5 {\n @media (width >= 64rem) {\n padding-block: calc(var(--spacing) * 4.5);\n }\n}\n.xl\\:max-w-\\[896px\\] {\n @media (width >= 80rem) {\n max-width: 896px;\n }\n}\n.loading\\:cursor-wait {\n &[data-loading=\"true\"] {\n cursor: wait;\n }\n}\n.loading\\:border-button-social-border-disabled {\n &[data-loading=\"true\"] {\n border-color: var(--color-button-social-border-disabled);\n }\n}\n.loading\\:bg-button-primary-background-default {\n &[data-loading=\"true\"] {\n background-color: var(--color-button-primary-background-default);\n }\n}\n.loading\\:bg-button-secondary-background-default {\n &[data-loading=\"true\"] {\n background-color: var(--color-button-secondary-background-default);\n }\n}\n.loading\\:bg-button-social-background-disabled {\n &[data-loading=\"true\"] {\n background-color: var(--color-button-social-background-disabled);\n }\n}\n.loading\\:text-button-primary-foreground-default {\n &[data-loading=\"true\"] {\n color: var(--color-button-primary-foreground-default);\n }\n}\n.loading\\:text-button-secondary-foreground-default {\n &[data-loading=\"true\"] {\n color: var(--color-button-secondary-foreground-default);\n }\n}\n.loading\\:text-button-social-foreground-disabled {\n &[data-loading=\"true\"] {\n color: var(--color-button-social-foreground-disabled);\n }\n}\n.loading\\:ring-button-primary-border-default {\n &[data-loading=\"true\"] {\n --tw-ring-color: var(--color-button-primary-border-default);\n }\n}\n.loading\\:ring-button-secondary-border-default {\n &[data-loading=\"true\"] {\n --tw-ring-color: var(--color-button-secondary-border-default);\n }\n}\n.loading\\:before\\:pointer-events-none {\n &[data-loading=\"true\"] {\n &::before {\n content: var(--tw-content);\n pointer-events: none;\n }\n }\n}\n.loading\\:before\\:absolute {\n &[data-loading=\"true\"] {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n}\n.loading\\:before\\:inset-0 {\n &[data-loading=\"true\"] {\n &::before {\n content: var(--tw-content);\n inset: calc(var(--spacing) * 0);\n }\n }\n}\n.loading\\:before\\:bg-button-primary-background-default {\n &[data-loading=\"true\"] {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-button-primary-background-default);\n }\n }\n}\n.loading\\:before\\:bg-button-secondary-background-default {\n &[data-loading=\"true\"] {\n &::before {\n content: var(--tw-content);\n background-color: var(--color-button-secondary-background-default);\n }\n }\n}\n.loading\\:before\\:opacity-80 {\n &[data-loading=\"true\"] {\n &::before {\n content: var(--tw-content);\n opacity: 80%;\n }\n }\n}\n.loading\\:before\\:content-\\[\\'\\'\\] {\n &[data-loading=\"true\"] {\n &::before {\n content: var(--tw-content);\n --tw-content: '';\n content: var(--tw-content);\n }\n }\n}\n:root, :host {\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace;\n --spacing: 0.25rem;\n --breakpoint-sm: 40rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --leading-tight: 1.25;\n --leading-normal: 1.5;\n --animate-spin: spin 1s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-mono-font-family: var(--font-mono);\n --ui-100: #f1f5f9;\n --ui-200: #e2e8f0;\n --ui-300: #cbd5e1;\n --ui-400: #94a3b8;\n --ui-50: #f8fafc;\n --ui-500: #64748b;\n --ui-600: #475569;\n --ui-700: #334155;\n --ui-800: #1e293b;\n --ui-900: #0f172a;\n --ui-950: #020617;\n --ui-black: #000000;\n --ui-danger: #dc2626;\n --ui-success: #22c55e;\n --ui-transparent: #ffffff00;\n --ui-warning: #eab308;\n --ui-white: #ffffff;\n --button-identifier-background-default: var(\n --interface-background-brand-secondary\n );\n --button-identifier-background-hover: var(\n --interface-background-brand-secondary-hover\n );\n --button-identifier-border-border-default: var(\n --interface-border-brand-brand\n );\n --button-identifier-border-border-hover: var(--interface-border-brand-brand);\n --button-identifier-foreground-default: var(\n --interface-foreground-brand-on-secondary\n );\n --button-identifier-foreground-hover: var(\n --interface-foreground-brand-on-secondary\n );\n --button-link-brand-brand: var(--interface-foreground-brand-primary);\n --button-link-brand-brand-hover: var(--interface-foreground-default-primary);\n --button-link-default-primary: var(--interface-foreground-default-primary);\n --button-link-default-primary-hover: var(\n --interface-foreground-brand-primary\n );\n --button-link-default-secondary: var(\n --interface-foreground-default-secondary\n );\n --button-link-default-secondary-hover: var(\n --interface-foreground-default-tertiary\n );\n --button-link-disabled-disabled: var(\n --interface-foreground-disabled-disabled\n );\n --button-primary-background-default: var(\n --interface-background-brand-primary\n );\n --button-primary-background-disabled: var(\n --interface-background-disabled-disabled\n );\n --button-primary-background-hover: var(\n --interface-background-brand-primary-hover\n );\n --button-primary-border-default: var(--interface-border-default-none);\n --button-primary-border-disabled: var(--interface-border-disabled-disabled);\n --button-primary-border-hover: var(--interface-border-default-none);\n --button-primary-foreground-default: var(\n --interface-foreground-brand-on-primary\n );\n --button-primary-foreground-disabled: var(\n --interface-foreground-disabled-on-disabled\n );\n --button-primary-foreground-hover: var(\n --interface-foreground-brand-on-primary\n );\n --button-secondary-background-default: var(\n --interface-background-default-primary\n );\n --button-secondary-background-disabled: var(\n --interface-background-disabled-disabled\n );\n --button-secondary-background-hover: var(\n --interface-background-default-primary-hover\n );\n --button-secondary-border-default: var(--interface-border-default-primary);\n --button-secondary-border-disabled: var(--interface-border-disabled-disabled);\n --button-secondary-border-hover: var(--interface-border-default-primary);\n --button-secondary-foreground-default: var(\n --interface-foreground-default-primary\n );\n --button-secondary-foreground-disabled: var(\n --interface-foreground-disabled-on-disabled\n );\n --button-secondary-foreground-hover: var(\n --interface-foreground-default-secondary\n );\n --button-social-background-default: var(\n --interface-background-default-primary\n );\n --button-social-background-disabled: var(\n --interface-background-disabled-disabled\n );\n --button-social-background-generic-provider: var(\n --interface-background-default-inverted\n );\n --button-social-background-hover: var(\n --interface-background-default-primary-hover\n );\n --button-social-border-default: var(--interface-border-default-primary);\n --button-social-border-disabled: var(--interface-border-disabled-disabled);\n --button-social-border-generic-provider: var(--interface-border-default-none);\n --button-social-border-hover: var(--interface-border-default-primary);\n --button-social-foreground-default: var(\n --interface-foreground-default-primary\n );\n --button-social-foreground-disabled: var(\n --interface-foreground-disabled-on-disabled\n );\n --button-social-foreground-generic-provider: var(\n --interface-foreground-default-inverted\n );\n --button-social-foreground-hover: var(\n --interface-foreground-default-secondary\n );\n --checkbox-background-checked: var(--interface-background-brand-primary);\n --checkbox-background-default: var(--interface-background-default-secondary);\n --checkbox-border-checkbox-border-checked: var(\n --interface-border-brand-brand\n );\n --checkbox-border-checkbox-border-default: var(\n --interface-border-default-primary\n );\n --checkbox-foreground-checked: var(--interface-foreground-brand-on-primary);\n --checkbox-foreground-default: var(--interface-foreground-default-primary);\n --form-background-default: var(--interface-background-default-primary);\n --form-border-default: var(--interface-border-default-primary);\n --input-background-default: var(--interface-background-default-primary);\n --input-background-disabled: var(--interface-background-disabled-disabled);\n --input-background-hover: var(--interface-background-default-primary-hover);\n --input-border-default: var(--interface-border-default-primary);\n --input-border-disabled: var(--interface-border-disabled-disabled);\n --input-border-focus: var(--interface-border-brand-brand);\n --input-border-hover: var(--interface-border-default-primary);\n --input-foreground-disabled: var(--interface-foreground-disabled-on-disabled);\n --input-foreground-primary: var(--interface-foreground-default-primary);\n --input-foreground-secondary: var(--interface-foreground-default-secondary);\n --input-foreground-tertiary: var(--interface-foreground-default-tertiary);\n --interface-background-brand-primary: var(--brand-500);\n --interface-background-brand-primary-hover: var(--brand-400);\n --interface-background-brand-secondary: var(--brand-50);\n --interface-background-brand-secondary-hover: var(--brand-100);\n --interface-background-default-inverted: var(--ui-900);\n --interface-background-default-inverted-hover: var(--ui-800);\n --interface-background-default-none: var(--ui-transparent);\n --interface-background-default-primary: var(--ui-white);\n --interface-background-default-primary-hover: var(--ui-50);\n --interface-background-default-secondary: var(--ui-50);\n --interface-background-default-secondary-hover: var(--ui-200);\n --interface-background-default-tertiary: var(--ui-200);\n --interface-background-default-tertiary-hover: var(--ui-300);\n --interface-background-disabled-disabled: var(--ui-200);\n --interface-background-validation-danger: var(--ui-danger);\n --interface-background-validation-success: var(--ui-success);\n --interface-background-validation-warning: var(--ui-warning);\n --interface-border-brand-brand: var(--brand-500);\n --interface-border-default-inverted: var(--ui-700);\n --interface-border-default-none: var(--ui-transparent);\n --interface-border-default-primary: var(--ui-300);\n --interface-border-disabled-disabled: var(--ui-300);\n --interface-border-validation-danger: var(--ui-danger);\n --interface-border-validation-success: var(--ui-success);\n --interface-border-validation-warning: var(--ui-warning);\n --interface-foreground-brand-on-primary: var(--brand-50);\n --interface-foreground-brand-on-secondary: var(--brand-950);\n --interface-foreground-brand-primary: var(--brand-500);\n --interface-foreground-brand-secondary: var(--brand-50);\n --interface-foreground-default-inverted: var(--ui-white);\n --interface-foreground-default-primary: var(--ui-900);\n --interface-foreground-default-secondary: var(--ui-700);\n --interface-foreground-default-tertiary: var(--ui-500);\n --interface-foreground-disabled-disabled: var(--ui-300);\n --interface-foreground-disabled-on-disabled: var(--ui-400);\n --interface-foreground-validation-danger: var(--ui-danger);\n --interface-foreground-validation-success: var(--ui-success);\n --interface-foreground-validation-warning: var(--ui-warning);\n --ory-background-default: var(--interface-background-default-primary);\n --ory-border-default: var(--interface-border-default-primary);\n --ory-foreground-default: var(--interface-foreground-default-primary);\n --radio-background-checked: var(--interface-background-brand-primary);\n --radio-background-default: var(--interface-background-default-secondary);\n --radio-border-checked: var(--interface-border-brand-brand);\n --radio-border-default: var(--interface-border-default-primary);\n --radio-foreground-checked: var(--interface-foreground-brand-on-primary);\n --radio-foreground-default: var(--interface-foreground-default-primary);\n --toggle-background-checked: var(--interface-background-brand-primary);\n --toggle-background-default: var(--interface-background-default-secondary);\n --toggle-border-checked: var(--interface-border-default-none);\n --toggle-border-default: var(--interface-border-default-primary);\n --toggle-foreground-checked: var(--interface-foreground-brand-on-primary);\n --toggle-foreground-default: var(--interface-foreground-brand-primary);\n --brand-100: var(--ui-100);\n --brand-200: var(--ui-300);\n --brand-300: var(--ui-500);\n --brand-400: var(--ui-700);\n --brand-50: var(--ui-50);\n --brand-500: var(--ui-900);\n --brand-600: var(--ui-white);\n --brand-700: var(--ui-200);\n --brand-800: var(--ui-400);\n --brand-900: var(--ui-600);\n --brand-950: var(--ui-800);\n --color-ui-transparent: var(--ui-transparent);\n --color-button-identifier-background-default: var(\n --button-identifier-background-default\n );\n --color-button-identifier-background-hover: var(\n --button-identifier-background-hover\n );\n --color-button-identifier-border-border-default: var(\n --button-identifier-border-border-default\n );\n --color-button-identifier-border-border-hover: var(\n --button-identifier-border-border-hover\n );\n --color-button-identifier-foreground-default: var(\n --button-identifier-foreground-default\n );\n --color-button-identifier-foreground-hover: var(\n --button-identifier-foreground-hover\n );\n --color-button-link-brand-brand: var(--button-link-brand-brand);\n --color-button-link-brand-brand-hover: var(--button-link-brand-brand-hover);\n --color-button-link-default-primary: var(--button-link-default-primary);\n --color-button-link-default-primary-hover: var(\n --button-link-default-primary-hover\n );\n --color-button-link-default-secondary: var(--button-link-default-secondary);\n --color-button-link-default-secondary-hover: var(\n --button-link-default-secondary-hover\n );\n --color-button-primary-background-default: var(\n --button-primary-background-default\n );\n --color-button-primary-background-disabled: var(\n --button-primary-background-disabled\n );\n --color-button-primary-background-hover: var(\n --button-primary-background-hover\n );\n --color-button-primary-border-default: var(--button-primary-border-default);\n --color-button-primary-border-disabled: var(--button-primary-border-disabled);\n --color-button-primary-border-hover: var(--button-primary-border-hover);\n --color-button-primary-foreground-default: var(\n --button-primary-foreground-default\n );\n --color-button-primary-foreground-disabled: var(\n --button-primary-foreground-disabled\n );\n --color-button-primary-foreground-hover: var(\n --button-primary-foreground-hover\n );\n --color-button-secondary-background-default: var(\n --button-secondary-background-default\n );\n --color-button-secondary-background-disabled: var(\n --button-secondary-background-disabled\n );\n --color-button-secondary-background-hover: var(\n --button-secondary-background-hover\n );\n --color-button-secondary-border-default: var(\n --button-secondary-border-default\n );\n --color-button-secondary-border-disabled: var(\n --button-secondary-border-disabled\n );\n --color-button-secondary-border-hover: var(--button-secondary-border-hover);\n --color-button-secondary-foreground-default: var(\n --button-secondary-foreground-default\n );\n --color-button-secondary-foreground-disabled: var(\n --button-secondary-foreground-disabled\n );\n --color-button-secondary-foreground-hover: var(\n --button-secondary-foreground-hover\n );\n --color-button-social-background-default: var(\n --button-social-background-default\n );\n --color-button-social-background-disabled: var(\n --button-social-background-disabled\n );\n --color-button-social-background-generic-provider: var(\n --button-social-background-generic-provider\n );\n --color-button-social-background-hover: var(--button-social-background-hover);\n --color-button-social-border-default: var(--button-social-border-default);\n --color-button-social-border-disabled: var(--button-social-border-disabled);\n --color-button-social-border-generic-provider: var(\n --button-social-border-generic-provider\n );\n --color-button-social-border-hover: var(--button-social-border-hover);\n --color-button-social-foreground-default: var(\n --button-social-foreground-default\n );\n --color-button-social-foreground-disabled: var(\n --button-social-foreground-disabled\n );\n --color-button-social-foreground-generic-provider: var(\n --button-social-foreground-generic-provider\n );\n --color-button-social-foreground-hover: var(--button-social-foreground-hover);\n --color-checkbox-background-checked: var(--checkbox-background-checked);\n --color-checkbox-background-default: var(--checkbox-background-default);\n --color-checkbox-border-checkbox-border-checked: var(\n --checkbox-border-checkbox-border-checked\n );\n --color-checkbox-border-checkbox-border-default: var(\n --checkbox-border-checkbox-border-default\n );\n --color-checkbox-foreground-checked: var(--checkbox-foreground-checked);\n --color-form-background-default: var(--form-background-default);\n --color-form-border-default: var(--form-border-default);\n --color-input-background-default: var(--input-background-default);\n --color-input-background-disabled: var(--input-background-disabled);\n --color-input-background-hover: var(--input-background-hover);\n --color-input-border-default: var(--input-border-default);\n --color-input-border-disabled: var(--input-border-disabled);\n --color-input-border-focus: var(--input-border-focus);\n --color-input-border-hover: var(--input-border-hover);\n --color-input-foreground-disabled: var(--input-foreground-disabled);\n --color-input-foreground-primary: var(--input-foreground-primary);\n --color-input-foreground-tertiary: var(--input-foreground-tertiary);\n --color-interface-background-brand-primary: var(\n --interface-background-brand-primary\n );\n --color-interface-background-default-inverted: var(\n --interface-background-default-inverted\n );\n --color-interface-background-default-primary: var(\n --interface-background-default-primary\n );\n --color-interface-background-default-primary-hover: var(\n --interface-background-default-primary-hover\n );\n --color-interface-background-default-secondary: var(\n --interface-background-default-secondary\n );\n --color-interface-border-default-primary: var(\n