@charset "utf-8";

.ui-kit-pointer-events-none { pointer-events: none; }

.ui-kit-fixed { position: fixed; }

.ui-kit-absolute { position: absolute; }

.ui-kit-relative { position: relative; }

.ui-kit-inset-0 { inset: 0px; }

.ui-kit-inset-x-0 { left: 0px; right: 0px; }

.ui-kit-inset-y-\[2px\] { top: 2px; bottom: 2px; }

.-ui-kit-bottom-0 { bottom: 0px; }

.-ui-kit-bottom-1 { bottom: -0.25rem; }

.-ui-kit-left-1 { left: -0.25rem; }

.-ui-kit-right-1 { right: -0.25rem; }

.-ui-kit-top-1 { top: -0.25rem; }

.ui-kit-bottom-0 { bottom: 0px; }

.ui-kit-left-0 { left: 0px; }

.ui-kit-left-1\/2 { left: 50%; }

.ui-kit-left-\[4px\] { left: 4px; }

.ui-kit-left-\[calc\(50\%_-_18px\)\] { left: calc(50% - 18px); }

.ui-kit-right-0 { right: 0px; }

.ui-kit-right-3 { right: 0.75rem; }

.ui-kit-right-\[4px\] { right: 4px; }

.ui-kit-right-\[calc\(50\%_-_18px\)\] { right: calc(50% - 18px); }

.ui-kit-top-1\/2 { top: 50%; }

.ui-kit-top-2 { top: 0.5rem; }

.ui-kit-top-3 { top: 0.75rem; }

.ui-kit-top-\[48px\] { top: 48px; }

.ui-kit-top-\[4px\] { top: 4px; }

.ui-kit-top-\[50px\] { top: 50px; }

.-ui-kit-z-1 { z-index: -1; }

.ui-kit-z-1 { z-index: 1; }

.ui-kit-z-10 { z-index: 10; }

.ui-kit-z-105 { z-index: 105; }

.ui-kit-z-110 { z-index: 110; }

.ui-kit-z-\[1001\] { z-index: 1001; }

.ui-kit-z-max { z-index: 999; }

.ui-kit-order-3 { order: 3; }

.ui-kit-order-4 { order: 4; }

.ui-kit-order-\[-1\] { order: -1; }

.ui-kit-col-span-7 { grid-column: span 7 / span 7; }

.ui-kit-my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }

.-ui-kit-ml-4 { margin-left: -1rem; }

.ui-kit-mb-1 { margin-bottom: 0.25rem; }

.ui-kit-mb-4 { margin-bottom: 1rem; }

.ui-kit-ml-0 { margin-left: 0px; }

.ui-kit-ml-2 { margin-left: 0.5rem; }

.ui-kit-ml-3 { margin-left: 0.75rem; }

.ui-kit-ml-4 { margin-left: 1rem; }

.ui-kit-mr-1 { margin-right: 0.25rem; }

.ui-kit-mr-2 { margin-right: 0.5rem; }

.ui-kit-mr-3 { margin-right: 0.75rem; }

.ui-kit-mt-1 { margin-top: 0.25rem; }

.ui-kit-mt-4 { margin-top: 1rem; }

.ui-kit-box-border { box-sizing: border-box; }

.ui-kit-inline-block { display: inline-block; }

.ui-kit-flex { display: flex; }

.ui-kit-inline-flex { display: inline-flex; }

.ui-kit-grid { display: grid; }

.ui-kit-hidden { display: none; }

.ui-kit-size-10 { width: 2.5rem; height: 2.5rem; }

.ui-kit-size-12 { width: 3rem; height: 3rem; }

.ui-kit-size-14 { width: 3.5rem; height: 3.5rem; }

.ui-kit-size-3 { width: 0.75rem; height: 0.75rem; }

.ui-kit-size-4 { width: 1rem; height: 1rem; }

.ui-kit-size-6 { width: 1.5rem; height: 1.5rem; }

.ui-kit-size-8 { width: 2rem; height: 2rem; }

.ui-kit-h-10 { height: 2.5rem; }

.ui-kit-h-12 { height: 3rem; }

.ui-kit-h-\[100vh\] { height: 100vh; }

.ui-kit-h-\[16px\] { height: 16px; }

.ui-kit-h-\[1px\] { height: 1px; }

