/**
 * G1Verify Toolkit — swatch label / price styling.
 *
 * Turns the wpvs "button" swatches into full-width plan rows (term name on one
 * side, descriptor + price on the other), styled with the site's GLOBAL design
 * tokens (--surface, --blue, --text-2, --r-md …) so it matches the rest of the
 * theme. All values fall back to sane defaults if a token is missing.
 */
/*g1-theme:tokens — written by tools/g1-theme-tokenize.py; do not edit*/
:root{--tc-bg-10b981:#10b981;--tc-bg-34d399:#34d399;--tc-bg-34d399-12:rgba(52,211,153,.12);--tc-bg-4f7cff-08:rgba(79,124,255,.08);--tc-bg-4f7cff-1:rgba(79,124,255,.1);--tc-bg-4f7cff-16:rgba(79,124,255,.16);--tc-bg-7fd0ff-12:rgba(127,208,255,.12);--tc-bg-fb923c:#fb923c;--tc-bg-fb923c-12:rgba(251,146,60,.12);--tc-bg-ffb400-08:rgba(255,180,0,.08);--tc-bg-ffffff-18:rgba(255,255,255,.18);--tc-fg-6ee7b7:#6ee7b7;--tc-fg-fdba74:#fdba74;--tc-fg-ffd58a:#ffd58a;--tc-ln-4f7cff-3:rgba(79,124,255,.3);--tc-ln-4f7cff-32:rgba(79,124,255,.32);--tc-ln-ffb400-3:rgba(255,180,0,.3);--tc-ln-ffffff-18:rgba(255,255,255,.18);--tc-on-04120c:#04120c;--tc-on-ffffff:#ffffff;--tc-sh-4f7cff-45:rgba(79,124,255,.45)}
:root[data-theme="light"]{--tc-bg-10b981:#10b981;--tc-bg-34d399:#34d399;--tc-bg-34d399-12:rgba(24,110,79,.066);--tc-bg-4f7cff-08:rgba(39,82,227,.044);--tc-bg-4f7cff-1:rgba(39,82,227,.055);--tc-bg-4f7cff-16:rgba(39,82,227,.088);--tc-bg-7fd0ff-12:rgba(25,102,149,.066);--tc-bg-fb923c:#fb923c;--tc-bg-fb923c-12:rgba(157,73,3,.066);--tc-bg-ffb400-08:rgba(128,90,0,.044);--tc-bg-ffffff-18:rgba(11,16,36,.126);--tc-fg-6ee7b7:#126f4b;--tc-fg-fdba74:#964e02;--tc-fg-ffd58a:#875700;--tc-ln-4f7cff-3:rgba(39,82,227,.3);--tc-ln-4f7cff-32:rgba(39,82,227,.32);--tc-ln-ffb400-3:rgba(128,90,0,.3);--tc-ln-ffffff-18:rgba(11,16,36,.234);--tc-on-04120c:#04120c;--tc-on-ffffff:#ffffff;--tc-sh-4f7cff-45:rgba(39,82,227,.27)}
/*/g1-theme:tokens*/

/* ---- Full-width stacked plan rows ------------------------------------- */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 14px 18px !important;
	font-size: 1rem !important;
	border-radius: var(--r-md, 12px) !important;
	background: var(--surface, rgba(255, 255, 255, 0.06)) !important;
	color: var(--text, #f4f6ff) !important;
	box-shadow: none !important;
	transition: background var(--dur, 0.25s) var(--ease, ease);
}

.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-hover {
	background: var(--surface-hover, rgba(255, 255, 255, 0.085)) !important;
	box-shadow: none !important;
}

/* Selected row: use the theme's accent surface + a blue ring. */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected {
	background: var(--surface-accent, linear-gradient(165deg, rgba(79, 124, 255, 0.24), rgba(79, 124, 255, 0.08))) !important;
	color: var(--text, #f4f6ff) !important;
	box-shadow: 0 0 0 1px var(--tc-sh-4f7cff-45) inset !important;
}

/* The term name (English), e.g. "Go". */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option {
	font-weight: 700;
	direction: ltr;
	color: inherit !important;
}

/* Hide the empty out-of-stock icon so it doesn't add gaps. */
.vi-wpvs-option-out-of-stock-attribute-icon:empty {
	display: none;
}

/* "Inquiry only" swatch (no purchasable price): the swatch plugin disables /
   blurs it — re-enable it so the shopper can click for a price inquiry. */
.vi-wpvs-variation-wrap .vi-wpvs-option-wrap.utc-inquiry-swatch,
.vi-wpvs-option-wrap.utc-inquiry-swatch {
	cursor: pointer !important;
	pointer-events: auto !important;
	opacity: 1 !important;
	filter: none !important;
}
.utc-inquiry-swatch .vi-wpvs-option-out-of-stock-attribute-icon {
	display: none !important;
}

/* ---- Injected descriptor + price -------------------------------------- */
.utc-swatch-desc {
	color: var(--text-2, rgba(244, 246, 255, 0.78));
	font-weight: 400;
	font-size: 0.92em;
}
.utc-swatch-desc::before {
	content: "·";
	margin: 0 6px;
	opacity: 0.6;
}

.utc-swatch-price {
	margin-inline-start: auto; /* push to the opposite edge */
	font-weight: 700;
	white-space: nowrap;
	color: inherit;
	/* Stop themes that justify text from kashida-stretching the word. */
	text-align: right !important;
	text-align-last: right !important;
}

/* Same guard for the selected-variation price area. */
.woocommerce-variation-price {
	text-align: right !important;
	text-align-last: right !important;
}
.utc-swatch-price.is-inquiry {
	font-weight: 500;
	color: var(--text-2, rgba(244, 246, 255, 0.6));
}

/* Recommended badge (blue pill, matching the design's «پیشنهاد ما»). */
.utc-swatch-badge {
	margin-inline-start: 8px;
	font-size: 0.62rem;
	font-weight: 700;
	line-height: 1.6;
	background: var(--blue, #4f7cff);
	color: var(--tc-on-ffffff);
	border-radius: var(--r-sm, 8px);
	padding: 2px 9px;
	white-space: nowrap;
}

/* ---- Telegram inquiry button ------------------------------------------ */
/* Reuses the global .btn / .btn--primary look; just make it full-width. */
.utc-inquiry-btn {
	width: 100%;
	justify-content: space-between;
	margin-top: 6px;
}
.utc-inquiry-btn .btn__chip svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* ---- Rich plan-card features (from the visual editor) ----------------- */
.plan-card__feats--rich ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.plan-card__feats--rich li {
	position: relative;
	padding-inline-start: 22px;
	line-height: 1.7;
	color: var(--text-2, rgba(244, 246, 255, 0.78));
}
.plan-card__feats--rich li::before {
	content: "✓";
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	font-weight: 700;
	color: var(--cyan, #7fd0ff);
}
.plan-card__feats--rich p {
	margin: 0 0 8px;
	color: var(--text-2, rgba(244, 246, 255, 0.78));
}
.plan-card__feats--rich :last-child {
	margin-bottom: 0;
}

/* ---- Generic (non-wpvs) swatch fallback ------------------------------- */
.variable-items-wrapper .variable-item .utc-swatch-meta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-inline-start: 8px;
	font-size: 0.85em;
}

/* ---- "Suitable for" solution tiles ([g1_suitable_for]) --------------- */
.g1-suitable {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
}
.g1-sol {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 22px;
	text-decoration: none;
	color: inherit;
	border-radius: var(--r-md, 14px);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.g1-sol:hover {
	transform: translateY(-3px);
	text-decoration: none;
	color: inherit;
}
.g1-sol__icon {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.g1-sol__icon svg {
	width: 26px;
	height: 26px;
	display: block;
}
.g1-sol__title {
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1.4;
	color: var(--text-1, #f4f6ff);
}
.g1-sol__desc {
	font-size: 0.9rem;
	line-height: 1.7;
	color: var(--text-2, rgba(244, 246, 255, 0.78));
}
.g1-sol__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 4px;
}
.g1-sol__soon {
	position: absolute;
	inset-inline-end: 14px;
	top: 14px;
}

/* ---- Native button swatches (UTC_Swatch_Render) ---------------------- *
 * Rendered as full-width plan rows — identical look to the wpvs button rows
 * above — so it matches the demo: term name (+ descriptor) on one side, price
 * pushed to the opposite edge, muted accent surface on the selected row. */
.utc-swatches__select {
	/* Keep the real <select> in the DOM & functional, but out of sight. */
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.utc-swatches__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}
.utc-swatch {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	/* Padding counts inside the tile width so single-row card groups (account
	   type / warranty) never overflow when they shrink to share the row. */
	box-sizing: border-box;
	padding: 14px 18px;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: var(--r-md, 12px);
	border: 1px solid transparent;
	background: var(--surface, rgba(255, 255, 255, 0.06));
	color: var(--text, #f4f6ff);
	transition: background var(--dur, 0.25s) var(--ease, ease), box-shadow 0.2s ease;
	-webkit-user-select: none;
	user-select: none;
}
.utc-swatch:hover {
	background: var(--surface-hover, rgba(255, 255, 255, 0.085));
}
/* Selected row: theme accent surface + subtle blue ring (matches the demo). */
.utc-swatch.is-selected,
.utc-swatch.vi-wpvs-option-wrap-selected {
	background: var(--surface-accent, linear-gradient(165deg, rgba(79, 124, 255, 0.24), rgba(79, 124, 255, 0.08)));
	color: var(--text, #f4f6ff);
	box-shadow: 0 0 0 1px var(--tc-sh-4f7cff-45) inset;
}
/* The term name (English), e.g. "Go" / "Pro 20X". */
.utc-swatch__label {
	font-weight: 700;
	direction: ltr;
	color: inherit;
}
.utc-swatch--disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.utc-swatch--disabled:hover {
	background: var(--surface, rgba(255, 255, 255, 0.06));
}

/* ---- Compact "delta cards" (e.g. warranty status) -------------------- *
 * A horizontal grid of tiles; each shows the option name and how much it
 * ADDS on top of the cheapest option (+X), with the recommended one badged. */
.utc-swatches--cards .utc-swatches__list {
	flex-direction: row;
	/* Always a single row: account type (2 tiles) and warranty (1–3 tiles) each
	   sit side by side in exactly N equal columns, from the widest monitor down
	   to the smallest phone — they shrink together instead of wrapping. */
	flex-wrap: nowrap;
	gap: 12px;
}
.utc-swatch--card {
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 6px;
	padding: 16px 12px;
	position: relative;
	width: auto;
}
.utc-swatch--card .utc-swatch__label {
	direction: rtl;
	font-weight: 700;
	font-size: 0.95rem;
}
.utc-swatch--card .utc-swatch-price {
	margin-inline-start: 0;
	font-weight: 700;
	font-size: 0.85rem;
	color: var(--text-2, rgba(244, 246, 255, 0.7));
}
.utc-swatch--card.is-selected .utc-swatch-price,
.utc-swatch--card.vi-wpvs-option-wrap-selected .utc-swatch-price {
	color: inherit;
}
.utc-swatch--card .utc-swatch-price.is-inquiry {
	font-weight: 500;
}
/* Cards are name + delta only — hide any descriptor / "—" text. */
.utc-swatch--card .utc-swatch-desc {
	display: none;
}
/* Recommended badge floats on the top edge of the card. */
.utc-swatch--card .utc-swatch-badge {
	position: absolute;
	top: -9px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}

/* ---- Card group heading + selection summary -------------------------- */
.utc-swatches--cards {
	margin-top: 18px;
}
.utc-swatches__title {
	font-weight: 700;
	font-size: 0.95rem;
	margin: 0 0 12px;
	color: var(--text, #f4f6ff);
}
.utc-selection-summary {
	margin: 6px 0 14px;
	text-align: center;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--text-2, rgba(244, 246, 255, 0.78));
}
.utc-selection-summary.is-inquiry {
	color: var(--cyan, #7fd0ff);
}

/* Suppress WooCommerce's built-in "no matching variations" notice on swatch
   products — a no-price combination is handled as an inquiry (Telegram button),
   not an error. */
.utc-has-swatches .wc-no-matching-variations,
.variations_form.utc-has-swatches .single_variation .wc-no-matching-variations {
	display: none !important;
}

/* Big "inquiry" label shown where the price normally is. */
.utc-inquiry-price {
	font-weight: 800;
	color: var(--cyan, #7fd0ff);
}

/* A delta-card whose combination the shop never created → truly unavailable
   (greyed, not clickable), distinct from an existing but priceless inquiry. */
.utc-swatch--unavailable {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

/* ---- v2.9: state machine UI ------------------------------------------ */

/* Status tag chip near «جمع قابل پرداخت» (green/orange/blue with a dot). */
.utc-status-tag {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 8px;
}
.utc-status-tag i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	display: inline-block;
}
.utc-status-tag.is-available {
	background: var(--tc-bg-34d399-12);
	color: var(--tc-fg-6ee7b7);
}
.utc-status-tag.is-available i { background: var(--tc-bg-34d399); }
.utc-status-tag.is-oos {
	background: var(--tc-bg-fb923c-12);
	color: var(--tc-fg-fdba74);
}
.utc-status-tag.is-oos i { background: var(--tc-bg-fb923c); }
.utc-status-tag.is-inquiry {
	background: var(--tc-bg-7fd0ff-12);
	color: var(--cyan, #7fd0ff);
}
.utc-status-tag.is-inquiry i { background: var(--cyan, #7fd0ff); }

/* Big out-of-stock label variant (inquiry variant already styled). */
.utc-inquiry-price.is-oos {
	color: var(--tc-fg-fdba74);
}

/* Per-term selection notice (e.g. shared-account warning). */
.utc-select-notice {
	margin-top: 12px;
	padding: 12px 16px;
	border-radius: var(--r-md, 12px);
	background: var(--tc-bg-ffb400-08);
	border: 1px solid var(--tc-ln-ffb400-3);
	color: var(--tc-fg-ffd58a);
	font-size: 0.88rem;
	line-height: 1.9;
}

/* Card second line: descriptor text (account-type cards). */
.utc-swatch--card .utc-swatch-desc {
	display: block;
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.8;
	color: var(--text-2, rgba(244, 246, 255, 0.72));
	white-space: normal;
}
.utc-swatch--card .utc-swatch-desc::before {
	content: none;
	margin: 0;
}
/* Tiles never impose a minimum that would force a second row — they share the
   row equally and shrink as needed (single-row rule above). */
.utc-swatch--card {
	min-width: 0;
}

/* We render our own state tags — hide WooCommerce's availability text. */
.utc-has-swatches .woocommerce-variation-availability {
	display: none !important;
}

/* Cards that carry a text descriptor (e.g. account type) read like the demo:
   start-aligned title with the description under it. Cards without a
   descriptor (warranty tiles) stay centered. */
.utc-swatch--card:has(.utc-swatch-desc) {
	align-items: flex-start;
	text-align: start;
	gap: 4px;
	padding: 16px 18px;
	min-width: 0;
}

/* Theme label row that hosts the status tag (add the class
   `utc-status-anchor` to the «جمع قابل پرداخت» element in the builder):
   label at the start, tag pushed to the opposite edge — like the design. */
.utc-status-anchor {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.utc-status-anchor .utc-status-tag {
	margin-bottom: 0;
}

/* ---- Scrollable chips (e.g. subscription duration) -------------------- */
.utc-swatches--chips .utc-swatches__list {
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	gap: 10px;
	padding: 10px 2px 10px; /* top room for floating badges */
	scrollbar-width: thin;
	scrollbar-color: var(--tc-ln-ffffff-18) transparent;
	-webkit-overflow-scrolling: touch;
}
.utc-swatches--chips .utc-swatches__list::-webkit-scrollbar {
	height: 5px;
}
.utc-swatches--chips .utc-swatches__list::-webkit-scrollbar-thumb {
	background: var(--tc-bg-ffffff-18);
	border-radius: 999px;
}
.utc-swatch--chip {
	flex: 0 0 auto;
	min-width: 86px;
	width: auto;
	padding: 12px 16px;
	align-items: center;
	text-align: center;
	gap: 4px;
	font-size: 0.9rem;
}
.utc-swatch--chip .utc-swatch__label {
	font-size: 0.9rem;
}
.utc-swatch--chip .utc-swatch-price,
.utc-swatch--chip .utc-swatch-desc {
	font-size: 0.75rem;
}
/* Chips show the descriptor centered under the name (e.g. «۵٪ تخفیف»). */
.utc-swatch--chip .utc-swatch-desc {
	display: block;
	margin: 0;
	color: var(--text-2, rgba(244, 246, 255, 0.7));
}
.utc-swatch--chip .utc-swatch-desc::before {
	content: none;
	margin: 0;
}
.utc-swatch--chip:has(.utc-swatch-desc) {
	align-items: center;
	text-align: center;
	min-width: 86px;
	padding: 12px 16px;
}

/* Green highlight badge (per-term, e.g. «به‌صرفه‌ترین»). */
.utc-swatch-badge--alt {
	background: var(--tc-bg-10b981);
	color: var(--tc-on-04120c);
}

/* The variations <table> must never widen the buy card: fixed layout keeps
   the cell at container width so the chips row scrolls INSIDE it instead. */
.utc-has-swatches table.variations {
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.utc-has-swatches table.variations td,
.utc-has-swatches table.variations th {
	max-width: 100%;
}
.utc-swatches {
	min-width: 0;
	max-width: 100%;
}
.utc-swatches--chips {
	max-width: 100%;
	overflow: hidden;
}

/* Hard guarantee that the chips can NEVER widen the buy card, regardless of
   the theme's layout: the wrap's inline size is computed as if it had no
   content (contain), and the list contributes zero intrinsic width (width: 0
   + min-width: 100% fallback) — so overflow always scrolls inside. */
.utc-swatches--chips {
	contain: inline-size;
}
.utc-swatches--chips .utc-swatches__list {
	width: 0;
	min-width: 100%;
}

/* Small blue "why it changed" note (auto-revert explanation), shown under
   the first group whose value was auto-adjusted — like the design. */
.utc-change-note {
	margin-top: 12px;
	padding: 12px 16px;
	border-radius: var(--r-md, 12px);
	background: var(--tc-bg-4f7cff-1);
	border: 1px solid var(--tc-ln-4f7cff-3);
	color: var(--cyan, #9db9ff);
	font-size: 0.85rem;
	line-height: 1.9;
	text-align: center;
}

/* ---- v2.12: plan-card upgrades ([g1_plans]) --------------------------- *
 * Equal-height cards on desktop: each card is a flex column and the
 * «مناسب برای» box (or, without one, the button) is pinned to the card
 * floor — so word-count differences are absorbed in the empty space
 * between the features and the box, keeping boxes and buttons aligned. */
.utc-plans {
	align-items: stretch;
}
.utc-plans .plan-card {
	display: flex;
	flex-direction: column;
}

/* Inline badge next to the plan name (theme's floating badge overridden). */
.utc-plans .plan-card__name {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.utc-plans .plan-card__badge--inline {
	position: static;
	transform: none;
	margin: 0;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.8;
	white-space: nowrap;
	background: var(--tc-bg-4f7cff-16);
	color: var(--cyan, #7fd0ff);
}

/* «مناسب برای» box, Cursor-style: blue label + free text. */
.utc-plans .plan-card__suitable {
	margin-top: auto;
	margin-bottom: 14px;
	padding: 12px 14px;
	border-radius: var(--r-md, 12px);
	border: 1px solid var(--tc-ln-4f7cff-32);
	background: var(--tc-bg-4f7cff-08);
	font-size: 0.85rem;
	line-height: 1.9;
	color: var(--text-2, rgba(244, 246, 255, 0.78));
}
.utc-plans .plan-card__suitable-label {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 4px;
	font-size: 0.76rem;
	font-weight: 700;
	color: var(--cyan, #7fd0ff);
}
.utc-plans .plan-card__suitable-label svg {
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
}

/* Cards without a «مناسب برای» box sink the button itself instead, so the
   button row still lines up across the grid. */
.utc-plans .plan-card:not(:has(.plan-card__suitable)) > .btn:last-child {
	margin-top: auto;
}

/* ------------------------------------------------------------------ *
 * [g1_live_stats] — live order stats (median delivery, activations,
 * renewal rate). Computed at render time from WooCommerce data and
 * cached daily; hidden entirely when the data is thin.
 * ------------------------------------------------------------------ */
.g1-live-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	margin: 20px 0;
}
.g1-live-stats__item {
	flex: 1 1 140px;
	min-width: 120px;
	max-width: 220px;
	text-align: center;
	padding: 16px 12px;
	border: 1px solid var(--border, rgba(127, 208, 255, 0.18));
	border-radius: 14px;
	background: var(--card-bg, rgba(127, 208, 255, 0.05));
}
.g1-live-stats__num {
	display: block;
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--cyan, #7fd0ff);
}
.g1-live-stats__label {
	display: block;
	margin-top: 6px;
	font-size: 0.82rem;
	color: var(--muted, #9fb3c8);
}