/* ==========================================================================
   Insights — tool page shell, shared tool parts, overview.
   Values lifted 1:1 from the design's inline styles.
   ========================================================================== */

/* Hidden UI stays hidden even where a class sets display. */
[data-ot-tool] [hidden] { display: none !important; }

/* Facts row under the hero: facts, app CTA, "All tools" ------------------- */
.ot-tool-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	align-items: center;
	padding: 0 0 20px;
}
.ot-tool-facts__item {
	font-size: 12px;
	font-weight: 600;
	color: var(--ot-muted);
	white-space: nowrap;
}
.ot-tool-facts__actions {
	margin-left: auto;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.ot-tool-facts__all {
	height: 38px;
	display: inline-flex;
	align-items: center;
	padding: 0 6px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-muted);
}
.ot-tool-facts__all:hover { color: var(--ot-text); }

/* Editor content below a tool / the overview. */
.ot-tool-content { margin-top: 44px; }

/* Control bar on top of each tool (chips, toggles, meta) ------------------ */
.ot-tool-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 20px;
	border-top: 1px solid var(--ot-line);
	padding-top: 4px;
}
.ot-tool-meta {
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-dim);
}
.ot-tool-meta--nowrap { white-space: nowrap; }

.ot-tool-scroll { overflow-x: auto; }

/* Column labels ("TIME", "ECONOMY", detail labels). */
.ot-th {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--ot-dim);
}

/* Footnote under a tool. */
.ot-tool-note {
	margin: 18px 0 0;
	font-size: 11px;
	line-height: 1.55;
	color: var(--ot-dim);
	text-wrap: pretty;
}

/* Release time: released / today / later this week. */
.ot-time.is-past { color: var(--ot-dim); }
.ot-time.is-today { color: var(--ot-text); }
.ot-time.is-upcoming { color: var(--ot-muted); }

/* Impact dots: 1 = one grey, 2 = two light, 3 = three light, 4 = three orange. */
.ot-dots {
	--ot-dot: var(--ot-muted);
	display: flex;
	gap: 3px;
}
.ot-dots > span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--ot-line-mid);
}
.ot-dots > span:first-child,
.ot-dots--2 > span:nth-child(2),
.ot-dots--3 > span,
.ot-dots--4 > span { background: var(--ot-dot); }
.ot-dots--1 { --ot-dot: var(--ot-dim); }
.ot-dots--4 { --ot-dot: var(--ot-orange); }

/* Range bar (heatmap level): --w width, --bar colour. */
.ot-bar {
	display: block;
	height: 3px;
	border-radius: 2px;
	background: var(--ot-line-soft);
	position: relative;
	overflow: hidden;
}
.ot-bar__fill {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: var(--w);
	background: var(--bar);
}

/* Correlation matrix cell colours: --bg shade; dark text on deep teal. */
.ot-mx {
	background: var(--bg);
	color: var(--ot-text);
}
.ot-mx.is-dark { color: var(--ot-bg); }
.ot-mx--self {
	background: rgba(255, 255, 255, .05);
	color: var(--ot-dim);
}
.ot-mx--head {
	background: transparent;
	color: var(--ot-muted);
}

/* Overview ---------------------------------------------------------------- */
.ot-ov__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: 0 40px;
}
.ot-ov__card {
	border-top: 1px solid var(--ot-line);
	padding: 20px 0 28px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ot-ov__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}