.ui-kit-h-\[20px\] { height: 20px; }

.ui-kit-h-\[240px\] { height: 240px; }

.ui-kit-h-\[24px\] { height: 24px; }

.ui-kit-h-\[32px\] { height: 32px; }

.ui-kit-h-\[40px\] { height: 40px; }

.ui-kit-h-\[48px\] { height: 48px; }

.ui-kit-h-\[56px\] { height: 56px; }

.ui-kit-h-\[64px\] { height: 64px; }

.ui-kit-h-\[8px\] { height: 8px; }

.ui-kit-h-full { height: 100%; }

.ui-kit-h-screen { height: 100vh; }

.ui-kit-max-h-8 { max-height: 2rem; }

.ui-kit-max-h-\[100vh\] { max-height: 100vh; }

.ui-kit-max-h-\[256px\] { max-height: 256px; }

.ui-kit-max-h-\[400px\] { max-height: 400px; }

.ui-kit-max-h-full { max-height: 100%; }

.ui-kit-min-h-0 { min-height: 0px; }

.ui-kit-min-h-\[32px\] { min-height: 32px; }

.ui-kit-min-h-\[341px\] { min-height: 341px; }

.ui-kit-min-h-\[40px\] { min-height: 40px; }

.ui-kit-w-0 { width: 0px; }

.ui-kit-w-\[100vw\] { width: 100vw; }

.ui-kit-w-\[16px\] { width: 16px; }

.ui-kit-w-\[180px\] { width: 180px; }

.ui-kit-w-\[24px\] { width: 24px; }

.ui-kit-w-\[32px\] { width: 32px; }

.ui-kit-w-\[44px\] { width: 44px; }

.ui-kit-w-\[48px\] { width: 48px; }

.ui-kit-w-\[72px\] { width: 72px; }

.ui-kit-w-\[8px\] { width: 8px; }

.ui-kit-w-\[90vw\] { width: 90vw; }

.ui-kit-w-\[fit-content\] { width: fit-content; }

.ui-kit-w-\[inherit\] { width: inherit; }

.ui-kit-w-auto { width: auto; }

.ui-kit-w-full { width: 100%; }

.ui-kit-min-w-\[173px\] { min-width: 173px; }

.ui-kit-min-w-\[312px\] { min-width: 312px; }

.ui-kit-min-w-\[32px\] { min-width: 32px; }

.ui-kit-min-w-fit { min-width: fit-content; }

.ui-kit-min-w-full { min-width: 100%; }

.ui-kit-max-w-\[326px\] { max-width: 326px; }

.ui-kit-max-w-fit { max-width: fit-content; }

.ui-kit-max-w-full { max-width: 100%; }

.ui-kit-shrink { flex-shrink: 1; }

.ui-kit-shrink-0 { flex-shrink: 0; }

.ui-kit-grow { flex-grow: 1; }

.\!ui-kit-translate-y-\[0px\] { --tw-translate-y: 0px !important; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }

.-ui-kit-translate-x-1\/2 { --tw-translate-x: -50%; }

.-ui-kit-translate-x-1\/2, .-ui-kit-translate-y-1\/2 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.-ui-kit-translate-y-1\/2 { --tw-translate-y: -50%; }

.ui-kit--translate-x-1\/2 { --tw-translate-x: -50%; }

.ui-kit--translate-x-1\/2, .ui-kit-translate-y-\[12px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.ui-kit-translate-y-\[12px\] { --tw-translate-y: 12px; }

.ui-kit-translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

@keyframes ui-kit-spin { 
  100% { transform: rotate(1turn); }
}

.ui-kit-animate-spin { animation: 1s linear 0s infinite normal none running ui-kit-spin; }

.\!ui-kit-cursor-not-allowed { cursor: not-allowed !important; }

.ui-kit-cursor-\[inherit\] { cursor: inherit; }

.ui-kit-cursor-default { cursor: default; }

.ui-kit-cursor-not-allowed { cursor: not-allowed; }

.ui-kit-cursor-pointer { cursor: pointer; }

.ui-kit-select-none { user-select: none; }

.ui-kit-appearance-none { appearance: none; }

.ui-kit-grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.ui-kit-grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }

.ui-kit-flex-row { flex-direction: row; }

.ui-kit-flex-col { flex-direction: column; }

