.rg-as {

	font-family: var(--rg-font-sans, "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif);

	--rg-as-weight-normal: 400;
	--rg-as-weight-medium: 500;
	--rg-as-weight-semi: 600;
	--rg-as-weight-bold: 700;

	--rg-as-inline-sign: 1;

	--rg-as-launcher-size: 3.75rem;
	--rg-as-gap: var(--rg-space-5, 1.25rem);

	--rg-as-radius: var(--rg-radius-lg, 1rem);
	--rg-as-radius-sm: var(--rg-radius, 0.625rem);

	--rg-as-ink: var(--rg-ink, #0f172a);
	--rg-as-body: var(--rg-body, #3d4859);
	--rg-as-muted: var(--rg-muted, #5b6878);
	--rg-as-surface: var(--rg-surface, #ffffff);
	--rg-as-subtle: var(--rg-subtle, #f7f9fb);
	--rg-as-edge: var(--rg-control-border, #7d8a9b);
	--rg-as-hair: var(--rg-line, #e7ebf0);
	--rg-as-brand: var(--rg-brand-800, #1e7c99);
	--rg-as-brand-pale: var(--rg-brand-300, #5cd0ec);

	--rg-as-brand-text: var(--rg-brand-700, #1a6981);
	--rg-as-wa: #117a41;

	--rg-as-accent: var(--rg-as-brand);

	--rg-as-wa-accent: var(--rg-as-wa);

	--rg-as-duration: var(--rg-duration, 200ms);
	--rg-as-ease: var(--rg-ease-out, cubic-bezier(0.16, 1, 0.3, 1));
}

:root[data-theme="dark"] .rg-as,
[data-theme="dark"] .rg-as {
	--rg-as-accent: var(--rg-brand-300, #5cd0ec);

	--rg-as-wa-accent: #25d366;
}

.rg-as[dir="rtl"] {
	--rg-as-inline-sign: -1;
}

.rg-as-sentinel {
	block-size: 0;
	inline-size: 100%;
	margin: 0;
	padding: 0;
	pointer-events: none;
	visibility: hidden;
}

.rg-as.is-at-end .rg-as-launcher-wrap {
	transform: translate3d(0, -5.5rem, 0);
}

.rg-as.is-at-end .rg-as-teaser {
	opacity: 0;
	visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
	.rg-as-launcher-wrap {
		transition: transform 260ms var(--rg-as-ease);
	}
}

.rg-as.is-open.is-at-end .rg-as-launcher-wrap {
	transform: none;
}

.rg-as-launcher-wrap {
	position: fixed;

	inset-block-end: calc(var(--rg-as-gap) + var(--rg-safe-bottom, 0px));
	inset-inline-end: var(--rg-as-gap);

	z-index: 60;

	display: flex;
	align-items: center;
	gap: var(--rg-space-2, 0.5rem);

	pointer-events: none;
}

.rg-as-launcher-wrap > * {
	pointer-events: auto;
}

.rg-as-launcher {

	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;

	position: relative;
	display: grid;
	place-items: center;

	inline-size: 4.5rem;
	block-size: 4.5rem;

	background: none;

	filter: drop-shadow(0 2px 3px rgb(9 30 41 / 0.32)) drop-shadow(0 8px 18px rgb(9 30 41 / 0.22));

	transition:
		transform var(--rg-as-duration) var(--rg-as-ease),
		background-color var(--rg-as-duration) var(--rg-as-ease);
}

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.rg-as-launcher {
		box-shadow:
			0 8px 24px rgb(30 92 124 / 0.38),
			0 2px 6px rgb(0 0 0 / 0.22);
	}
}

@media (hover: hover) {
	.rg-as-launcher:hover {
		transform: translate3d(0, -2px, 0) scale(1.04);

		filter: drop-shadow(0 3px 4px rgb(9 30 41 / 0.38)) drop-shadow(0 12px 24px rgb(9 30 41 / 0.28));
	}
}

.rg-as-launcher:active {
	transform: translate3d(0, 0, 0) scale(0.97);
}

.rg-as-launcher:focus-visible {

	outline: none;
	filter:
		drop-shadow(0 0 0 #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff)
		drop-shadow(0 0 6px rgb(9 30 41 / 0.55))
		drop-shadow(0 8px 18px rgb(9 30 41 / 0.3));
}

.rg-as-launcher .rg-as-robot,
.rg-as-launcher__close {
	grid-area: 1 / 1;

	inline-size: 2.75rem;
	block-size: 2.75rem;
	border-radius: 50%;
	background: var(--rg-as-brand);

	color: #fff;
	display: grid;
	place-items: center;
	transition:
		opacity var(--rg-as-duration) var(--rg-as-ease),
		transform var(--rg-as-duration) var(--rg-as-ease);
}

.rg-as-launcher__close {
	opacity: 0;
	transform: rotate(-90deg) scale(0.6);
}

.rg-as.is-open .rg-as-launcher .rg-as-robot {
	opacity: 0;
	transform: scale(0.6);
}

.rg-as.is-open .rg-as-launcher__close {
	opacity: 1;
	transform: rotate(0) scale(1);
}

.rg-as-robot__eye {
	opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.rg-as-launcher {
		animation: rg-as-bob 4s ease-in-out infinite;
	}

	.rg-as.is-open .rg-as-launcher {
		animation: none;
	}

	.rg-as-robot__eye {
		animation: rg-as-blink 5s ease-in-out infinite;
	}

	.rg-as-robot__bulb {
		animation: rg-as-glow 3.2s ease-in-out infinite;
	}

	.rg-as.is-open .rg-as-robot__eye,
	.rg-as.is-open .rg-as-robot__bulb {
		animation: none;
	}

	.rg-as-launcher::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 50%;
		border: 2px solid var(--rg-as-brand-pale);
		opacity: 0;
		pointer-events: none;
	}

	.rg-as-launcher.is-pulsing::before {
		animation: rg-as-pulse 1.8s var(--rg-as-ease) 2;
	}
}

@keyframes rg-as-bob {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, -2px, 0);
	}
}

@keyframes rg-as-blink {
	0%,
	45%,
	55%,
	100% {
		opacity: 0;
	}
	48%,
	52% {
		opacity: 1;
	}
}
@keyframes rg-as-glow {
	0%,
	100% {
		opacity: 0.55;
	}
	50% {
		opacity: 1;
	}
}

@keyframes rg-as-pulse {
	0% {
		opacity: 0.85;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.7);
	}
}

.rg-as-teaser {
	display: flex;
	align-items: center;

	max-inline-size: min(14rem, calc(100dvw - 7.5rem));

	padding-block: 0.5rem;
	padding-inline: 0.75rem;

	background: var(--rg-as-surface);

	border: 1px solid var(--rg-as-edge);
	border-radius: var(--rg-as-radius-sm);
	box-shadow: var(--rg-shadow, 0 4px 12px rgb(11 11 12 / 0.10));

	cursor: pointer;

	user-select: none;
}

.rg-as-teaser::before,
.rg-as-teaser::after {
	content: "";
	position: absolute;
	inset-block-start: 50%;
	inline-size: 0.5rem;
	block-size: 0.5rem;

	transform: translateY(-50%) rotate(45deg);
	pointer-events: none;
}

.rg-as-teaser::before {
	inset-inline-end: -0.3rem;
	background: var(--rg-as-edge);
}

.rg-as-teaser::after {
	inset-inline-end: -0.22rem;
	background: var(--rg-as-surface);
}

.rg-as-teaser {
	position: relative;
}

.rg-as.is-open .rg-as-teaser {
	opacity: 0;
	visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
	.rg-as-teaser {
		transition:
			opacity var(--rg-as-duration) var(--rg-as-ease),
			visibility var(--rg-as-duration) var(--rg-as-ease);
	}
}

@media (max-width: 26rem) {
	.rg-as-teaser {
		display: none;
	}
}

.rg-as-teaser__text {
	font-size: var(--rg-text-sm, 0.875rem);
	font-weight: var(--rg-as-weight-medium);

	color: var(--rg-as-ink);
	text-align: start;
	line-height: 1.35;

	text-wrap: pretty;
}

@media (hover: hover) {
	.rg-as-teaser:hover {
		background: var(--rg-as-subtle);
	}

	.rg-as-teaser:hover::after {
		background: var(--rg-as-subtle);
	}
}

.rg-as-panel {
	position: fixed;

	inset-block-end: calc(var(--rg-as-gap) + var(--rg-as-launcher-size) + 0.75rem + var(--rg-safe-bottom, 0px));
	inset-inline-end: var(--rg-as-gap);

	z-index: 59;

	inline-size: clamp(22rem, 34dvw, 34rem);
	block-size: clamp(26rem, 78dvh, 52rem);

	max-block-size: calc(100dvh - var(--rg-as-gap) * 2 - var(--rg-as-launcher-size) - 1.5rem);

	display: flex;
	flex-direction: column;
	overflow: hidden;

	background: var(--rg-as-surface);

	border: 1px solid var(--rg-as-edge);
	border-radius: var(--rg-as-radius);
	box-shadow: var(--rg-shadow-lg, 0 12px 32px rgb(11 11 12 / 0.14));

	color: var(--rg-as-body);
	font-size: var(--rg-text-sm, 0.875rem);
	line-height: 1.65;
}

.rg-as-panel[hidden] {
	display: none;
}

@media (prefers-reduced-motion: no-preference) {
	.rg-as-panel {
		animation: rg-as-panel-in 260ms var(--rg-as-ease);

		transform-origin: inline-end block-end;
	}
}

@keyframes rg-as-panel-in {
	from {
		opacity: 0;

		transform: translate3d(0, 12px, 0) scale(0.96);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes rg-as-rise {
	from {
		opacity: 0;
		transform: translate3d(0, 8px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: no-preference) {

	.rg-as.is-open .rg-as-header {
		animation: rg-as-rise 300ms var(--rg-as-ease) 60ms backwards;
	}

	.rg-as.is-open .rg-as-log > .rg-as-msg:nth-child(1) {
		animation: rg-as-rise 320ms var(--rg-as-ease) 90ms backwards;
	}
	.rg-as.is-open .rg-as-log > .rg-as-msg:nth-child(2) {
		animation: rg-as-rise 320ms var(--rg-as-ease) 135ms backwards;
	}
	.rg-as.is-open .rg-as-log > .rg-as-msg:nth-child(3) {
		animation: rg-as-rise 320ms var(--rg-as-ease) 180ms backwards;
	}
	.rg-as.is-open .rg-as-log > .rg-as-msg:nth-child(4) {
		animation: rg-as-rise 320ms var(--rg-as-ease) 225ms backwards;
	}

	.rg-as.is-open .rg-as-footer {
		animation: rg-as-rise 300ms var(--rg-as-ease) 210ms backwards;
	}

	.rg-as.is-open .rg-as-chips > .rg-as-chip {
		animation: rg-as-rise 260ms var(--rg-as-ease) backwards;
	}
	.rg-as.is-open .rg-as-chips > .rg-as-chip:nth-child(1) { animation-delay: 240ms; }
	.rg-as.is-open .rg-as-chips > .rg-as-chip:nth-child(2) { animation-delay: 275ms; }
	.rg-as.is-open .rg-as-chips > .rg-as-chip:nth-child(3) { animation-delay: 310ms; }
	.rg-as.is-open .rg-as-chips > .rg-as-chip:nth-child(4) { animation-delay: 345ms; }
	.rg-as.is-open .rg-as-chips > .rg-as-chip:nth-child(5) { animation-delay: 380ms; }
	.rg-as.is-open .rg-as-chips > .rg-as-chip:nth-child(6) { animation-delay: 415ms; }
}

@media (min-width: 30.0625rem) and (min-height: 68.75rem) {
	.rg-as-panel {

		inset-block: 0;
		margin-block: auto;

		max-block-size: calc(100dvh - 4rem);
	}

	@media (prefers-reduced-motion: no-preference) {

		.rg-as-panel {
			transform-origin: center center;
		}
	}
}

@media (max-width: 30rem) {
	.rg-as-panel {
		inset-inline: 0;
		inset-block-end: 0;
		inline-size: auto;
		max-block-size: 82dvh;

		border-start-start-radius: var(--rg-as-radius);
		border-start-end-radius: var(--rg-as-radius);
		border-end-start-radius: 0;
		border-end-end-radius: 0;
		border-block-end: 0;

		padding-block-end: var(--rg-safe-bottom, 0px);
	}

	@media (prefers-reduced-motion: no-preference) {
		.rg-as-panel {
			animation: rg-as-sheet-in 280ms var(--rg-as-ease);
			transform-origin: center block-end;
		}
	}

	.rg-as.is-open .rg-as-launcher-wrap {
		opacity: 0;
		pointer-events: none;
	}
}

@keyframes rg-as-sheet-in {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.rg-as-header {
	display: flex;
	align-items: center;
	gap: var(--rg-space-3, 0.75rem);
	padding: var(--rg-space-3, 0.75rem) var(--rg-space-4, 1rem);

	background: color-mix(in srgb, var(--rg-as-surface) 92%, transparent);
	-webkit-backdrop-filter: blur(12px) saturate(1.4);
	backdrop-filter: blur(12px) saturate(1.4);

	border-block-end: 1px solid var(--rg-as-hair);

	position: sticky;
	inset-block-start: 0;
	z-index: 1;
	flex: none;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.rg-as-header {
		background: var(--rg-as-surface);
	}
}

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.rg-as-header {
		background: var(--rg-as-surface);
	}
}

.rg-as-header__avatar {
	display: grid;
	place-items: center;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	flex: none;
	border-radius: 50%;
	background: var(--rg-as-brand);
	color: #fff;
}

.rg-as-header__text {
	flex: 1 1 auto;
	min-inline-size: 0;
}

.rg-as-title {
	margin: 0;
	font-size: var(--rg-text-base, 1rem);
	font-weight: var(--rg-as-weight-semi);
	line-height: 1.3;
	color: var(--rg-as-ink);
}

.rg-as-subtitle {
	margin: 0;
	font-size: var(--rg-text-xs, 0.75rem);
	font-weight: var(--rg-as-weight-normal);
	line-height: 1.4;
	color: var(--rg-as-muted);
}

.rg-as-x {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: none;
	cursor: pointer;

	display: grid;
	place-items: center;

	inline-size: 2.75rem;
	block-size: 2.75rem;
	flex: none;
	margin-inline-end: calc(var(--rg-space-2, 0.5rem) * -1);
	border-radius: var(--rg-as-radius-sm);

	color: var(--rg-as-muted);
	transition: background-color var(--rg-as-duration) var(--rg-as-ease);
}

@media (hover: hover) {
	.rg-as-x:hover {
		background: var(--rg-as-subtle);
		color: var(--rg-as-ink);
	}
}

.rg-as-x:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: -2px;
}

.rg-as-log {
	flex: 1 1 auto;
	overflow-y: auto;

	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;

	padding: var(--rg-space-4, 1rem);
	display: flex;
	flex-direction: column;
	gap: var(--rg-space-3, 0.75rem);
}

.rg-as-log:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: -3px;
}

.rg-as-sr {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.rg-as-msg {
	display: flex;
	flex-direction: column;
	gap: var(--rg-space-2, 0.5rem);
	max-inline-size: 100%;
}

.rg-as-msg--user {
	align-items: flex-end;
}

.rg-as-msg--bot {
	align-items: flex-start;
}

.rg-as-msg--bot {
	position: relative;
	padding-inline-start: 2.25rem;
}

.rg-as-msg--bot::before {
	content: "";
	position: absolute;

	inset-inline-start: 0;
	inset-block-start: 0;
	inline-size: 1.75rem;
	block-size: 1.75rem;
	border-radius: 50%;
	background-color: var(--rg-as-brand);

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Crect x='7' y='9' width='18' height='15' rx='5'/%3E%3Crect x='15.2' y='5' width='1.6' height='4' rx='.8'/%3E%3Ccircle cx='16' cy='4' r='1.9'/%3E%3Crect x='11.4' y='14' width='3' height='3.4' rx='1.5' fill='%231e7c99'/%3E%3Crect x='17.6' y='14' width='3' height='3.4' rx='1.5' fill='%231e7c99'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.25rem 1.25rem;
}

.rg-as-bubble {
	max-inline-size: 90%;
	padding: var(--rg-space-3, 0.75rem) var(--rg-space-3, 0.75rem);
	border-radius: var(--rg-as-radius-sm);

	overflow-wrap: anywhere;
}

.rg-as-msg--bot .rg-as-bubble {

	background: color-mix(in srgb, var(--rg-as-brand-pale) 22%, var(--rg-as-surface));
	color: var(--rg-as-body);

	border-end-start-radius: var(--rg-space-1, 0.25rem);
}

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.rg-as-msg--bot .rg-as-bubble {

		background: #ecf6fa;
	}
}

.rg-as-msg--user .rg-as-bubble {

	background: var(--rg-as-brand);
	color: #fff;
	font-weight: var(--rg-as-weight-medium);
	border-end-end-radius: var(--rg-space-1, 0.25rem);
}

.rg-as-bubble--form {

	background: var(--rg-as-subtle);
	border: 1px solid var(--rg-as-hair);
	max-inline-size: 100%;
	inline-size: 100%;
}

.rg-as-p {
	margin: 0;
}

.rg-as-p + .rg-as-p {
	margin-block-start: var(--rg-space-2, 0.5rem);
}

.rg-as-bubble strong {
	font-weight: var(--rg-as-weight-semi);
	color: inherit;
}

.rg-as-msg--bot .rg-as-bubble strong {

	color: var(--rg-as-ink);
}

.rg-as-list {
	margin: var(--rg-space-2, 0.5rem) 0 0;

	padding-inline-start: var(--rg-space-4, 1rem);
	display: flex;
	flex-direction: column;
	gap: var(--rg-space-1, 0.25rem);
}

.rg-as-list--tight {
	margin-block-start: var(--rg-space-1, 0.25rem);
	gap: 0.125rem;
}

.rg-as-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rg-space-2, 0.5rem);
	max-inline-size: 100%;
}

.rg-as-chip {
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-block-size: 2.75rem;
	padding-block: var(--rg-space-2, 0.5rem);
	padding-inline: var(--rg-space-4, 1rem);

	background: var(--rg-as-subtle);

	border: 1px solid var(--rg-as-accent);
	border-radius: var(--rg-radius-full, 9999px);

	font: inherit;
	font-size: var(--rg-text-sm, 0.875rem);
	font-weight: var(--rg-as-weight-semi);

	color: var(--rg-as-brand-text);
	text-align: center;
	line-height: 1.3;

	box-shadow: 0 1px 2px rgb(11 11 12 / 0.10);

	transition:
		background-color var(--rg-as-duration) var(--rg-as-ease),
		border-color var(--rg-as-duration) var(--rg-as-ease),
		box-shadow var(--rg-as-duration) var(--rg-as-ease),
		transform var(--rg-as-duration) var(--rg-as-ease);
}

@media (hover: hover) {
	.rg-as-chip:hover:not(:disabled) {

		background: color-mix(in srgb, var(--rg-as-accent) 12%, var(--rg-as-subtle));

		transform: translate3d(0, -1px, 0);
		box-shadow: 0 3px 8px rgb(11 11 12 / 0.14);
	}
}

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	@media (hover: hover) {
		.rg-as-chip:hover:not(:disabled) {

			background: var(--rg-as-surface);
		}
	}
}

.rg-as-chip:active:not(:disabled) {
	transform: translate3d(0, 0, 0) scale(0.98);
	box-shadow: none;
}

.rg-as-chips.is-spent .rg-as-chip {
	box-shadow: none;
	transform: none;
}

.rg-as-chip:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: 2px;
}

.rg-as-chip:disabled {
	cursor: default;
	background: var(--rg-as-subtle);

	border-color: var(--rg-as-edge);
	color: var(--rg-as-muted);
}

.rg-as-typing {
	align-self: flex-start;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	padding: var(--rg-space-3, 0.75rem);
	background: color-mix(in srgb, var(--rg-as-brand-pale) 22%, var(--rg-as-surface));
	border-radius: var(--rg-as-radius-sm);
	border-end-start-radius: var(--rg-space-1, 0.25rem);
}

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.rg-as-typing {
		background: #ecf6fa;
	}
}

.rg-as-typing__dots {
	display: flex;
	gap: 0.25rem;
}

.rg-as-typing__dot {
	inline-size: 0.4375rem;
	block-size: 0.4375rem;
	border-radius: 50%;

	background: var(--rg-brand-600, #308992);
}

@media (prefers-reduced-motion: no-preference) {
	.rg-as-typing__dot {
		animation: rg-as-dot 1.2s ease-in-out infinite;
	}

	.rg-as-typing__dot:nth-child(2) {
		animation-delay: 0.15s;
	}

	.rg-as-typing__dot:nth-child(3) {
		animation-delay: 0.3s;
	}
}

@keyframes rg-as-dot {
	0%,
	100% {
		opacity: 0.35;
		transform: translate3d(0, 0, 0);
	}
	50% {
		opacity: 1;
		transform: translate3d(0, -3px, 0);
	}
}

.rg-as-packages {
	display: flex;
	flex-direction: column;
	gap: var(--rg-space-3, 0.75rem);
}

.rg-as-pack {
	padding: var(--rg-space-3, 0.75rem);
	background: var(--rg-as-surface);

	border: 1px solid var(--rg-line-strong, #cfd6de);
	border-radius: var(--rg-as-radius-sm);
}

.rg-as-pack__name {
	margin: 0;
	font-size: var(--rg-text-base, 1rem);
	font-weight: var(--rg-as-weight-semi);
	color: var(--rg-as-brand-text);
}

.rg-as-pack__summary {
	margin: var(--rg-space-1, 0.25rem) 0 0;
	color: var(--rg-as-body);
}

.rg-as-pack__line {
	margin-block-start: var(--rg-space-2, 0.5rem);
}

.rg-as-pack__lineName {
	margin: 0;
	font-size: var(--rg-text-xs, 0.75rem);
	font-weight: var(--rg-as-weight-semi);

	color: var(--rg-as-muted);
}

.rg-as-pack__more,
.rg-as-pack__consumables {
	color: var(--rg-as-muted);
	font-size: var(--rg-text-xs, 0.75rem);
}

.rg-as-pack__consumables {
	margin: var(--rg-space-2, 0.5rem) 0 0;
}

.rg-as-pack__note {
	margin-block-start: var(--rg-space-1, 0.25rem);
	font-size: var(--rg-text-xs, 0.75rem);
	color: var(--rg-as-muted);
}

.rg-as-handoff__grid {
	display: flex;
	flex-direction: column;
	gap: var(--rg-space-2, 0.5rem);
	margin-block-start: var(--rg-space-3, 0.75rem);
}

.rg-as-handoff__item {
	display: flex;
	align-items: center;
	gap: var(--rg-space-3, 0.75rem);

	min-block-size: 3rem;
	padding: var(--rg-space-2, 0.5rem) var(--rg-space-3, 0.75rem);

	border-radius: var(--rg-as-radius-sm);
	text-decoration: none;

	background: var(--rg-as-brand);
	color: #fff;

	transition:
		transform var(--rg-as-duration) var(--rg-as-ease),
		filter var(--rg-as-duration) var(--rg-as-ease);
}

.rg-as-handoff__item--wa {
	background: var(--rg-as-wa);
}

@media (hover: hover) {
	.rg-as-handoff__item:hover {
		transform: translate3d(0, -1px, 0);

		filter: brightness(0.92);
	}
}

.rg-as-handoff__item:focus-visible {
	outline: 3px solid var(--rg-as-ink);
	outline-offset: 2px;
}

.rg-as-handoff__icon {
	display: grid;
	place-items: center;
	flex: none;
	color: #fff;
}

.rg-as-handoff__body {
	display: flex;
	flex-direction: column;
	min-inline-size: 0;
}

.rg-as-handoff__label {
	font-weight: var(--rg-as-weight-semi);
	font-size: var(--rg-text-sm, 0.875rem);
}

.rg-as-handoff__detail {
	font-size: var(--rg-text-xs, 0.75rem);

	color: #fff;
	font-weight: var(--rg-as-weight-normal);
}

@media (min-width: 26rem) {
	.rg-as-handoff__grid--inline {
		flex-direction: row;
	}

	.rg-as-handoff__grid--inline .rg-as-handoff__item {
		flex: 1 1 0;
	}
}

.rg-as-outcome {
	padding: var(--rg-space-3, 0.75rem);
	border-radius: var(--rg-as-radius-sm);
	border: 1px solid transparent;
}

.rg-as-outcome__title {
	margin: 0 0 var(--rg-space-1, 0.25rem);
	font-size: var(--rg-text-base, 1rem);
	font-weight: var(--rg-as-weight-semi);
}

.rg-as-outcome--ok {
	background: var(--rg-success-bg, #e8f7ee);
	border-color: var(--rg-success, #0f7a44);
}

.rg-as-outcome--ok .rg-as-outcome__title {
	color: var(--rg-success, #0f7a44);
}

.rg-as-outcome--warn {
	background: var(--rg-warning-bg, #fdf3e2);
	border-color: var(--rg-warning, #8a5300);
}

.rg-as-outcome--warn .rg-as-outcome__title {
	color: var(--rg-warning, #8a5300);
}

.rg-as-outcome--err {
	background: var(--rg-danger-bg, #fdeceb);
	border-color: var(--rg-danger, #b4231f);
}

.rg-as-outcome--err .rg-as-outcome__title {
	color: var(--rg-danger, #b4231f);
}

.rg-as-outcome .rg-as-p {
	color: var(--rg-as-body);
}

.rg-as-ref {
	margin: var(--rg-space-3, 0.75rem) 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--rg-space-2, 0.5rem);
}

.rg-as-ref__label {
	font-size: var(--rg-text-xs, 0.75rem);
	color: var(--rg-as-muted);
}

.rg-as-ref__value {
	font-family: var(--rg-font-mono, ui-monospace, "SFMono-Regular", Menlo, monospace);
	font-size: var(--rg-text-sm, 0.875rem);
	font-weight: var(--rg-as-weight-semi);
	color: var(--rg-as-ink);

	user-select: all;
	-webkit-user-select: all;
	padding: 0.125rem 0.375rem;
	background: var(--rg-as-surface);
	border: 1px solid var(--rg-line-strong, #cfd6de);
	border-radius: var(--rg-radius-sm, 0.375rem);
}

.rg-as-quote__set,
.rg-as-quote__lines {

	margin: 0;
	padding: 0;
	border: 0;
	min-inline-size: 0;
	display: flex;
	flex-direction: column;
	gap: var(--rg-space-3, 0.75rem);
}

.rg-as-quote__legend {
	padding: 0;
	margin-block-end: var(--rg-space-1, 0.25rem);
	font-size: var(--rg-text-base, 1rem);
	font-weight: var(--rg-as-weight-semi);
	color: var(--rg-as-ink);
}

.rg-as-quote__lines {
	gap: var(--rg-space-1, 0.25rem);
	padding-block-start: var(--rg-space-1, 0.25rem);
}

.rg-as-field {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.rg-as-field__label {
	font-size: var(--rg-text-sm, 0.875rem);
	font-weight: var(--rg-as-weight-medium);
	color: var(--rg-as-ink);
}

.rg-as-field__opt {
	font-weight: var(--rg-as-weight-normal);
	color: var(--rg-as-muted);
}

.rg-as-field__input {
	inline-size: 100%;

	min-block-size: 2.75rem;
	padding: var(--rg-space-2, 0.5rem) var(--rg-space-3, 0.75rem);

	font: inherit;
	font-size: var(--rg-text-sm, 0.875rem);
	color: var(--rg-as-ink);
	background: var(--rg-as-surface);

	border: 1px solid var(--rg-as-edge);
	border-radius: var(--rg-radius-sm, 0.375rem);

	appearance: none;
	-webkit-appearance: none;

	transition:
		border-color var(--rg-as-duration) var(--rg-as-ease),
		box-shadow var(--rg-as-duration) var(--rg-as-ease);
}

textarea.rg-as-field__input {
	min-block-size: 4.5rem;
	resize: vertical;
	line-height: 1.6;
}

.rg-as-field__input::placeholder {
	color: var(--rg-as-muted);
	opacity: 1;
}

.rg-as-field__input:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: 1px;
	border-color: var(--rg-as-accent);
}

.rg-as-field__input[aria-invalid="true"] {
	border-color: var(--rg-danger, #b4231f);

	box-shadow: 0 0 0 1px var(--rg-danger, #b4231f);
}

.rg-as-field__hint,
.rg-as-note {
	margin: 0;
	font-size: var(--rg-text-xs, 0.75rem);
	color: var(--rg-as-muted);
	line-height: 1.5;
}

.rg-as-field__err {
	margin: 0;
	font-size: var(--rg-text-xs, 0.75rem);
	font-weight: var(--rg-as-weight-medium);

	color: var(--rg-danger, #b4231f);
}

.rg-as-field__err[hidden] {
	display: none;
}

.rg-as-check {
	display: flex;
	align-items: center;
	gap: var(--rg-space-2, 0.5rem);

	min-block-size: 2.75rem;
}

.rg-as-check__box {

	inline-size: 1.25rem;
	block-size: 1.25rem;
	flex: none;
	margin: 0;

	accent-color: var(--rg-as-brand);
	cursor: pointer;
}

.rg-as-check__box:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: 2px;
}

.rg-as-check__label {
	font-size: var(--rg-text-sm, 0.875rem);
	color: var(--rg-as-ink);
	cursor: pointer;

	flex: 1 1 auto;
	padding-block: var(--rg-space-2, 0.5rem);
}

.rg-as-quote__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rg-space-2, 0.5rem);
	margin-block-start: var(--rg-space-3, 0.75rem);
}

.rg-as-btn {
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;

	min-block-size: 2.75rem;
	padding: var(--rg-space-2, 0.5rem) var(--rg-space-4, 1rem);
	border-radius: var(--rg-radius-sm, 0.375rem);

	font: inherit;
	font-size: var(--rg-text-sm, 0.875rem);
	font-weight: var(--rg-as-weight-semi);

	transition:
		background-color var(--rg-as-duration) var(--rg-as-ease),
		border-color var(--rg-as-duration) var(--rg-as-ease),
		box-shadow var(--rg-as-duration) var(--rg-as-ease),
		transform var(--rg-as-duration) var(--rg-as-ease);
}

.rg-as-btn--primary {
	flex: 1 1 auto;
	background: var(--rg-as-brand);
	color: #fff;
	border: 1px solid var(--rg-as-brand);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--rg-as-brand) 40%, transparent);
}

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.rg-as-btn--primary {
		box-shadow: 0 1px 2px rgb(30 92 124 / 0.4);
	}
}

.rg-as-btn--ghost {
	background: var(--rg-as-surface);
	color: var(--rg-as-brand-text);

	border: 1px solid var(--rg-as-edge);
}

@media (hover: hover) {
	.rg-as-btn--primary:hover:not(:disabled) {
		background: var(--rg-brand-900, #0f3b48);
		border-color: var(--rg-brand-900, #0f3b48);
		transform: translate3d(0, -1px, 0);
		box-shadow: 0 4px 10px color-mix(in srgb, var(--rg-as-brand) 45%, transparent);
	}

	.rg-as-btn--ghost:hover:not(:disabled) {
		background: var(--rg-as-subtle);
		border-color: var(--rg-as-accent);
		transform: translate3d(0, -1px, 0);
	}
}

.rg-as-btn:active:not(:disabled) {
	transform: translate3d(0, 0, 0) scale(0.985);
	box-shadow: none;
}

.rg-as-btn:focus-visible {
	outline: 3px solid var(--rg-as-ink);
	outline-offset: 2px;
}

.rg-as-btn:disabled {
	cursor: default;

	background: var(--rg-brand-700, #1a6981);
	border-color: var(--rg-brand-700, #1a6981);

	box-shadow: none;
	transform: none;
}

.rg-as-footer {
	flex: none;
	padding: var(--rg-space-3, 0.75rem) var(--rg-space-4, 1rem);
	border-block-start: 1px solid var(--rg-as-hair);
	background: var(--rg-as-surface);
	display: flex;
	flex-direction: column;
	gap: var(--rg-space-2, 0.5rem);
}

.rg-as-bar {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--rg-space-2, 0.5rem);
}

.rg-as-bar__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--rg-space-2, 0.5rem);

	min-block-size: 2.75rem;
	padding-inline: var(--rg-space-2, 0.5rem);

	background: var(--rg-as-subtle);

	border: 1px solid var(--rg-as-edge);
	border-radius: var(--rg-as-radius-sm);

	color: var(--rg-as-brand-text);
	text-decoration: none;
	font-size: var(--rg-text-sm, 0.875rem);
	font-weight: var(--rg-as-weight-medium);
	line-height: 1.2;

	transition:
		background-color var(--rg-as-duration) var(--rg-as-ease),
		border-color var(--rg-as-duration) var(--rg-as-ease);
}

.rg-as-bar__item--wa {
	color: var(--rg-as-wa-accent);
}

.rg-as-bar__icon {
	display: inline-flex;
	flex: none;
}

.rg-as-bar__icon svg {
	inline-size: 1.125rem;
	block-size: 1.125rem;
}

.rg-as-bar__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 22rem) {
	.rg-as-bar__label {

		position: absolute;
		clip-path: inset(50%);
		inline-size: 1px;
		block-size: 1px;
		overflow: hidden;
	}
}

@media (hover: hover) {
	.rg-as-bar__item:hover {
		background: var(--rg-as-surface);
		border-color: currentColor;
	}
}

.rg-as-bar__item:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: 2px;
}

.rg-as-composer {
	display: flex;
	gap: var(--rg-space-2, 0.5rem);
	align-items: stretch;
}

.rg-as-input {
	flex: 1 1 auto;
	min-inline-size: 0;
	min-block-size: 2.75rem;
	padding: var(--rg-space-2, 0.5rem) var(--rg-space-3, 0.75rem);

	font: inherit;

	font-size: max(1rem, var(--rg-text-sm, 0.875rem));
	color: var(--rg-as-ink);
	background: var(--rg-as-surface);

	border: 1px solid var(--rg-as-edge);
	border-radius: var(--rg-radius-full, 9999px);

	appearance: none;
	-webkit-appearance: none;
}

.rg-as-input::placeholder {
	color: var(--rg-as-muted);
	opacity: 1;
}

.rg-as-input:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: 1px;
	border-color: var(--rg-as-accent);
}

.rg-as-send {
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	border: 0;

	display: grid;
	place-items: center;

	inline-size: 2.75rem;
	block-size: 2.75rem;
	flex: none;
	border-radius: 50%;

	background: var(--rg-as-brand);
	color: #fff;

	box-shadow: 0 1px 3px color-mix(in srgb, var(--rg-as-brand) 45%, transparent);

	transition:
		background-color var(--rg-as-duration) var(--rg-as-ease),
		box-shadow var(--rg-as-duration) var(--rg-as-ease),
		transform var(--rg-as-duration) var(--rg-as-ease);
}

@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.rg-as-send {
		box-shadow: 0 1px 3px rgb(30 92 124 / 0.45);
	}
}

.rg-as-send:active:not(:disabled) {
	transform: translate3d(0, 0, 0) scale(0.94);
	box-shadow: none;
}

@media (hover: hover) {
	.rg-as-send:hover:not(:disabled) {
		background: var(--rg-brand-900, #0f3b48);
	}
}

.rg-as-send:disabled {
	background: var(--rg-as-edge);
	cursor: default;

	box-shadow: none;
	transform: none;
}

.rg-as-send:focus-visible {
	outline: 3px solid var(--rg-as-accent);
	outline-offset: 2px;
}

.rg-as-send:disabled {
	cursor: default;
	background: var(--rg-brand-600, #308992);
}

.rg-as[dir="rtl"] .rg-as-send__icon {
	transform: scaleX(-1);
}

@media (forced-colors: active) {
	.rg-as-launcher,
	.rg-as-chip,
	.rg-as-btn,
	.rg-as-send,
	.rg-as-handoff__item,
	.rg-as-bubble,
	.rg-as-teaser,
	.rg-as-panel {
		border: 1px solid ButtonText;
	}

	.rg-as-launcher:focus-visible,
	.rg-as-chip:focus-visible,
	.rg-as-btn:focus-visible,
	.rg-as-send:focus-visible,
	.rg-as-input:focus-visible,
	.rg-as-field__input:focus-visible {

		outline: 3px solid Highlight;
		outline-offset: 2px;
	}

	.rg-as-launcher::before {
		display: none;
	}
}

@media print {
	.rg-as {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rg-as *,
	.rg-as *::before,
	.rg-as *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		animation-delay: 0ms !important;
		transition-duration: 0.01ms !important;
		transition-delay: 0ms !important;
		scroll-behavior: auto !important;
	}

	.rg-as-launcher,
	.rg-as-launcher:hover,
	.rg-as-launcher:active,
	.rg-as-teaser,
	.rg-as-panel,
	.rg-as-chip:active,
	.rg-as-btn:active,
	.rg-as-handoff__item:hover,
	.rg-as-typing__dot {
		animation: none !important;
		transform: none !important;
	}

	.rg-as-header,
	.rg-as-log > .rg-as-msg,
	.rg-as-footer,
	.rg-as-chips > .rg-as-chip,
	.rg-as-chip:hover {
		animation: none !important;
		transform: none !important;
		opacity: 1 !important;
	}

	.rg-as-launcher .rg-as-robot,
	.rg-as-launcher__close {
		transform: none !important;
	}

	.rg-as-launcher::before {
		display: none !important;
	}

	.rg-as-handoff__item:hover {
		filter: none !important;
	}
}