.ot-ov__title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.36px;
	color: var(--ot-white);
}
.ot-ov__note {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	color: var(--ot-muted);
	text-wrap: pretty;
}
.ot-ov__list {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.ot-ov-cal__row {
	display: grid;
	grid-template-columns: 44px 36px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 9px 0;
	border-top: 1px solid var(--ot-line-soft);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	font-variant-numeric: tabular-nums;
}
.ot-ov-cal__ccy { color: var(--ot-dim); }
.ot-ov-cal__name {
	color: var(--ot-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ot-ov-heat__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 64px;
	gap: 12px;
	align-items: center;
	padding: 9px 0;
	border-top: 1px solid var(--ot-line-soft);
}
.ot-ov-heat__main {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.ot-ov-heat__name {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ot-ov-heat__value {
	text-align: right;
	font-size: 12px;
	font-weight: 700;
	color: var(--ot-text);
	font-variant-numeric: tabular-nums;
}

.ot-ov-corr__matrix {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 8px;
}
.ot-ov-corr__row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 3px;
}
.ot-ov-corr__cell {
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: -0.24px;
	font-variant-numeric: tabular-nums;
	overflow: hidden;
	white-space: nowrap;
}

.ot-ov__more {
	border-top: 1px solid var(--ot-line);
	padding-top: 16px;
}
.ot-ov__more-title { margin: 0; }
.ot-ov__more-grid {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 0 40px;
}
.ot-ov-tool {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 0 20px;
	color: var(--ot-text);
}
.ot-ov-tool__head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: baseline;
}
.ot-ov-tool__label {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.32px;
	color: var(--ot-white);
}
.ot-ov-tool__desc {
	font-size: 12px;
	line-height: 1.5;
	color: var(--ot-muted);
	text-wrap: pretty;
}
.ot-ov-tool__stat {
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-dim);
}

/* Async live-data state: keep the shell visible while the provider is loading. */
.ot-tool-async{min-height:220px}
.ot-tool-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ot-muted,#7e858c);font-size:14px;border-top:1px solid var(--ot-line,rgba(255,255,255,.12))}
.ot-tool-loading__spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ot-tool-spin .7s linear infinite}
.ot-tool-load-error{min-height:160px;display:flex;align-items:center;justify-content:center;color:var(--ot-muted,#7e858c);border-top:1px solid var(--ot-line,rgba(255,255,255,.12))}
@keyframes ot-tool-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ot-tool-loading__spinner{animation:none}}
/* ==========================================================================
   Insights — Economic Calendar.
   ========================================================================== */

.ot-tool-bar--calendar {
	gap: 8px 24px;
	padding-top: 8px;
}

/* Week stepper ‹ 26 Sep – 02 Oct 2026 › */
.ot-cal__week {
	display: flex;
	align-items: center;
	gap: 6px;
}
.ot-cal__step {
	appearance: none;
	border: 0;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: var(--ot-raised);
	color: var(--ot-muted);
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	line-height: 1;
}
.ot-cal__range {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.24px;
	color: var(--ot-text);
	white-space: nowrap;
	padding: 0 8px;
	font-variant-numeric: tabular-nums;
}

.ot-cal__views {
	display: flex;
	gap: 18px;
}

/* "Hide released" switch */
.ot-switch {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	font-family: inherit;
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-muted);
	cursor: pointer;
	user-select: none;
}
.ot-switch__track {
	display: block;
	width: 30px;
	height: 18px;
	border-radius: 9px;
	background: rgba(255, 255, 255, .14);
	position: relative;
	transition: background .15s;
}
.ot-switch__knob {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--ot-text);
	transition: left .15s;
}
.ot-switch[aria-checked="true"] .ot-switch__track { background: var(--ot-orange); }
.ot-switch[aria-checked="true"] .ot-switch__knob { left: 14px; }

.ot-cal__empty {
	margin: 0;
	padding: 40px 0;
	border-top: 1px solid var(--ot-line);
	font-size: 13px;
	color: var(--ot-muted);
}

/* Table */
.ot-cal__table { min-width: 760px; }
.ot-cal__grid {
	display: grid;
	grid-template-columns: 60px 48px 56px minmax(220px, 1fr) 88px 88px 88px;
	gap: 12px;
}
.ot-cal__head {
	padding: 14px 0 10px;
	border-bottom: 1px solid var(--ot-line);
}
.ot-cal__num { text-align: right; }

.ot-cal__day-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 18px 0 8px;
}
.ot-cal__day-title {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.28px;
	color: var(--ot-text);
}
.ot-cal__day-title.is-today { color: var(--ot-orange); }
.ot-cal__count {
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-dim);
}

/* Event row (toggles its details) */
.ot-cal__row {
	appearance: none;
	width: 100%;
	margin: 0;
	border: 0;
	border-top: 1px solid var(--ot-line-soft);
	background: transparent;
	text-align: left;
	font-family: inherit;
	align-items: center;
	padding: 11px 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-text);
	font-variant-numeric: tabular-nums;
}
.ot-cal__row:hover { color: var(--ot-white); }
.ot-cal__ccy { color: var(--ot-dim); }
.ot-cal__event-name {
	display: flex;
	gap: 8px;
	align-items: baseline;
	min-width: 0;
}
.ot-cal__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ot-cal__ref {
	font-size: 10px;
	font-weight: 700;
	color: var(--ot-dim);
	white-space: nowrap;
}
.ot-cal__actual { font-weight: 700; }
.ot-cal__actual.is-up { color: var(--ot-green); }
.ot-cal__actual.is-down { color: var(--ot-red); }
.ot-cal__actual.is-flat { color: var(--ot-text); }
.ot-cal__actual.is-pending { color: var(--ot-dim); }
.ot-cal__forecast { color: var(--ot-muted); }
.ot-cal__previous { color: var(--ot-dim); }