.ui-kit-items-start { align-items: flex-start; }

.ui-kit-items-center { align-items: center; }

.ui-kit-justify-start { justify-content: flex-start; }

.ui-kit-justify-center { justify-content: center; }

.ui-kit-justify-between { justify-content: space-between; }

.ui-kit-justify-around { justify-content: space-around; }

.ui-kit-justify-items-center { justify-items: center; }

.ui-kit-gap-1 { gap: 0.25rem; }

.ui-kit-gap-2 { gap: 0.5rem; }

.ui-kit-gap-3 { gap: 0.75rem; }

.ui-kit-gap-4 { gap: 1rem; }

.ui-kit-gap-8 { gap: 2rem; }

.ui-kit-gap-\[12px\] { gap: 12px; }

.ui-kit-gap-x-0 { column-gap: 0px; }

.ui-kit-gap-x-1 { column-gap: 0.25rem; }

.ui-kit-gap-y-1 { row-gap: 0.25rem; }

.ui-kit-gap-y-\[6px\] { row-gap: 6px; }

.ui-kit-self-center { align-self: center; }

.ui-kit-overflow-auto { overflow: auto; }

.ui-kit-overflow-hidden { overflow: hidden; }

.ui-kit-overflow-y-auto { overflow-y: auto; }

.ui-kit-overflow-x-hidden { overflow-x: hidden; }

.ui-kit-truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.ui-kit-rounded-\[6px\] { border-radius: 6px; }

.ui-kit-rounded-full { border-radius: 9999px; }

.ui-kit-rounded-m { border-radius: 8px; }

.ui-kit-rounded-none { border-radius: 0px; }

.ui-kit-rounded-s { border-radius: 6px; }

.ui-kit-rounded-xl { border-radius: 16px; }

.ui-kit-rounded-xs { border-radius: 4px; }

