/* ══════════════════════════════════════════════════════════════════════
   CalculatorNP — FD Calculator  v1.0.0
   Color theme: Emerald / Teal (distinct from SIP blue & EMI amber)
   All mobile-stability rules identical to SIP & EMI calculators.
══════════════════════════════════════════════════════════════════════ */

.cnp-fd-wrap {
	--fd-accent:      #0d9488;    /* teal-600 — FD primary */
	--fd-accent-2:    #059669;    /* emerald-600 — gradient end */
	--fd-fdint:       #10b981;    /* emerald-400 — FD interest */
	--fd-svint:       #6366f1;    /* indigo — savings interest */
	--fd-total:       #8b5cf6;    /* purple — total */
	--fd-surface:     var(--calc-surface,       #ffffff);
	--fd-surf2:       var(--calc-surface-solid, #f8fafc);
	--fd-ink:         var(--calc-ink,           #1e293b);
	--fd-muted:       var(--calc-muted,         #64748b);
	--fd-border:      var(--calc-border,        rgba(148,163,184,.28));
	--fd-radius:      var(--calc-radius,        16px);
	--fd-radius-sm:   var(--calc-radius-sm,     10px);
	--fd-shadow:      var(--calc-shadow,        0 4px 24px rgba(0,0,0,.07));
	--fd-blur:        var(--calc-glass-blur,    14px);
	--fd-font:        var(--calc-font,          system-ui, -apple-system, sans-serif);

	font-family: var(--fd-font);
	color: var(--fd-ink);
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	box-sizing: border-box;
}
.cnp-fd-wrap *, .cnp-fd-wrap *::before, .cnp-fd-wrap *::after { box-sizing: border-box; }

/* ══════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════ */
.cnp-fd-hero {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.4rem 1.5rem;
	margin-bottom: 1rem;
	border-radius: var(--fd-radius);
	background: linear-gradient(135deg,
		color-mix(in srgb, var(--fd-accent) 15%, transparent),
		color-mix(in srgb, var(--fd-accent-2) 10%, transparent));
	border: 1px solid color-mix(in srgb, var(--fd-accent) 22%, transparent);
	backdrop-filter: blur(var(--fd-blur));
	-webkit-backdrop-filter: blur(var(--fd-blur));
	position: relative; overflow: hidden;
}
.cnp-fd-hero::after {
	content: '';
	position: absolute; inset: 0;
	background: radial-gradient(ellipse 55% 70% at 85% 50%,
		color-mix(in srgb, var(--fd-fdint) 8%, transparent), transparent);
	pointer-events: none;
}
.cnp-fd-hero__icon {
	flex-shrink: 0;
	width: 3rem; height: 3rem;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--fd-accent), var(--fd-accent-2));
	color: #fff;
	display: grid; place-items: center;
	box-shadow: 0 4px 14px color-mix(in srgb, var(--fd-accent) 40%, transparent);
	position: relative; z-index: 1;
}
.cnp-fd-hero__icon svg { width: 1.5rem; height: 1.5rem; }
.cnp-fd-hero__text { position: relative; z-index: 1; }
.cnp-fd-hero__title {
	margin: 0 0 .2rem;
	font-size: clamp(1.15rem, 4vw, 1.5rem);
	font-weight: 800; line-height: 1.2;
	color: var(--fd-ink); letter-spacing: -.01em;
}
.cnp-fd-hero__sub { margin: 0; font-size: .85rem; color: var(--fd-muted); line-height: 1.4; }

/* ══════════════════════════════════════════════════════
   DURATION PRESETS
══════════════════════════════════════════════════════ */
.cnp-fd-presets {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: 1.1rem;
}
.cnp-fd-preset {
	padding: .5rem .85rem;
	border-radius: 999px;
	border: 1.5px solid var(--fd-border);
	background: var(--fd-surface);
	font-family: var(--fd-font);
	font-size: .8rem;
	font-weight: 600;
	color: var(--fd-muted);
	cursor: pointer;
	transition: border-color .15s, color .15s, background .15s, box-shadow .15s;
	min-height: 36px;
	white-space: nowrap;
}
.cnp-fd-preset.is-active {
	border-color: var(--fd-accent);
	color: var(--fd-accent);
	background: color-mix(in srgb, var(--fd-accent) 8%, var(--fd-surface));
	box-shadow: 0 2px 10px color-mix(in srgb, var(--fd-accent) 20%, transparent);
}
.cnp-fd-preset:hover:not(.is-active) {
	border-color: color-mix(in srgb, var(--fd-accent) 40%, var(--fd-border));
	color: var(--fd-ink);
}

/* ══════════════════════════════════════════════════════
   MAIN CARD
══════════════════════════════════════════════════════ */
.cnp-fd-card {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	gap: 1.75rem;
	background: var(--fd-surface);
	border-radius: var(--fd-radius);
	border: 1px solid var(--fd-border);
	box-shadow: var(--fd-shadow);
	padding: 1.75rem;
	backdrop-filter: blur(var(--fd-blur));
	-webkit-backdrop-filter: blur(var(--fd-blur));
}
@media (max-width: 680px) {
	.cnp-fd-card {
		grid-template-columns: 1fr;
		padding: 1.15rem 1rem;
		gap: 1.5rem;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}

/* ══════════════════════════════════════════════════════
   INPUTS
══════════════════════════════════════════════════════ */
.cnp-fd-inputs { display: flex; flex-direction: column; gap: 1.1rem; }
.cnp-fd-field  { display: flex; flex-direction: column; gap: .45rem; }
.cnp-fd-label  {
	display: block; font-size: .75rem; font-weight: 700;
	letter-spacing: .055em; text-transform: uppercase; color: var(--fd-muted);
}
.cnp-fd-field__hdr {
	display: flex; align-items: center;
	justify-content: space-between; gap: .75rem; flex-wrap: nowrap;
}

/* Input box */
.cnp-fd-input-box {
	display: flex; align-items: stretch;
	border: 1.5px solid var(--fd-border);
	border-radius: var(--fd-radius-sm);
	overflow: hidden;
	flex-shrink: 0; width: 130px;
	background: var(--fd-surf2);
	transition: border-color .18s, box-shadow .18s;
}
.cnp-fd-input-box:focus-within {
	border-color: var(--fd-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--fd-accent) 16%, transparent);
}
.cnp-fd-input-box__fix {
	display: flex; align-items: center; padding: 0 .5rem;
	font-size: .8rem; font-weight: 800; color: var(--fd-accent);
	background: color-mix(in srgb, var(--fd-accent) 10%, transparent);
	flex-shrink: 0; white-space: nowrap;
}
/* 16px — prevents iOS zoom */
.cnp-fd-numfield {
	border: 0; outline: none; padding: .5rem .4rem;
	font-family: var(--fd-font); font-size: 16px; font-weight: 700;
	color: var(--fd-ink); background: transparent;
	width: 0; flex: 1; min-width: 0; text-align: right;
	-moz-appearance: textfield; font-variant-numeric: tabular-nums;
}
.cnp-fd-numfield::-webkit-outer-spin-button,
.cnp-fd-numfield::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Quarter tabs */
.cnp-fd-quarter-tabs {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: .3rem;
	background: var(--fd-surf2); border-radius: var(--fd-radius-sm);
	padding: .3rem; border: 1px solid var(--fd-border);
}
@media (max-width: 440px) { .cnp-fd-quarter-tabs { grid-template-columns: repeat(2, 1fr); } }
.cnp-fd-qtab {
	padding: .45rem .2rem; border-radius: calc(var(--fd-radius-sm) - 2px);
	border: 0; font-family: var(--fd-font); font-size: .73rem; font-weight: 600;
	color: var(--fd-muted); background: transparent; cursor: pointer;
	transition: background .15s, color .15s; text-align: center;
	min-height: 34px; line-height: 1.2;
	display: flex; align-items: center; justify-content: center;
}
.cnp-fd-qtab.is-active {
	background: var(--fd-surface); color: var(--fd-accent);
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

/* ══════════════════════════════════════════════════════
   INTEREST REINVESTMENT TOGGLE
══════════════════════════════════════════════════════ */
.cnp-fd-reinvest-wrap {
	border: 1.5px solid var(--fd-border);
	border-radius: var(--fd-radius-sm);
	padding: .9rem 1rem;
	background: var(--fd-surf2);
	transition: border-color .2s, background .2s, box-shadow .2s;
}
.cnp-fd-reinvest-wrap.is-active {
	border-color: var(--fd-accent);
	background: color-mix(in srgb, var(--fd-accent) 5%, var(--fd-surface));
	box-shadow: 0 2px 12px color-mix(in srgb, var(--fd-accent) 15%, transparent);
}
.cnp-fd-reinvest-label {
	display: flex; align-items: center; gap: .85rem;
	cursor: pointer; user-select: none;
}
.cnp-fd-reinvest-info { flex: 1; min-width: 0; }
.cnp-fd-reinvest-title {
	display: block; font-size: .9rem; font-weight: 700;
	color: var(--fd-ink); margin-bottom: .15rem;
}
.cnp-fd-reinvest-desc {
	display: block; font-size: .75rem; color: var(--fd-muted); line-height: 1.4;
}

/* iOS-style toggle switch */
.cnp-fd-toggle-switch { flex-shrink: 0; position: relative; }
.cnp-fd-toggle-input  { position: absolute; opacity: 0; width: 0; height: 0; }
.cnp-fd-toggle-track {
	display: flex; align-items: center;
	width: 48px; height: 27px;
	border-radius: 999px;
	background: var(--fd-border);
	padding: 3px;
	transition: background .22s ease;
	cursor: pointer;
}
.cnp-fd-toggle-input:checked + .cnp-fd-toggle-track {
	background: var(--fd-accent);
}
.cnp-fd-toggle-thumb {
	width: 21px; height: 21px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	transition: transform .22s cubic-bezier(.34,1.56,.64,1);
	flex-shrink: 0;
}
.cnp-fd-toggle-input:checked + .cnp-fd-toggle-track .cnp-fd-toggle-thumb {
	transform: translateX(21px);
}
.cnp-fd-toggle-input:focus-visible + .cnp-fd-toggle-track {
	outline: 2px solid var(--fd-accent);
	outline-offset: 2px;
}

/* Savings rate panel — slide-in animation */
.cnp-fd-savings-rate-wrap {
	overflow: hidden;
}
.cnp-fd-sv-note {
	font-size: .72rem; color: var(--fd-svint);
	margin: .5rem 0 0; line-height: 1.5; font-weight: 500;
}

/* ══════════════════════════════════════════════════════
   SLIDER (identical pattern to SIP/EMI)
══════════════════════════════════════════════════════ */
.cnp-fd-slider-row {
	position: relative; height: 28px;
	display: flex; align-items: center;
}
.cnp-fd-track {
	position: absolute; left: 0; right: 0; height: 5px;
	background: var(--fd-border); border-radius: 99px;
	pointer-events: none; overflow: hidden;
}
.cnp-fd-track__fill {
	height: 100%;
	background: linear-gradient(to right, var(--fd-accent), var(--fd-fdint));
	border-radius: 99px; width: 33%;
}
.cnp-fd-slider {
	position: relative; z-index: 1; width: 100%;
	-webkit-appearance: none; appearance: none;
	height: 28px; background: transparent;
	outline: none; cursor: pointer; touch-action: pan-x;
}
.cnp-fd-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 22px; height: 22px; border-radius: 50%;
	background: #fff; border: 2.5px solid var(--fd-accent);
	box-shadow: 0 2px 8px color-mix(in srgb, var(--fd-accent) 30%, transparent);
	cursor: pointer; transition: transform .15s, box-shadow .15s;
}
.cnp-fd-slider:active::-webkit-slider-thumb {
	transform: scale(1.18);
	box-shadow: 0 3px 14px color-mix(in srgb, var(--fd-accent) 45%, transparent);
}
.cnp-fd-slider::-moz-range-thumb {
	width: 22px; height: 22px; border-radius: 50%;
	background: #fff; border: 2.5px solid var(--fd-accent); cursor: pointer;
}
.cnp-fd-slider::-moz-range-track { background: transparent; }
.cnp-fd-slider-ends {
	display: flex; justify-content: space-between;
	font-size: .7rem; color: var(--fd-muted); margin-top: -.1rem;
}

/* ══════════════════════════════════════════════════════
   CALCULATE BUTTON
══════════════════════════════════════════════════════ */
.cnp-fd-calc-btn {
	display: flex; align-items: center; justify-content: center; gap: .55rem;
	width: 100%; padding: .9rem 1.5rem;
	border-radius: var(--fd-radius-sm);
	background: linear-gradient(135deg, var(--fd-accent), var(--fd-accent-2));
	color: #fff; font-family: var(--fd-font); font-size: 1rem; font-weight: 700;
	border: 0; cursor: pointer;
	box-shadow: 0 4px 18px color-mix(in srgb, var(--fd-accent) 35%, transparent);
	transition: transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .18s;
	min-height: 48px; margin-top: .15rem;
}
.cnp-fd-calc-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 24px color-mix(in srgb, var(--fd-accent) 42%, transparent);
}
.cnp-fd-calc-btn:active { transform: scale(.97); }

/* ══════════════════════════════════════════════════════
   RESULTS COLUMN
══════════════════════════════════════════════════════ */
.cnp-fd-results {
	display: flex; flex-direction: column; align-items: center; gap: 1rem;
}

/* Donut */
.cnp-fd-chart-area {
	position: relative;
	width: clamp(150px, 55%, 195px); flex-shrink: 0;
}
.cnp-fd-donut { width: 100%; height: auto; transform: rotate(-90deg); display: block; }
.cnp-fd-donut__bg           { stroke: var(--fd-border); }
.cnp-fd-donut__arc--fdint   { stroke: var(--fd-fdint);  }
.cnp-fd-donut__arc--svint   { stroke: var(--fd-svint);  }
.cnp-fd-donut__arc--principal { stroke: var(--fd-accent); }
.cnp-fd-donut__arc {
	transition: stroke-dasharray .55s cubic-bezier(.4,0,.2,1),
	            stroke-dashoffset .55s cubic-bezier(.4,0,.2,1);
}

.cnp-fd-donut-center {
	position: absolute; inset: 0;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center; padding: 2rem;
}
.cnp-fd-donut-center__lbl {
	font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	color: var(--fd-muted); line-height: 1; margin-bottom: .3rem;
}
.cnp-fd-donut-center__val {
	font-size: clamp(.85rem, 2.5vw, 1.15rem); font-weight: 800; color: var(--fd-ink);
	line-height: 1.1; font-variant-numeric: tabular-nums; word-break: break-word;
}

/* Tiles */
.cnp-fd-tiles { width: 100%; display: flex; flex-direction: column; gap: .55rem; }
.cnp-fd-tile {
	display: flex; align-items: center; gap: .7rem;
	padding: .65rem .9rem; border-radius: var(--fd-radius-sm);
	border: 1px solid var(--fd-border); background: var(--fd-surf2);
}
.cnp-fd-tile__dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
.cnp-fd-tile--principal .cnp-fd-tile__dot { background: var(--fd-accent);  }
.cnp-fd-tile--fdint     .cnp-fd-tile__dot { background: var(--fd-fdint);   }
.cnp-fd-tile--svint     .cnp-fd-tile__dot { background: var(--fd-svint);   }
.cnp-fd-tile--total     .cnp-fd-tile__dot { background: var(--fd-total);   }

.cnp-fd-tile__body { display: flex; align-items: center; justify-content: space-between; flex: 1; min-width: 0; }
.cnp-fd-tile__lbl  { font-size: .78rem; font-weight: 500; color: var(--fd-muted); flex-shrink: 0; }
.cnp-fd-tile__val  {
	font-size: .875rem; font-weight: 700; color: var(--fd-ink);
	text-align: right; font-variant-numeric: tabular-nums; min-width: 85px;
}
.cnp-fd-tile--fdint  .cnp-fd-tile__val { color: var(--fd-fdint);  }
.cnp-fd-tile--svint  .cnp-fd-tile__val { color: var(--fd-svint);  }
.cnp-fd-tile--total  .cnp-fd-tile__val { color: var(--fd-total);  }

.cnp-fd-disclaimer {
	font-size: .72rem; color: var(--fd-muted);
	text-align: center; margin: 0; line-height: 1.55; padding: 0 .25rem;
}

/* ══════════════════════════════════════════════════════
   BREAKDOWN SECTION
══════════════════════════════════════════════════════ */
.cnp-fd-breakdown {
	margin-top: 1.25rem; border-radius: var(--fd-radius);
	border: 1px solid var(--fd-border);
	overflow: clip; background: var(--fd-surface);
}
.cnp-fd-bk-toggle {
	display: flex; align-items: center; gap: .6rem; width: 100%;
	padding: .95rem 1.25rem; background: transparent; border: 0;
	cursor: pointer; font-family: var(--fd-font); font-size: .9rem;
	font-weight: 600; color: var(--fd-ink); text-align: left;
	min-height: 48px; transition: background .15s;
}
.cnp-fd-bk-toggle:hover { background: color-mix(in srgb, var(--fd-accent) 6%, var(--fd-surface)); }
.cnp-fd-chevron { margin-left: auto; flex-shrink: 0; transition: transform .25s ease; }
.cnp-fd-bk-toggle[aria-expanded="true"] .cnp-fd-chevron { transform: rotate(180deg); }

.cnp-fd-bk-body { border-top: 1px solid var(--fd-border); }
.cnp-fd-bk-tabs {
	display: flex; border-bottom: 1px solid var(--fd-border);
	padding: 0 1rem; overflow-x: auto; scrollbar-width: none;
}
.cnp-fd-bk-tabs::-webkit-scrollbar { display: none; }
.cnp-fd-bk-tab {
	padding: .65rem 1rem; border: 0; border-bottom: 2.5px solid transparent;
	background: transparent; font-family: var(--fd-font); font-size: .82rem;
	font-weight: 600; color: var(--fd-muted); cursor: pointer;
	white-space: nowrap; transition: color .15s, border-color .15s; min-height: 44px;
}
.cnp-fd-bk-tab.is-active { color: var(--fd-accent); border-bottom-color: var(--fd-accent); }

/* No internal scroll — page scroll handles it */
.cnp-fd-table-scroll { overflow-x: visible; width: 100%; }

.cnp-fd-table { width: 100%; border-collapse: collapse; font-size: .8375rem; }
.cnp-fd-table thead { position: sticky; top: 0; z-index: 2; }
.cnp-fd-table thead tr { background: color-mix(in srgb, var(--fd-accent) 8%, var(--fd-surf2)); }
.cnp-fd-table th {
	padding: .65rem .85rem; font-size: .72rem; font-weight: 700;
	letter-spacing: .04em; text-transform: uppercase; color: var(--fd-muted);
	text-align: right; border-bottom: 1px solid var(--fd-border); white-space: nowrap;
}
.cnp-fd-table th:first-child { text-align: left; }
.cnp-fd-table td {
	padding: .6rem .85rem; text-align: right; color: var(--fd-ink);
	border-bottom: 1px solid color-mix(in srgb, var(--fd-border) 50%, transparent);
	font-variant-numeric: tabular-nums; white-space: nowrap;
}
.cnp-fd-table td:first-child { text-align: left; font-weight: 700; }
.cnp-fd-table tbody tr:last-child td { border-bottom: 0; }
.cnp-fd-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--fd-surf2) 55%, transparent); }
.cnp-fd-table tbody tr:hover { background: color-mix(in srgb, var(--fd-accent) 5%, var(--fd-surface)); }
.cnp-fd-table .td-fdint  { color: var(--fd-fdint); font-weight: 600; }
.cnp-fd-table .td-svint  { color: var(--fd-svint); font-weight: 600; }
.cnp-fd-table .td-svbal  { color: var(--fd-svint); font-weight: 500; }
.cnp-fd-table .td-total  { color: var(--fd-total); font-weight: 700; }
/* Quarter name badge */
.cnp-fd-qbadge {
	display: inline-block; padding: .15rem .45rem;
	border-radius: 999px; font-size: .7rem; font-weight: 700;
	margin-left: .35rem; vertical-align: middle;
}
.cnp-fd-qbadge--ashad   { background: color-mix(in srgb, #10b981 15%, transparent); color: #065f46; }
.cnp-fd-qbadge--ashwin  { background: color-mix(in srgb, #f59e0b 15%, transparent); color: #92400e; }
.cnp-fd-qbadge--poush   { background: color-mix(in srgb, #6366f1 15%, transparent); color: #3730a3; }
.cnp-fd-qbadge--chaitra { background: color-mix(in srgb, #ec4899 15%, transparent); color: #9d174d; }

/* ── Mobile: table-layout fixed — all columns fit ── */
@media (max-width: 680px) {
	.cnp-fd-table { table-layout: fixed; width: 100%; }
	.cnp-fd-table th, .cnp-fd-table td { padding: .5rem .3rem; font-size: .74rem; white-space: nowrap; }
	.cnp-fd-table th:first-child, .cnp-fd-table td:first-child { padding-left: .6rem; width: 22%; }
	.cnp-fd-table th:not(:first-child), .cnp-fd-table td:not(:first-child) { width: 19.5%; }
	.cnp-fd-table th:last-child, .cnp-fd-table td:last-child { padding-right: .6rem; }
	/* Hide quarter badge on very small screens */
	.cnp-fd-qbadge { display: none; }
}

/* ══════════════════════════════════════════════════════
   SEO
══════════════════════════════════════════════════════ */
.cnp-fd-seo { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--fd-border); }
.cnp-fd-seo h3 { font-size: 1rem; font-weight: 700; color: var(--fd-ink); margin: 0 0 .5rem; }
.cnp-fd-seo p  { font-size: .875rem; color: var(--fd-muted); line-height: 1.65; margin: 0 0 1.25rem; }

/* ══════════════════════════════════════════════════════
   POP ANIMATION
══════════════════════════════════════════════════════ */
@keyframes cnp-fd-pop {
	0%   { opacity: .6; transform: scale(.94); }
	65%  { transform: scale(1.03); }
	100% { opacity: 1;  transform: scale(1);  }
}
.cnp-fd-tile__val.popped,
.cnp-fd-donut-center__val.popped {
	animation: cnp-fd-pop .3s cubic-bezier(.34,1.56,.64,1) both;
}

/* ══════════════════════════════════════════════════════
   DARK MODE
══════════════════════════════════════════════════════ */
[data-theme="dark"] .cnp-fd-wrap, .dark .cnp-fd-wrap {
	--fd-surface: #1e293b; --fd-surf2: #0f172a;
	--fd-ink: #f1f5f9; --fd-muted: #94a3b8; --fd-border: rgba(255,255,255,.09);
}
[data-theme="dark"] .cnp-fd-qbadge--ashad   { color: #6ee7b7; }
[data-theme="dark"] .cnp-fd-qbadge--ashwin  { color: #fcd34d; }
[data-theme="dark"] .cnp-fd-qbadge--poush   { color: #a5b4fc; }
[data-theme="dark"] .cnp-fd-qbadge--chaitra { color: #f9a8d4; }

/* ══════════════════════════════════════════════════════
   REDUCED MOTION
══════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	.cnp-fd-donut__arc, .cnp-fd-track__fill, .cnp-fd-calc-btn,
	.cnp-fd-tile__val, .cnp-fd-donut-center__val,
	.cnp-fd-toggle-thumb, .cnp-fd-toggle-track {
		transition: none !important; animation: none !important;
	}
}