/* Event details */
.ot-cal__details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
	gap: 14px 28px;
	margin: 0;
	padding: 4px 0 18px 72px;
}
.ot-cal__detail {
	margin: 4px 0 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-text);
}
.ot-cal__detail--num { font-variant-numeric: tabular-nums; }
.ot-cal__detail--released { color: var(--ot-green); }
.ot-cal__detail--scheduled { color: var(--ot-muted); }
.ot-cal__history { grid-column: 1 / -1; }
.ot-cal__history-list {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	margin: 6px 0 0;
}
.ot-cal__past {
	font-size: 12px;
	font-weight: 600;
	color: var(--ot-text);
	font-variant-numeric: tabular-nums;
}
.ot-cal__period {
	color: var(--ot-dim);
	margin-right: 6px;
}

.ot-cal__step:disabled{opacity:.35;cursor:default;pointer-events:none}
/* ==========================================================================
   Insights — Cross-Asset Correlation.
   ========================================================================== */

.ot-corr__windows {
	margin-left: auto;
	display: flex;
	gap: 14px;
	align-items: center;
}

.ot-corr__note {
	margin: 14px 0 0;
	font-size: 12px;
	line-height: 1.55;
	color: var(--ot-muted);
	max-width: 720px;
	text-wrap: pretty;
}
.ot-corr__scroll { margin-top: 16px; }

/* Matrix: --n instruments, --min scroll width (96px + 76px per instrument). */
.ot-corr__matrix {
	min-width: var(--min);
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.ot-corr__row {
	display: grid;
	grid-template-columns: minmax(96px, 1.3fr) repeat(var(--n), minmax(0, 1fr));
	gap: 3px;
}
.ot-corr__cell {
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.24px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}
.ot-corr__cell--row { justify-content: flex-start; }
.ot-corr__slot {
	display: flex;
	min-width: 0;
}
button.ot-corr__cell {
	appearance: none;
	border: 0;
	margin: 0;
	width: 100%;
	font-family: inherit;
	cursor: pointer;
}
.ot-corr__cell[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--ot-text); }

.ot-corr__foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px 24px;
	margin-top: 16px;
}
.ot-corr__pick {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-text);
}
.ot-corr__legend {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-dim);
	white-space: nowrap;
}
.ot-corr__scale {
	display: block;
	width: 140px;
	height: 6px;
	border-radius: 3px;
	background: linear-gradient(90deg, #84E9E8, rgba(255, 255, 255, .06) 50%, #F54A14);
}
/* ==========================================================================
   Instrument Directory (table primitives .ot-dt__* live in tools-insider.css).
   ========================================================================== */

.ot-directory {
	--ot-dt-cols: 110px minmax(160px, 1fr) 105px minmax(135px, 160px) 95px 95px 110px 60px;
	--ot-dt-min: 980px;
}
/* ==========================================================================
   Insights — Global Macro Heatmap.
   ========================================================================== */

.ot-hm__meta { margin-left: auto; }

.ot-hm__table { min-width: 680px; }
.ot-hm__grid {
	display: grid;
	grid-template-columns: minmax(150px, 1.2fr) minmax(200px, 2fr) 120px 90px 100px;
	gap: 16px;
}
.ot-hm__head {
	align-items: baseline;
	padding: 14px 0 10px;
	border-bottom: 1px solid var(--ot-line);
}
.ot-hm__sort {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	font-family: inherit;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--ot-orange);
	text-align: left;
	cursor: pointer;
}
.ot-hm__right { text-align: right; }

.ot-hm__row {
	align-items: center;
	padding: 11px 0;
	border-bottom: 1px solid var(--ot-line-soft);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-text);
	font-variant-numeric: tabular-nums;
}
.ot-hm__economy {
	display: flex;
	gap: 8px;
	align-items: baseline;
	min-width: 0;
}
.ot-hm__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ot-hm__code {
	font-size: 10px;
	font-weight: 700;
	color: var(--ot-dim);
}
.ot-hm__level {
	display: flex;
	align-items: center;
	gap: 12px;
}
.ot-hm__bar {
	flex: 1;
	height: 4px;
}
.ot-hm__value {
	flex: 0 0 64px;
	text-align: right;
	font-weight: 700;
}
.ot-hm__change.is-up { color: var(--ot-green); }
.ot-hm__change.is-down { color: var(--ot-red); }
.ot-hm__change.is-flat,
.ot-hm__dim { color: var(--ot-dim); }
/* ==========================================================================
   Insights · data tables (.ot-dt), shared by Insider Trading, Stock Screener
   and Instrument Directory (template-parts/insights/tool-{insider,screener,
   directory}.php). Each tool sets --ot-dt-cols (grid template) and
   --ot-dt-min (scroll width) on its root. Values 1:1 from the design.
   ========================================================================== */