.ui-kit-rounded-l-s { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.ui-kit-rounded-r-s { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.ui-kit-rounded-t-m { border-top-left-radius: 8px; border-top-right-radius: 8px; }

.ui-kit-border-default { border-width: 1px; }

.ui-kit-border-b-2 { border-bottom-width: 2px; }

.ui-kit-border-b-default { border-bottom-width: 1px; }

.ui-kit-border-l-default { border-left-width: 1px; }

.ui-kit-border-r-default { border-right-width: 1px; }

.ui-kit-border-t-default { border-top-width: 1px; }

.ui-kit-border-solid { border-style: solid; }

.ui-kit-border-none { border-style: none; }

.\!ui-kit-border-border-error { border-color: var(--border-error) !important; }

.\!ui-kit-border-border-subtle { border-color: var(--border-subtle) !important; }

.\!ui-kit-border-border-success { border-color: var(--border-success) !important; }

.ui-kit-border-background-accent { border-color: var(--background-accent); }

.ui-kit-border-border-accent { border-color: var(--border-accent); }

.ui-kit-border-border-bold { border-color: var(--border-bold); }

.ui-kit-border-border-brand { border-color: var(--border-brand); }

.ui-kit-border-border-error { border-color: var(--border-error); }

.ui-kit-border-border-minimal { border-color: var(--border-minimal); }

.ui-kit-border-border-subtle { border-color: var(--border-subtle); }

.ui-kit-border-border-success { border-color: var(--border-success); }

.ui-kit-border-border-warning { border-color: var(--border-warning); }

.ui-kit-border-transparent { border-color: transparent; }

.ui-kit-bg-accent-08 { --tw-bg-opacity: 1; background-color: rgba(108,181,18,var(--tw-bg-opacity,1)); }

.ui-kit-bg-background-accent { background-color: var(--background-accent); }

.ui-kit-bg-background-accent-muted { background-color: var(--background-accent-muted); }

.ui-kit-bg-background-brand { background-color: var(--background-brand); }

.ui-kit-bg-background-brand-muted { background-color: var(--background-brand-muted); }

.ui-kit-bg-background-disabled { background-color: var(--background-disabled); }

.ui-kit-bg-background-error { background-color: var(--background-error); }

.ui-kit-bg-background-neutral-hover { background-color: var(--background-neutral-hover); }

.ui-kit-bg-background-primary { background-color: var(--background-primary); }

.ui-kit-bg-background-secondary { background-color: var(--background-secondary); }

.ui-kit-bg-background-success { background-color: var(--background-success); }

.ui-kit-bg-background-tertiary { background-color: var(--background-tertiary); }

.ui-kit-bg-background-warning { background-color: var(--background-warning); }

.ui-kit-bg-background-white { background-color: var(--background-white); }

.ui-kit-bg-border-minimal { background-color: var(--border-minimal); }

.ui-kit-bg-brand-05 { --tw-bg-opacity: 1; background-color: rgba(133,98,251,var(--tw-bg-opacity,1)); }

.ui-kit-bg-green-05 { --tw-bg-opacity: 1; background-color: rgba(42,187,127,var(--tw-bg-opacity,1)); }

.ui-kit-bg-magenta-06 { --tw-bg-opacity: 1; background-color: rgba(205,81,157,var(--tw-bg-opacity,1)); }

.ui-kit-bg-red-05 { --tw-bg-opacity: 1; background-color: rgba(239,71,48,var(--tw-bg-opacity,1)); }

.ui-kit-bg-surface-primary { background-color: var(--surface-primary); }

.ui-kit-bg-surface-secondary { background-color: var(--surface-secondary); }

.ui-kit-bg-surface-tertiary { background-color: var(--surface-tertiary); }

.ui-kit-bg-surface-tertiary-hover { background-color: var(--surface-tertiary-hover); }

.ui-kit-bg-surface-transparent { background-color: var(--surface-transparent); }

.ui-kit-bg-transparent { background-color: initial; }

.\!ui-kit-bg-none { background-image: none !important; }

.\!ui-kit-fill-icon-accent { fill: var(--icon-accent) !important; }

.\!ui-kit-fill-icon-brand { fill: var(--icon-brand) !important; }

.\!ui-kit-fill-icon-onColor-disabled { fill: var(--icon-onColor-disabled) !important; }

.\!ui-kit-fill-icon-onWhite { fill: var(--icon-onWhite) !important; }

.\!ui-kit-fill-icon-secondary { fill: var(--icon-secondary) !important; }

.ui-kit-fill-icon-accent { fill: var(--icon-accent); }

.ui-kit-fill-icon-brand { fill: var(--icon-brand); }

.ui-kit-fill-icon-disabled { fill: var(--icon-disabled); }

.ui-kit-fill-icon-green { fill: var(--icon-green); }

.ui-kit-fill-icon-onColor { fill: var(--icon-onColor); }

.ui-kit-fill-icon-onWhite { fill: var(--icon-onWhite); }

.ui-kit-fill-icon-primary { fill: var(--icon-primary); }

.ui-kit-fill-icon-red { fill: var(--icon-red); }

.ui-kit-fill-icon-secondary { fill: var(--icon-secondary); }

.ui-kit-fill-icon-yellow { fill: var(--icon-yellow); }

.ui-kit-fill-transparent { fill: transparent; }

.ui-kit-p-2 { padding: 0.5rem; }

.ui-kit-p-3 { padding: 0.75rem; }

.ui-kit-p-4 { padding: 1rem; }

.ui-kit-p-6 { padding: 1.5rem; }

.ui-kit-p-\[12px\] { padding: 12px; }

.ui-kit-p-\[4px\] { padding: 4px; }

.ui-kit-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

.ui-kit-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }

.ui-kit-px-4 { padding-left: 1rem; padding-right: 1rem; }

.ui-kit-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

.ui-kit-px-\[6px\] { padding-left: 6px; padding-right: 6px; }

.ui-kit-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.ui-kit-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.ui-kit-py-\[5px\] { padding-top: 5px; padding-bottom: 5px; }

.ui-kit-py-\[6px\] { padding-top: 6px; padding-bottom: 6px; }

.ui-kit-pb-6 { padding-bottom: 1.5rem; }

.ui-kit-pl-2 { padding-left: 0.5rem; }

.ui-kit-pl-3 { padding-left: 0.75rem; }

.ui-kit-pr-0 { padding-right: 0px; }

.ui-kit-pr-3 { padding-right: 0.75rem; }

.ui-kit-pr-6 { padding-right: 1.5rem; }

.ui-kit-text-center { text-align: center; }

.ui-kit-text-start { text-align: start; }

.\!ui-kit-text-Body\.tiny { font-size: 0.75rem !important; font-weight: 400 !important; line-height: 1rem !important; }

.ui-kit-text-Body\.default-medium { font-size: 1rem; font-weight: 500; line-height: 1.5rem; }

.ui-kit-text-Body\.default-strong { font-size: 1rem; font-weight: 600; line-height: 1.5rem; }

.ui-kit-text-Body\.large-medium { font-size: 1.125rem; font-weight: 500; line-height: 1.5rem; }

.ui-kit-text-Body\.small { font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; }

.ui-kit-text-Body\.small-medium { font-size: 0.875rem; font-weight: 500; line-height: 1.5rem; }

.ui-kit-text-Body\.small-strong { font-size: 0.875rem; font-weight: 600; line-height: 1.5rem; }

.ui-kit-text-Body\.tiny { font-size: 0.75rem; font-weight: 400; line-height: 1rem; }

.ui-kit-text-Body\.tiny-medium { font-size: 0.75rem; font-weight: 500; line-height: 1rem; }

.ui-kit-text-Body\.tiny-strong { font-size: 0.75rem; font-weight: 600; line-height: 1rem; }

.ui-kit-text-Caption\.small { font-size: 0.6875rem; font-weight: 500; line-height: 1rem; }

.ui-kit-text-Heading\.h6 { font-size: 0.75rem; font-weight: 700; line-height: 1rem; }

.ui-kit-text-Paragraph\.small { font-size: 0.875rem; font-weight: 400; line-height: 1.375rem; }

.ui-kit-text-Paragraph\.tiny { font-size: 0.75rem; font-weight: 400; line-height: 1rem; }

.ui-kit-text-\[8px\] { font-size: 8px; }

.ui-kit-font-\[900\] { font-weight: 900; }

.ui-kit-font-bold { font-weight: 700; }

.ui-kit-font-medium { font-weight: 500; }

.ui-kit-uppercase { text-transform: uppercase; }

.ui-kit-leading-\[10px\] { line-height: 10px; }

.ui-kit-leading-\[32px\] { line-height: 32px; }

.ui-kit-tracking-tight { letter-spacing: -0.025em; }

.\!ui-kit-text-text-accent { color: var(--text-accent) !important; }

.\!ui-kit-text-text-brand { color: var(--text-brand) !important; }

.\!ui-kit-text-text-disabled { color: var(--text-disabled) !important; }

.\!ui-kit-text-text-onColor-disabled { color: var(--text-onColor-disabled) !important; }

.ui-kit-text-text-accent { color: var(--text-accent); }

.ui-kit-text-text-brand { color: var(--text-brand); }

.ui-kit-text-text-disabled { color: var(--text-disabled); }

.ui-kit-text-text-error { color: var(--text-error); }

.ui-kit-text-text-onColor { color: var(--text-onColor); }

.ui-kit-text-text-onColor-disabled { color: var(--text-onColor-disabled); }

.ui-kit-text-text-onWhite { color: var(--text-onWhite); }

.ui-kit-text-text-onWhite-disabled { color: var(--text-onWhite-disabled); }

.ui-kit-text-text-primary { color: var(--text-primary); }

.ui-kit-text-text-secondary { color: var(--text-secondary); }

.ui-kit-text-text-success { color: var(--text-success); }

.ui-kit-text-text-tertiary { color: var(--text-tertiary); }

.ui-kit-text-text-warning { color: var(--text-warning); }

.ui-kit-text-transparent { color: transparent; }

.ui-kit-no-underline { text-decoration-line: none; }

.ui-kit-caret-text-primary { caret-color: var(--text-primary); }

.ui-kit-opacity-0 { opacity: 0; }

.ui-kit-opacity-100 { opacity: 1; }

.ui-kit-opacity-40 { opacity: 0.4; }

.ui-kit-opacity-50 { opacity: 0.5; }

.ui-kit-shadow-elevation-02 { --tw-shadow: var(--elevation-02); --tw-shadow-colored: var(--elevation-02); }

.ui-kit-shadow-elevation-02, .ui-kit-shadow-elevation-03 { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); }

