.base-btn.ai-button {
	justify-content: center;
}
.base-btn.ai-button.ai-button--primary.ai-button--xs {
	--bb-button-min-h: 24px;
	--bb-button-px: 10px;
	--bb-button-font-size: 12px;
}
.base-btn.ai-button.ai-button--primary.ai-button--sm {
	--bb-button-min-h: 34px;
	--bb-button-px: 15px;
	--bb-button-font-size: 14px;
}
.base-btn.ai-button.ai-button--primary.ai-button--md {
	--bb-button-min-h: 44px;
	--bb-button-px: 26px;
}
.base-btn.ai-button.ai-button--primary.ai-button--lg {
	--bb-button-min-h: 50px;
	--bb-button-px: 26px;
	--bb-button-font-size: 18px;
}
.base-btn.ai-button.ai-button--primary {
	position: relative;
	border-color: transparent;
	background-clip: padding-box;
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}
.base-btn.ai-button.ai-button--primary:hover:not(:disabled) {
	--tw-bg-opacity: 1;
	background-color: rgb(67 67 255 / var(--tw-bg-opacity));
}
.base-btn.ai-button.ai-button--primary:hover:not(:disabled):before {
	opacity: 0.7;
}
.base-btn.ai-button.ai-button--primary:before {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
	--tw-gradient-from: #686eff var(--tw-gradient-from-position);
	--tw-gradient-to: rgb(104 110 255 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	--tw-gradient-to: #82e6fe var(--tw-gradient-to-position);
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.3s;
	border-radius: var(--bb-button-radius);
	content: '';
}
.base-btn.ai-button.ai-button--primary > * {
	isolation: isolate;
}
.base-btn.ai-button.ai-button--secondary.ai-button--xs {
	--bb-button-min-h: 24px;
	--bb-button-px: 10px;
	--bb-button-font-size: 12px;
}
.base-btn.ai-button.ai-button--secondary.ai-button--sm {
	--bb-button-min-h: 34px;
	--bb-button-px: 15px;
	--bb-button-font-size: 14px;
}
.base-btn.ai-button.ai-button--secondary.ai-button--md {
	--bb-button-min-h: 44px;
	--bb-button-px: 26px;
}
.base-btn.ai-button.ai-button--secondary.ai-button--lg {
	--bb-button-min-h: 50px;
	--bb-button-px: 26px;
	--bb-button-font-size: 18px;
}
.base-btn.ai-button.ai-button--secondary {
	--tw-border-opacity: 1;
	border-color: rgb(239 239 255 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(239 239 255 / var(--tw-bg-opacity));
	font-weight: 500;
	color: var(--color);
}
.base-btn.ai-button.ai-button--secondary:hover:not(:disabled),
.base-btn.ai-button.ai-button--secondary:active:not(:disabled) {
	--tw-bg-opacity: 1;
	background-color: rgb(107 107 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(239 239 255 / var(--tw-text-opacity));
}
.base-btn.ai-button.ai-button--danger.ai-button--xs {
	--bb-button-min-h: 24px;
	--bb-button-px: 10px;
	--bb-button-font-size: 12px;
}
.base-btn.ai-button.ai-button--danger.ai-button--sm {
	--bb-button-min-h: 34px;
	--bb-button-px: 15px;
	--bb-button-font-size: 14px;
}
.base-btn.ai-button.ai-button--danger.ai-button--md {
	--bb-button-min-h: 44px;
	--bb-button-px: 26px;
}
.base-btn.ai-button.ai-button--danger.ai-button--lg {
	--bb-button-min-h: 50px;
	--bb-button-px: 26px;
	--bb-button-font-size: 18px;
}
.base-btn.ai-button.ai-button--danger {
	--tw-border-opacity: 1;
	border-color: rgb(254 242 242 / var(--tw-border-opacity));
	--tw-bg-opacity: 1;
	background-color: rgb(254 242 242 / var(--tw-bg-opacity));
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(220 38 38 / var(--tw-text-opacity));
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}
.base-btn.ai-button.ai-button--danger:hover:not(:disabled),
.base-btn.ai-button.ai-button--danger:active:not(:disabled) {
	--tw-bg-opacity: 1;
	background-color: rgb(239 68 68 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(254 242 242 / var(--tw-text-opacity));
}
.base-btn.ai-button.ai-button--ghost.ai-button--xs {
	--bb-button-min-h: 24px;
	--bb-button-px: 10px;
	--bb-button-font-size: 12px;
}
.base-btn.ai-button.ai-button--ghost.ai-button--sm {
	--bb-button-min-h: 34px;
	--bb-button-px: 15px;
	--bb-button-font-size: 14px;
}
.base-btn.ai-button.ai-button--ghost.ai-button--md {
	--bb-button-min-h: 44px;
	--bb-button-px: 26px;
}
.base-btn.ai-button.ai-button--ghost.ai-button--lg {
	--bb-button-min-h: 50px;
	--bb-button-px: 26px;
	--bb-button-font-size: 18px;
}
.base-btn.ai-button.ai-button--ghost {
	--tw-border-opacity: 1;
	border-color: rgb(222 222 255 / var(--tw-border-opacity));
	background-color: transparent;
	font-weight: 500;
	color: var(--color);
}
.base-btn.ai-button.ai-button--ghost:hover:not(:disabled),
.base-btn.ai-button.ai-button--ghost:active:not(:disabled) {
	--tw-bg-opacity: 1;
	background-color: rgb(239 239 255 / var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgb(107 107 255 / var(--tw-text-opacity));
}
.base-btn.ai-button.ai-button--link {
	--bb-button-py: 0px;
	--bb-button-px: 0px;
	--bb-button-radius: 0px;
	--bb-button-border-width: 0px;
	--bb-button-spacing-x: 6px;
	background-color: transparent;
	color: var(--color);
}
.base-btn.ai-button.ai-button--link.base-btn--disabled {
	--color: #b4b4c6;
	opacity: 1;
}
.base-btn.ai-button.ai-button--link.base-btn--disabled .bb-icon {
	--tw-bg-opacity: 1;
	background-color: rgb(227 227 237 / var(--tw-bg-opacity));
}
.base-btn.ai-button.ai-button--link:hover:not(.base-btn--disabled) {
	text-decoration-line: underline;
	text-underline-offset: 2px;
}
.base-btn.ai-button.ai-button--link:hover:not(.base-btn--disabled) .bb-icon {
	--tw-bg-opacity: 1;
	background-color: rgb(222 222 255 / var(--tw-bg-opacity));
}
.base-btn.ai-button.ai-button--link .bb-icon {
	width: 22px !important;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(239 239 255 / var(--tw-bg-opacity));
	padding: 2px;
	transition-property: color, background-color, border-color,
		text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.15s;
}
.base-btn.ai-button.ai-button--link-blue {
	--color: #017a98;
	--bb-button-py: 0px;
	--bb-button-px: 0px;
	--bb-button-radius: 0px;
	--bb-button-border-width: 0px;
	--bb-button-spacing-x: 2px;
	background-color: transparent;
	color: var(--color);
}
.base-btn.ai-button.ai-button--link-blue.base-btn--disabled {
	--color: #b4b4c6;
	opacity: 1;
}
.base-btn.ai-button.ai-button--link-blue.base-btn--disabled .bb-icon {
	--tw-bg-opacity: 1;
	background-color: rgb(227 227 237 / var(--tw-bg-opacity));
}
.base-btn.ai-button.ai-button--link-blue:hover:not(.base-btn--disabled) {
	text-decoration-line: underline;
	text-underline-offset: 2px;
}
.base-btn.ai-button.ai-button--link-blue:hover:not(.base-btn--disabled)
	.bb-icon {
	--tw-bg-opacity: 1;
	background-color: rgb(204 245 255 / var(--tw-bg-opacity));
}
.base-btn.ai-button.ai-button--link-blue .bb-icon {
	width: 18px !important;
	border-radius: 9999px;
	--tw-bg-opacity: 1;
	background-color: rgb(230 250 255 / var(--tw-bg-opacity));
	transition-property: color, background-color, border-color,
		text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.15s;
}