.ot-dt [hidden] { display: none; }

/* Filter bar: search field, chips, result count. */
.ot-dt__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 20px;
	border-top: 1px solid var(--ot-line);
	padding-top: 12px;
}
.ot-dt__search {
	-webkit-appearance: none;
	appearance: none;
	width: 200px;
	height: 34px;
	padding: 0 12px;
	border: 0;
	border-radius: 8px;
	background: var(--ot-raised);
	color: var(--ot-text);
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
}
.ot-dt__search::-webkit-search-decoration,
.ot-dt__search::-webkit-search-cancel-button { -webkit-appearance: none; }
.ot-dt__count {
	margin-left: auto;
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-dim);
	white-space: nowrap;
}

/* Table: scrolls sideways below the design's minimum width. */
.ot-dt__scroll { overflow-x: auto; }
.ot-dt__inner { min-width: var(--ot-dt-min); }
.ot-dt__head,
.ot-dt__row {
	display: grid;
	grid-template-columns: var(--ot-dt-cols);
	gap: 12px;
}
.ot-dt__head {
	padding: 14px 0 10px;
	border-bottom: 1px solid var(--ot-line);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--ot-dim);
}
.ot-dt__row {
	align-items: center;
	padding: 11px 0;
	border-bottom: 1px solid var(--ot-line-soft);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.24px;
	color: var(--ot-text);
	font-variant-numeric: tabular-nums;
}

/* Cell text treatments. */
.ot-dt__end { text-align: right; }
.ot-dt__muted { color: var(--ot-muted); }
.ot-dt__small { font-size: 12px; }
.ot-dt__strong { font-weight: 700; }
.ot-dt__pos { color: var(--ot-green); }
.ot-dt__neg { color: var(--ot-red); }
.ot-dt__clip,
.ot-dt__sub {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Two lines: symbol / name over company / sector. */
.ot-dt__stack {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.ot-dt__sub {
	font-size: 11px;
	color: var(--ot-dim);
}

.ot-dt__empty {
	margin: 0;
	padding: 32px 0;
	font-size: 13px;
	color: var(--ot-muted);
}
.ot-dt__note {
	margin: 18px 0 0;
	font-size: 11px;
	line-height: 1.55;
	color: var(--ot-dim);
	text-wrap: pretty;
}

/* ==========================================================================
   Insider Trading
   ========================================================================== */

.ot-insider {
	--ot-dt-cols: 92px 160px minmax(180px, 1fr) 128px 44px 80px 72px 80px 64px;
	--ot-dt-min: 920px;
}
.ot-insider__search { width: 180px; }
.ot-insider__types {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}

/* Totals: Filings shown · Bought · Sold · Buy share of value. */
.ot-insider__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
	gap: 16px 32px;
	align-items: end;
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid var(--ot-line);
}
.ot-insider__share { min-width: 0; }
.ot-insider__label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--ot-dim);
}
.ot-insider__value {
	margin: 6px 0 0;
	font-size: 24px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.48px;
	color: var(--ot-white);
	font-variant-numeric: tabular-nums;
}
.ot-insider__value--buy { color: var(--ot-green); }
.ot-insider__value--sell { color: var(--ot-red); }
.ot-insider__bar {
	margin: 12px 0 0;
	height: 6px;
	border-radius: 3px;
	background: var(--ot-red);
	overflow: hidden;
}
.ot-insider__fill {
	display: block;
	width: var(--w, 0%);
	height: 100%;
	background: var(--ot-green);
}
/* ==========================================================================
   Stock Screener (table primitives .ot-dt__* live in tools-insider.css).
   ========================================================================== */

.ot-screener {
	--ot-dt-cols: 72px minmax(200px, 1fr) 88px 150px 96px 60px 68px 56px 72px;
	--ot-dt-min: 960px;
}
.ot-screener__sort {
	display: flex;
	gap: 14px;
	align-items: center;
	flex-wrap: wrap;
}
.ot-screener__sort-label {
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-dim);
}

/* 52-week range: track with the price dot, low / high below. */
.ot-screener__range {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.ot-screener__track {
	display: block;
	position: relative;
	height: 3px;
	border-radius: 2px;
	background: var(--ot-line-strong);
}
.ot-screener__dot {
	position: absolute;
	top: -3.5px;
	left: var(--pos, 0%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--ot-orange);
	transform: translateX(-50%);
}
.ot-screener__ends {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	color: var(--ot-dim);
}