.ui-kit-shadow-elevation-03 { --tw-shadow: var(--elevation-03); --tw-shadow-colored: var(--elevation-03); }

.ui-kit-shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); }

.ui-kit-shadow-lg, .ui-kit-shadow-none { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); }

.ui-kit-shadow-none { --tw-shadow: 0 0 transparent; --tw-shadow-colored: 0 0 transparent; }

.\!ui-kit-outline-none { outline-offset: 2px !important; outline: transparent solid 2px !important; }

.ui-kit-outline-none { outline-offset: 2px; outline: transparent solid 2px; }

.ui-kit-transition { transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ui-kit-transition-\[background-color\] { transition-property: background-color; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ui-kit-transition-all { transition-property: all; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ui-kit-transition-colors { transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ui-kit-transition-opacity { transition-property: opacity; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ui-kit-duration-100 { transition-duration: 0.1s; }

.ui-kit-duration-200 { transition-duration: 0.2s; }

.ui-kit-duration-300 { transition-duration: 0.3s; }

.ui-kit-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ui-kit-content-none { --tw-content: none; content: var(--tw-content); }

.ui-kit-bg-background-accent { background: var(--background-accent); }

.ui-kit-no-scrollbar::-webkit-scrollbar { display: none; }

.ui-kit-no-scrollbar { scrollbar-width: none; }

@keyframes hide-show { 
  0% { opacity: 1; visibility: visible; }
  50% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}

.ui-kit-Forms-cursor { animation: 0.9s ease 0s infinite normal none running hide-show; }

.ui-kit-ModalDialog-content::-webkit-scrollbar { }

.ui-kit-ModalDialog-content::-webkit-scrollbar-thumb { background-color: var(--c-neutral-05); }

input[class^="ui-kit-"]:-webkit-autofill { -webkit-text-fill-color: var(--text-primary); caret-color: var(--text-primary); transition: background-color 550000s ease-in-out; }

input[class^="ui-kit-"]:-webkit-autofill:active { -webkit-text-fill-color: var(--text-primary); caret-color: var(--text-primary); transition: background-color 550000s ease-in-out; }

input[class^="ui-kit-"]:-webkit-autofill:focus { -webkit-text-fill-color: var(--text-primary); caret-color: var(--text-primary); transition: background-color 550000s ease-in-out; }

input[class^="ui-kit-"]:-webkit-autofill:hover { -webkit-text-fill-color: var(--text-primary); caret-color: var(--text-primary); transition: background-color 550000s ease-in-out; }

.placeholder\:ui-kit-text-text-secondary::placeholder { color: var(--text-secondary); }

.placeholder\:ui-kit-opacity-0::placeholder { opacity: 0; }

.before\:ui-kit-absolute::before { content: var(--tw-content); position: absolute; }

.before\:ui-kit-h-\[20px\]::before { content: var(--tw-content); height: 20px; }

.before\:ui-kit-h-\[8px\]::before { content: var(--tw-content); height: 8px; }

.before\:ui-kit-h-full::before { content: var(--tw-content); height: 100%; }

.before\:ui-kit-w-\[1px\]::before { content: var(--tw-content); width: 1px; }

.before\:ui-kit-w-\[20px\]::before { content: var(--tw-content); width: 20px; }

.before\:ui-kit-w-\[8px\]::before { content: var(--tw-content); width: 8px; }

.before\:ui-kit-rotate-45::before { content: var(--tw-content); --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.before\:ui-kit-rounded-full::before { content: var(--tw-content); border-radius: 9999px; }

.before\:ui-kit-border-default::before { content: var(--tw-content); border-width: 1px; }

.before\:ui-kit-border-solid::before { content: var(--tw-content); border-style: solid; }

.before\:ui-kit-border-background-accent::before { border-color: var(--background-accent); content: var(--tw-content); }

.before\:ui-kit-border-border-subtle::before { border-color: var(--border-subtle); content: var(--tw-content); }

.before\:ui-kit-bg-surface-tertiary::before { background-color: var(--surface-tertiary); content: var(--tw-content); }

.before\:ui-kit-text-text-primary::before { color: var(--text-primary); content: var(--tw-content); }

.before\:ui-kit-content-\[\"\"\]::before { --tw-content: ""; content: var(--tw-content); }

.before\:ui-kit-content-\[\"\|\"\]::before { --tw-content: "|"; content: var(--tw-content); }

.after\:ui-kit-absolute::after { content: var(--tw-content); position: absolute; }

.after\:ui-kit-left-\[4px\]::after { content: var(--tw-content); left: 4px; }

.after\:ui-kit-top-\[4px\]::after { content: var(--tw-content); top: 4px; }

.after\:ui-kit-z-0::after { content: var(--tw-content); z-index: 0; }

.after\:ui-kit-h-\[10px\]::after { content: var(--tw-content); height: 10px; }

.after\:ui-kit-h-\[16px\]::after { content: var(--tw-content); height: 16px; }

.after\:ui-kit-h-\[20px\]::after { content: var(--tw-content); height: 20px; }

.after\:ui-kit-w-\[10px\]::after { content: var(--tw-content); width: 10px; }

.after\:ui-kit-w-\[16px\]::after { content: var(--tw-content); width: 16px; }

.after\:ui-kit-w-\[20px\]::after { content: var(--tw-content); width: 20px; }

.after\:ui-kit-translate-x-\[20px\]::after { content: var(--tw-content); --tw-translate-x: 20px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.after\:ui-kit-rounded-full::after { content: var(--tw-content); border-radius: 9999px; }

.after\:ui-kit-rounded-s::after { content: var(--tw-content); border-radius: 6px; }

.after\:ui-kit-border-default::after { content: var(--tw-content); border-width: 1px; }

.after\:ui-kit-border-solid::after { content: var(--tw-content); border-style: solid; }

.after\:ui-kit-border-none::after { content: var(--tw-content); border-style: none; }

.after\:ui-kit-border-border-subtle::after { border-color: var(--border-subtle); content: var(--tw-content); }

.after\:ui-kit-bg-background-accent::after { background-color: var(--background-accent); }

.after\:ui-kit-bg-background-white::after { background-color: var(--background-white); content: var(--tw-content); }

.after\:ui-kit-shadow-thumb::after { content: var(--tw-content); --tw-shadow: 0px 0px 1px 0px rgba(0,0,0,.4),0px 6px 6px -6px rgba(0,0,0,.16); --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color),0px 6px 6px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); }

.after\:ui-kit-transition::after { content: var(--tw-content); transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.after\:ui-kit-duration-300::after { content: var(--tw-content); transition-duration: 0.3s; }

.after\:ui-kit-content-\[\"\"\]::after { --tw-content: ""; content: var(--tw-content); }

.after\:ui-kit-bg-background-accent::after { background: var(--background-accent); content: var(--tw-content); }

.last\:ui-kit-mb-0:last-child { margin-bottom: 0px; }

@media (hover: hover) and (pointer: fine) {
  .hover\:ui-kit-border-border-bold:hover { border-color: var(--border-bold); }
  .hover\:ui-kit-border-border-subtle:hover { border-color: var(--border-subtle); }
  .hover\:ui-kit-bg-background-accent-hover:hover { background-color: var(--background-accent-hover); }
  .hover\:ui-kit-bg-background-error:hover { background-color: var(--background-error); }
  .hover\:ui-kit-bg-background-neutral-hover:hover { background-color: var(--background-neutral-hover); }
  .hover\:ui-kit-bg-background-tertiary:hover { background-color: var(--background-tertiary); }
  .hover\:ui-kit-bg-surface-secondary-hover:hover { background-color: var(--surface-secondary-hover); }
  .hover\:ui-kit-bg-surface-tertiary-hover:hover { background-color: var(--surface-tertiary-hover); }
  .hover\:ui-kit-fill-icon-brand:hover { fill: var(--icon-brand); }
  .hover\:ui-kit-text-text-brand:hover { color: var(--text-brand); }
  .hover\:ui-kit-text-text-primary:hover { color: var(--text-primary); }
  .hover\:\!ui-kit-underline:hover { text-decoration-line: underline !important; }
  .hover\:ui-kit-bg-background-accent-hover:hover { background: var(--background-accent-hover); }
}

.focus\:ui-kit-border-border-brand:focus { border-color: var(--border-brand); }

.focus\:placeholder\:ui-kit-opacity-100:focus::placeholder { opacity: 1; }

.active\:ui-kit-bg-background-accent-press:active { background-color: var(--background-accent-press); }

.active\:ui-kit-bg-background-tertiary:active { background-color: var(--background-tertiary); }

.active\:ui-kit-text-text-primary:active { color: var(--text-primary); }

.active\:ui-kit-outline:active { outline-style: solid; }

.active\:ui-kit-outline-2:active { outline-width: 2px; }

.active\:ui-kit-outline-offset-\[-1px\]:active { outline-offset: -1px; }

.active\:ui-kit-outline-border-contrast:active { outline-color: var(--border-contrast); }

.active\:ui-kit-bg-background-accent-press:active { background: var(--background-accent-press); }

.disabled\:ui-kit-fill-icon-disabled:disabled { fill: var(--icon-disabled); }

@media (min-width: 760px) {
  .sm\:ui-kit-hidden { display: none; }
  .sm\:ui-kit-max-h-\[80\%\] { max-height: 80%; }
  .sm\:ui-kit-w-\[240px\] { width: 240px; }
  .sm\:ui-kit-min-w-fit { min-width: fit-content; }
  .sm\:ui-kit-max-w-\[460px\] { max-width: 460px; }
  .sm\:ui-kit-rounded-\[24px\] { border-radius: 24px; }
}

@media (min-width: 1024px) {
  .md\:ui-kit-hidden { display: none; }
  .md\:ui-kit-h-auto { height: auto; }
  .md\:ui-kit-w-\[fit-content\] { width: fit-content; }
  .md\:ui-kit-min-w-\[292px\] { min-width: 292px; }
}

#alert-manager .absolute { position: absolute; }

#alert-manager .right-0 { right: 0px; }

#alert-manager .top-0 { top: 0px; }

#alert-manager .m-3 { margin: 0.75rem; }

#alert-manager .mr-4 { margin-right: 1rem; }

#alert-manager .mt-4 { margin-top: 1rem; }

#alert-manager .\!inline { display: inline !important; }

#alert-manager .flex { display: flex; }

#alert-manager .size-6 { width: 1.5rem; height: 1.5rem; }

#alert-manager .size-\[80px\] { width: 80px; height: 80px; }

#alert-manager .\!min-w-\[120px\] { min-width: 120px !important; }

#alert-manager .\!min-w-\[80px\] { min-width: 80px !important; }

#alert-manager .flex-1 { flex: 1 1 0%; }

#alert-manager .cursor-pointer { cursor: pointer; }

#alert-manager .flex-col { flex-direction: column; }

#alert-manager .items-start { align-items: flex-start; }

#alert-manager .items-center { align-items: center; }

#alert-manager .border-border-button-tertiary { border-color: var(--border-button-tertiary); }

#alert-manager .bg-background-accent { background-color: var(--background-accent); }

#alert-manager .pl-1 { padding-left: 0.25rem; }

#alert-manager .text-lg-2 { font-size: 16px; line-height: 24px; }

#alert-manager .text-xl-3 { font-size: 24px; line-height: 32px; }

#alert-manager .font-bold { font-weight: 700; }

#alert-manager .font-semibold { font-weight: 600; }

#alert-manager .text-text-accent { color: var(--text-accent); }

#alert-manager .text-text-accent-secondary-dark { color: var(--text-accent-secondary-dark); }

#alert-manager .text-text-onWhite { color: var(--text-onWhite); }

#alert-manager .text-text-primary { color: var(--text-primary); }

#alert-manager .\!no-underline { text-decoration-line: none !important; }

#alert-manager .text-Body\.small-strong { font: var(--text-Body-small-strong); }

#alert-manager :is(.child\:\!inline > *) { display: inline !important; }

#alert-manager :is(.child\:\!text-Body\.large-regular > *) { font: var(--text-Body-large-regular) !important; }

@media (min-width: 536px) {
  #alert-manager .tablet\:ml-auto { margin-left: auto; }
  #alert-manager .tablet\:mr-10 { margin-right: 2.5rem; }
  #alert-manager .tablet\:mr-4 { margin-right: 1rem; }
  #alert-manager .tablet\:mt-0 { margin-top: 0px; }
  #alert-manager .tablet\:w-\[448px\] { width: 448px; }
  #alert-manager .tablet\:flex-row { flex-direction: row; }
  #alert-manager .tablet\:items-center { align-items: center; }
}

#alert-manager :is(.\[\&_\.ui-kit-truncate\]\:\!max-w-\[120px\] .ui-kit-truncate) { max-width: 120px !important; }