[data-course] .etf{--etf-s:1;--etf-row:calc(28px * var(--etf-s));--etf-rows:11;box-sizing:border-box;font-family:var(--et-font), Helvetica, Arial, sans-serif;font-size:calc(15px * var(--etf-s));font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;color:var(--etf-text);text-align:left;line-height:1.45;display:block;position:relative;container:etf/inline-size}[data-course] .etf *,[data-course] .etf :before,[data-course] .etf :after{box-sizing:border-box}[data-course] :where(.etf) :where(p,dl,dd){margin:0}[data-course] .etf--light{--etf-text:#202124;--etf-strong:#08132f;--etf-muted:#667085;--etf-line:#e5e7eb;--etf-line-strong:#c9ced6;--etf-cell:#fff;--etf-accent:#2f63ff;--etf-accent-soft:#eef3ff;--etf-accent-ink:#16388f;--etf-on-accent:#fff;--etf-up:#26a69a;--etf-down:#ef5350;--etf-up-text:#0f7b6c;--etf-down-text:#b42318;--etf-up-soft:#26a69a24;--etf-down-soft:#ef53501f;--etf-now-bg:#08132f;--etf-now-text:#fff;--etf-term-a:#2f63ff;--etf-term-b:#08132f;--etf-term-c:#667085;--etf-hl:#eef3ff;--etf-fade:#fff;--etf-plot:#f7f9fc}[data-course] .etf--stage{--etf-text:#cdd5e3;--etf-strong:#fff;--etf-muted:#9da8bf;--etf-line:#1c2a4d;--etf-line-strong:#33436b;--etf-cell:#0f1d42;--etf-accent:#6b9bff;--etf-accent-soft:#6b9bff29;--etf-accent-ink:#cddcff;--etf-on-accent:#08132f;--etf-up:#26a69a;--etf-down:#ef5350;--etf-up-text:#26a69a;--etf-down-text:#ef5350;--etf-up-soft:#26a69a33;--etf-down-soft:#ef53502e;--etf-now-bg:#fff;--etf-now-text:#08132f;--etf-term-a:#6b9bff;--etf-term-b:#fff;--etf-term-c:#9da8bf;--etf-hl:#6b9bff2e;--etf-fade:#0b1735;--etf-plot:#081230;border-radius:calc(10px * var(--etf-s));padding:calc(16px * var(--etf-s)) calc(20px * var(--etf-s));background:#0b1735}[data-course] .etf--panel{--etf-text:#cdd5e3;--etf-strong:#fff;--etf-muted:#9da8bf;--etf-line:#ffffff1f;--etf-line-strong:#ffffff47;--etf-cell:#ffffff08;--etf-accent:#6b9bff;--etf-accent-soft:#6b9bff2e;--etf-accent-ink:#cddcff;--etf-on-accent:#08132f;--etf-up:#26a69a;--etf-down:#ef5350;--etf-up-text:#26a69a;--etf-down-text:#ef5350;--etf-up-soft:#26a69a38;--etf-down-soft:#ef535033;--etf-now-bg:#fff;--etf-now-text:#08132f;--etf-term-a:#6b9bff;--etf-term-b:#fff;--etf-term-c:#9da8bf;--etf-hl:#6b9bff33;--etf-fade:#0b1735;--etf-plot:#0b1735;border-radius:calc(10px * var(--etf-s));padding:calc(20px * var(--etf-s)) calc(24px * var(--etf-s));background:radial-gradient(120% 120% at 78% 8%,#122043 0%,#08132f 62%)}[data-course] .etf--bare{background:0 0;border-radius:0;padding:0}[data-course] .etf-num{font-variant-numeric:tabular-nums;white-space:nowrap}[data-course] .etf .is-up{color:var(--etf-up-text)}[data-course] .etf .is-down{color:var(--etf-down-text)}[data-course] .etf-head{align-items:baseline;gap:calc(2px * var(--etf-s)) calc(10px * var(--etf-s));min-width:0;margin-bottom:calc(12px * var(--etf-s));white-space:nowrap;flex-wrap:wrap;display:flex}[data-course] .etf-head .etf-sym{flex:none}[data-course] .etf-sym{color:var(--etf-strong);letter-spacing:.01em;font-weight:700}[data-course] .etf-head .etf-sym{font-size:calc(17px * var(--etf-s))}[data-course] .etf-name{font-size:calc(13px * var(--etf-s));color:var(--etf-muted);flex:0 auto}[data-course] .etf-spec{font-size:calc(13px * var(--etf-s));color:var(--etf-text);white-space:nowrap;flex:none;margin-left:auto}[data-course] .etf-badge{text-box:trim-both cap alphabetic;will-change:transform;height:calc(24px * var(--etf-s));padding:0 calc(8px * var(--etf-s));border-radius:calc(4px * var(--etf-s));background:var(--etf-accent-soft);color:var(--etf-accent-ink);font-size:calc(13px * var(--etf-s));white-space:nowrap;place-items:center;font-weight:700;line-height:normal;display:inline-grid}[data-course] .etf-term{padding:calc(1px * var(--etf-s)) calc(6px * var(--etf-s));border-radius:calc(4px * var(--etf-s));background:var(--etf-term-bg,transparent);padding-top:calc(1px * var(--etf-s,0) + .25px);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}[data-course] .etf-term--a{--etf-term-bg:color-mix(in srgb, var(--etf-term-a) 26%, transparent)}[data-course] .etf-term--b{--etf-term-bg:color-mix(in srgb, var(--etf-term-b) 16%, transparent)}[data-course] .etf-term--c{--etf-term-bg:color-mix(in srgb, var(--etf-term-c) 22%, transparent)}[data-course] .etf-term[data-one]{padding-left:calc(6px * var(--etf-s,0) + .09em)}[data-course] .etf-term--r{--etf-term-bg:transparent;color:var(--etf-strong);padding:0;font-weight:700}[data-course] .etf-op{margin:0 calc(4px * var(--etf-s));color:var(--etf-muted)}[data-course] .etf[data-highlight=ticks] [data-link=ticks],[data-course] [data-highlight=tickSize] .etf [data-link=tickSize],[data-course] [data-highlight=ticksPerPoint] .etf [data-link=ticksPerPoint],[data-course] [data-highlight=tickValue] .etf [data-link=tickValue],[data-course] [data-highlight=total] .etf [data-link=total],[data-course] .etf[data-highlight=tickValue] [data-link=tickValue],[data-course] .etf[data-highlight=contracts] [data-link=contracts],[data-course] .etf[data-highlight=total] [data-link=total],[data-course] .etf[data-highlight=points] [data-link=points],[data-course] .etf[data-highlight=perContract] [data-link=perContract]{background:var(--etf-hl);outline:calc(2px * var(--etf-s)) solid var(--etf-accent);outline-offset:calc(2px * var(--etf-s));border-radius:calc(4px * var(--etf-s))}[data-course] .etf-missing{padding:calc(16px * var(--etf-s));font-size:calc(14px * var(--etf-s));color:var(--etf-muted)}[data-course] .etf-ladder-body{gap:calc(16px * var(--etf-s));grid-template-columns:minmax(0,1fr);display:grid}[data-course] .etf-ladder:has(.etf-lrow-dec){--c-price:calc(150px * var(--etf-s))}[data-course] .etf-ladder{--c-off:calc(50px * var(--etf-s));--c-lane:calc(22px * var(--etf-s));--c-price:calc(108px * var(--etf-s));--c-tag:calc(64px * var(--etf-s));width:calc(var(--c-off) + var(--c-lane) + var(--c-price) + var(--c-tag));height:calc(var(--etf-rows) * var(--etf-row));justify-self:center;position:relative}[data-course] .etf-lview{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--etf-row), #000 calc(100% - var(--etf-row)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--etf-row), #000 calc(100% - var(--etf-row)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--etf-row), #000 calc(100% - var(--etf-row)), transparent 100%);position:absolute;inset:0;overflow:hidden}[data-course] .etf-ltape{top:0;bottom:0;left:calc(var(--c-off) + var(--c-lane));width:var(--c-price);background:var(--etf-cell);border-left:1px solid var(--etf-line-strong);border-right:1px solid var(--etf-line-strong);position:absolute}[data-course] .etf-lrows{position:absolute;inset:0}[data-course] .etf-lrow{left:0;right:0;top:calc(var(--y) * var(--etf-row));height:var(--etf-row);grid-template-columns:var(--c-off) var(--c-lane) var(--c-price) var(--c-tag);align-items:center;display:grid;position:absolute}[data-course] .etf-lrow-off{padding-right:calc(8px * var(--etf-s));text-align:right;font-size:calc(13px * var(--etf-s));color:var(--etf-muted);white-space:nowrap;grid-column:1}[data-course] .etf-lrow-price{height:100%;padding:0 calc(12px * var(--etf-s));border-bottom:1px solid var(--etf-line);font-size:calc(15px * var(--etf-s));color:var(--etf-text);white-space:nowrap;grid-column:3;justify-content:flex-end;align-items:center;display:flex}[data-course] .etf-lrow-dec{margin-left:calc(6px * var(--etf-s));font-size:calc(13px * var(--etf-s));color:var(--etf-muted);font-weight:400}[data-course] .etf-lrow.is-passed.is-up .etf-lrow-price{background:var(--etf-up-soft)}[data-course] .etf-lrow.is-passed.is-down .etf-lrow-price{background:var(--etf-down-soft)}[data-course] .etf-lrow.is-start .etf-lrow-off{color:var(--etf-accent);font-weight:700}[data-course] .etf-lrow.is-start .etf-lrow-price{box-shadow:inset 0 0 0 calc(2px * var(--etf-s)) var(--etf-accent);color:var(--etf-strong);font-weight:500}[data-course] .etf-lrow.is-now .etf-lrow-price{color:var(--etf-strong);font-weight:700}[data-course] .etf-lrow.is-now .etf-lrow-off{color:var(--etf-strong);font-weight:500}[data-course] .etf-ltag{left:calc(var(--c-off) + var(--c-lane) + var(--c-price) + 8px * var(--etf-s));top:calc((var(--y) + .5) * var(--etf-row));height:calc(24px * var(--etf-s));margin-top:calc(-12px * var(--etf-s));padding:0 calc(11px * var(--etf-s)) 0 calc(17px * var(--etf-s));font-size:calc(13px * var(--etf-s));align-items:center;font-weight:700;line-height:1;display:inline-flex;position:absolute}[data-course] .etf-ltag--now{border-radius:0 calc(5px * var(--etf-s)) calc(5px * var(--etf-s)) 0;background:var(--etf-now-bg);color:var(--etf-now-text);clip-path:polygon(0 50%, calc(9px * var(--etf-s)) 0, 100% 0, 100% 100%, calc(9px * var(--etf-s)) 100%)}[data-course] .etf-ledge{width:calc(var(--c-off) + var(--c-lane) + var(--c-price));padding:calc(2px * var(--etf-s)) 0;text-align:right;padding-right:calc(12px * var(--etf-s));font-size:calc(13px * var(--etf-s));color:var(--etf-accent);white-space:nowrap;font-weight:500;position:absolute;left:0}[data-course] .etf-ledge.is-top{top:0}[data-course] .etf-ledge.is-bottom{bottom:0}[data-course] .etf-read{gap:calc(12px * var(--etf-s)) calc(16px * var(--etf-s));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}[data-course] .etf-read-item{min-width:0;padding-top:calc(8px * var(--etf-s));border-top:1px solid var(--etf-line)}[data-course] .etf-read dt{font-size:calc(13px * var(--etf-s));color:var(--etf-muted);white-space:nowrap;line-height:1.4}[data-course] .etf-read dd{margin-top:calc(2px * var(--etf-s));font-size:calc(22px * var(--etf-s));color:var(--etf-strong);font-weight:700;line-height:1.25}[data-course] .etf-math{min-height:3.2em;margin-top:calc(14px * var(--etf-s));font-size:calc(15px * var(--etf-s));color:var(--etf-text);line-height:1.6}[data-course] .etf-ladder-body--solo .etf-ladder{justify-self:start}@container etf (min-width:470px){[data-course] .etf:not(.etf--xl) .etf-ladder-body{align-items:center;gap:calc(28px * var(--etf-s));grid-template-columns:auto minmax(0,1fr)}[data-course] .etf:not(.etf--xl) .etf-ladder{justify-self:start}}@container etf (min-width:1040px){[data-course] .etf--xl .etf-ladder-body{align-items:center;gap:calc(28px * var(--etf-s));grid-template-columns:auto minmax(0,1fr)}[data-course] .etf--xl .etf-ladder{justify-self:start}}[data-course] .etf-rbar{margin:0 calc(18px * var(--etf-s));padding-top:calc(32px * var(--etf-s));position:relative}[data-course] .etf-rtag{--tag-h:calc(22px * var(--etf-s));--tag-t:calc(7px * var(--etf-s));--tag-w:calc(5.5px * var(--etf-s));--tag-r:calc(4px * var(--etf-s));--tag-k:calc(1.2px * var(--etf-s));--tag-p:clamp(calc(10px * var(--etf-s)), calc(var(--f) * 100%), calc(100% - 10px * var(--etf-s)));top:calc(3px * var(--etf-s));left:clamp(calc(2px * var(--etf-s)), calc(var(--f) * 100%), calc(100% - 2px * var(--etf-s)));height:calc(var(--tag-h) + var(--tag-t));padding:0 calc(10px * var(--etf-s));background:var(--etf-now-bg);color:var(--etf-now-text);font-size:calc(13px * var(--etf-s));font-weight:700;line-height:var(--tag-h);white-space:nowrap;transform:translateX(calc(-1 * var(--tag-p)));clip-path:polygon(0 var(--tag-r), var(--tag-k) var(--tag-k), var(--tag-r) 0, calc(100% - var(--tag-r)) 0, calc(100% - var(--tag-k)) var(--tag-k), 100% var(--tag-r), 100% calc(var(--tag-h) - var(--tag-r)), calc(100% - var(--tag-k)) calc(var(--tag-h) - var(--tag-k)), calc(100% - var(--tag-r)) var(--tag-h), calc(var(--tag-p) + var(--tag-w)) var(--tag-h), var(--tag-p) 100%, calc(var(--tag-p) - var(--tag-w)) var(--tag-h), var(--tag-r) var(--tag-h), var(--tag-k) calc(var(--tag-h) - var(--tag-k)), 0 calc(var(--tag-h) - var(--tag-r)));position:absolute}[data-course] .etf-ruler--hair .etf-rtag,[data-course] .etf-ruler--dense .etf-rtag{--tag-stem:calc(64px * var(--etf-s));height:calc(var(--tag-h) + var(--tag-t) + var(--tag-stem));clip-path:polygon(0 var(--tag-r), var(--tag-k) var(--tag-k), var(--tag-r) 0, calc(100% - var(--tag-r)) 0, calc(100% - var(--tag-k)) var(--tag-k), 100% var(--tag-r), 100% calc(var(--tag-h) - var(--tag-r)), calc(100% - var(--tag-k)) calc(var(--tag-h) - var(--tag-k)), calc(100% - var(--tag-r)) var(--tag-h), calc(var(--tag-p) + var(--tag-w)) var(--tag-h), calc(var(--tag-p) + 1px * var(--etf-s)) calc(var(--tag-h) + var(--tag-t)), calc(var(--tag-p) + 1px * var(--etf-s)) 100%, calc(var(--tag-p) - 1px * var(--etf-s)) 100%, calc(var(--tag-p) - 1px * var(--etf-s)) calc(var(--tag-h) + var(--tag-t)), calc(var(--tag-p) - var(--tag-w)) var(--tag-h), var(--tag-r) var(--tag-h), var(--tag-k) calc(var(--tag-h) - var(--tag-k)), 0 calc(var(--tag-h) - var(--tag-r)))}[data-course] .etf-cells{grid-template-columns:repeat(var(--n), minmax(0, 1fr));height:calc(64px * var(--etf-s));border:1px solid var(--etf-line-strong);border-radius:calc(2px * var(--etf-s));background:var(--etf-cell);display:grid;overflow:hidden}[data-course] .etf-cell{border-right:1px solid var(--etf-line-strong);justify-content:center;align-items:center;min-width:0;display:flex;position:relative}[data-course] .etf-cell:last-child{border-right:0}[data-course] .etf-cell-fill{background:var(--etf-accent);transform:scaleX(var(--f));transform-origin:0;position:absolute;inset:0}[data-course] .etf-cell-label{font-size:calc(16px * var(--etf-s));color:var(--etf-muted);white-space:nowrap;font-weight:500;position:relative}[data-course] .etf-cell.is-full .etf-cell-label{color:var(--etf-on-accent);font-weight:700}[data-course] .etf-hair{height:calc(64px * var(--etf-s));border-bottom:1px solid var(--etf-line-strong);position:relative}[data-course] .etf-hair-fill{background:var(--etf-accent);height:45%;transform:scaleX(var(--f));transform-origin:0;position:absolute;bottom:0;left:0;right:0}[data-course] .etf-hair-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-course] .etf-hair-svg line{vector-effect:non-scaling-stroke;stroke-width:calc(1px * var(--etf-s));stroke:var(--etf-line-strong)}[data-course] .etf-hair-svg line.is-major{stroke:var(--etf-strong);stroke-width:calc(1.5px * var(--etf-s))}[data-course] .etf-rscale{height:calc(20px * var(--etf-s));margin-top:calc(8px * var(--etf-s));position:relative}[data-course] .etf-rlab{top:0;left:var(--x);font-size:calc(13px * var(--etf-s));color:var(--etf-muted);white-space:nowrap;position:absolute;transform:translate(-50%)}[data-course] .etf-rnote{margin-top:calc(10px * var(--etf-s));text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--etf-s));color:var(--etf-muted);overflow:hidden}[data-course] .etf-rtotal{margin-top:calc(24px * var(--etf-s));font-size:calc(17px * var(--etf-s));color:var(--etf-text);line-height:1.5}[data-course] .etf-rsum{font-size:calc(22px * var(--etf-s));line-height:1}[data-course] .etf-rpoint{min-height:calc(24px * var(--etf-s));margin-top:calc(12px * var(--etf-s));font-size:calc(13px * var(--etf-s));line-height:calc(24px * var(--etf-s));color:var(--etf-muted)}[data-course] .etf-rpoint .etf-badge{vertical-align:top;margin-right:calc(6px * var(--etf-s))}[data-course] .etf-rpoint.is-full{color:var(--etf-strong);font-weight:500}@container etf (max-width:400px){[data-course] .etf-ruler--many .etf-rlab.is-odd{display:none}[data-course] .etf-rtotal{min-height:3em}[data-course] .etf-rpoint{min-height:calc(44px * var(--etf-s))}[data-course] .etf-ruler--count .etf-rtotal{min-height:0}[data-course] .etf-ruler--count .etf-rpoint{min-height:calc(24px * var(--etf-s))}}@container etf (max-width:300px){[data-course] .etf-ruler--many .etf-cell-label{display:none}}[data-course] .etf-money-label{text-overflow:ellipsis;white-space:nowrap;min-height:calc(20px * var(--etf-s));font-size:calc(13px * var(--etf-s));color:var(--etf-muted);line-height:1.5;overflow:hidden}[data-course] .etf-money-value{margin-top:calc(2px * var(--etf-s));font-size:min(calc(44px * var(--etf-s)), 13cqi);letter-spacing:-.02em;color:var(--etf-strong);font-weight:700;line-height:1.1}[data-course] .etf--center .etf-money-box{text-align:center}[data-course] .etf-mm-head{min-height:1.6em;line-height:1.6;font-size:calc(15px * var(--etf-s));color:var(--etf-text)}[data-course] .etf-mm-head b{font-weight:700}[data-course] .etf-mm-ticks{color:var(--etf-muted);white-space:nowrap}[data-course] .etf-mm-rows{gap:calc(12px * var(--etf-s));margin-top:calc(14px * var(--etf-s));display:grid}[data-course] .etf-mm-row{grid-template-columns:calc(96px * var(--etf-s)) minmax(0, 1fr) minmax(calc(112px * var(--etf-s)), max-content);align-items:center;gap:calc(12px * var(--etf-s));display:grid}[data-course] .etf-mm-id{flex-direction:column;line-height:1.3;display:flex}[data-course] .etf-mm-id .etf-sym{font-size:calc(17px * var(--etf-s))}[data-course] .etf-mm-pv{font-size:calc(13px * var(--etf-s));color:var(--etf-muted);white-space:nowrap}[data-course] .etf-mm-lane{height:calc(28px * var(--etf-s));position:relative}[data-course] .etf-mm-bar{height:100%;width:calc(var(--w) * 100%);background:var(--etf-accent);-webkit-mask-image:repeating-linear-gradient(to right, #000 0, #000 calc(100% / var(--seg) - 2px), transparent calc(100% / var(--seg) - 2px), transparent calc(100% / var(--seg)));-webkit-mask-image:repeating-linear-gradient(to right, #000 0, #000 calc(100% / var(--seg) - 2px), transparent calc(100% / var(--seg) - 2px), transparent calc(100% / var(--seg)));mask-image:repeating-linear-gradient(to right, #000 0, #000 calc(100% / var(--seg) - 2px), transparent calc(100% / var(--seg) - 2px), transparent calc(100% / var(--seg)));display:block}[data-course] .etf-mm-row.is-micro .etf-mm-bar{-webkit-mask-image:none;mask-image:none}[data-course] .etf-mm-bar.is-up{background:var(--etf-up)}[data-course] .etf-mm-bar.is-down{background:var(--etf-down)}[data-course] .etf-mm-val{text-align:right;font-size:calc(20px * var(--etf-s));color:var(--etf-strong);font-weight:700}[data-course] .etf-mm-ratio{margin-top:calc(16px * var(--etf-s));padding-top:calc(12px * var(--etf-s));border-top:1px solid var(--etf-line);font-size:calc(14px * var(--etf-s));color:var(--etf-text)}[data-course] .etf-mm-ratio .etf-sym{font-size:inherit}[data-course] .etf-mm-ratio{column-gap:calc(10px * var(--etf-s));grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}[data-course] .etf-mm-ratio .etf-badge{margin-top:calc(-1px * var(--etf-s))}@container etf (max-width:560px){[data-course] .etf-mm-head,[data-course] .etf-mm-ratio{min-height:calc(3.2em + 12px * var(--etf-s))}[data-course] .etf-mm-head{min-height:3.2em}}@container etf (max-width:420px){[data-course] .etf-mm-row{gap:calc(6px * var(--etf-s)) calc(12px * var(--etf-s));grid-template-columns:minmax(0,1fr) max-content}[data-course] .etf-mm-id{align-items:baseline;gap:calc(8px * var(--etf-s));flex-direction:row}[data-course] .etf-mm-lane{grid-area:2/1/auto/-1}[data-course] .etf-mm-val{font-size:calc(17px * var(--etf-s))}[data-course] .etf-read dd{font-size:calc(20px * var(--etf-s))}}[data-course] .etf-fig-cc{--etf-cc-h:200;--etf-cc-lane:calc(10px * var(--etf-s));--etf-cc-axis:calc(78px * var(--etf-s))}@media (min-width:600px){[data-course] .etf-fig-cc{--etf-cc-h:240}}@media (min-width:1024px){[data-course] .etf-fig-cc{--etf-cc-h:280}}[data-course] .etf-fig-cc.etf--stage:not(.etf--bare){padding:calc(14px * var(--etf-s)) calc(14px * var(--etf-s)) calc(8px * var(--etf-s));border-radius:calc(8px * var(--etf-s))}@container etf (max-width:420px){[data-course] .etf-fig-cc{--etf-cc-lane:calc(8px * var(--etf-s));--etf-cc-axis:calc(72px * var(--etf-s))}}[data-course] .etf-cc{--cc-top:0px;--cc-bot:0px;--cc-room:0;font-size:calc(13px * var(--etf-s));line-height:calc(18px * var(--etf-s))}[data-course] .etf-cc.has-room-top{--cc-top:calc(40px * var(--etf-s));--cc-room:40}[data-course] .etf-cc.has-room-bottom{--cc-bot:calc(40px * var(--etf-s));--cc-room:40}[data-course] .etf-cc-top{justify-content:space-between;align-items:baseline;gap:calc(4px * var(--etf-s)) calc(16px * var(--etf-s));margin-bottom:calc(10px * var(--etf-s));flex-wrap:wrap;display:flex}[data-course] .etf-cc-head{color:var(--etf-muted);font-weight:500}[data-course] .etf-cc-keys{gap:calc(4px * var(--etf-s)) calc(16px * var(--etf-s));color:var(--etf-text);flex-wrap:wrap;display:flex}[data-course] .etf-cc-key{align-items:center;gap:calc(8px * var(--etf-s));white-space:nowrap;display:inline-flex}[data-course] .etf-cc-swatch{width:calc(20px * var(--etf-s));border-top:calc(2px * var(--etf-s)) dashed var(--etf-accent);height:0;display:inline-block}[data-course] .etf-cc-swatch.is-now{border-top:calc(2px * var(--etf-s)) dotted var(--etf-strong);opacity:.8}[data-course] .etf-cc-body{grid-template-columns:minmax(0, 1fr) var(--etf-cc-lane) var(--etf-cc-axis);grid-template-rows:calc(var(--etf-cc-h) * 1px * var(--etf-s)) calc(28px * var(--etf-s));display:grid}[data-course] .etf-cc-plot,[data-course] .etf-cc-lane,[data-course] .etf-cc-axis{grid-row:1;min-width:0;position:relative}[data-course] .etf-cc-plot{border-radius:calc(4px * var(--etf-s));background:var(--etf-plot);grid-column:1;overflow:hidden}[data-course] .etf-cc-plot:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--etf-line);pointer-events:none;position:absolute;inset:0}[data-course] .etf-cc-lane{grid-column:2}[data-course] .etf-cc-axis{grid-column:3}[data-course] .etf-cc-area{left:0;right:0;top:var(--cc-top);bottom:var(--cc-bot);position:absolute}[data-course] .etf-cc-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-course] .etf-cc-svg line,[data-course] .etf-cc-svg rect{stroke-width:calc(1.5px * var(--etf-s))}[data-course] .etf-cc-svg .etf-cc-up{stroke:var(--etf-up)}[data-course] .etf-cc-svg rect.etf-cc-up{fill:var(--etf-plot)}[data-course] .etf-cc-svg .etf-cc-down{stroke:var(--etf-down)}[data-course] .etf-cc-svg rect.etf-cc-down{fill:var(--etf-down)}[data-course] .etf-cc-svg .etf-cc-flat{stroke:var(--etf-text);stroke-opacity:.62}[data-course] .etf-cc-svg .is-live,[data-course] .etf-cc-svg .is-pick{stroke-width:calc(2px * var(--etf-s))}[data-course] .etf-cc-svg .is-dim{opacity:.38}[data-course] .etf-cc-pick{top:0;bottom:0;left:calc(var(--x) * 100%);width:calc(var(--w) * 100%);border-radius:calc(3px * var(--etf-s));background:color-mix(in srgb, var(--etf-accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--etf-accent) 45%, transparent);position:absolute}[data-course] .etf-cc-gl,[data-course] .etf-cc-entry,[data-course] .etf-cc-nowline{left:0;right:0;top:calc(var(--y) * 100%);height:0;position:absolute}[data-course] .etf-cc-gl{border-top:1px solid var(--etf-line)}[data-course] .etf-cc-entry{border-top:calc(2px * var(--etf-s)) dashed var(--etf-accent);margin-top:calc(-1px * var(--etf-s))}[data-course] .etf-cc-entry.is-cut{right:calc(var(--r) * 100% + 6px * var(--etf-s))}[data-course] .etf-cc-nowline{border-top:1px dotted var(--etf-strong);opacity:.55;margin-top:-.5px}[data-course] .etf-cc-gl.is-tick{border-top-color:color-mix(in srgb, var(--etf-line) 70%, transparent)}[data-course] .etf-cc.is-zoomed .etf-cc-svg{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(12px * var(--etf-s)), #000 calc(100% - 12px * var(--etf-s)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(12px * var(--etf-s)), #000 calc(100% - 12px * var(--etf-s)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 calc(12px * var(--etf-s)), #000 calc(100% - 12px * var(--etf-s)), transparent 100%)}[data-course] .etf-cc.is-close .etf-cc-svg>:not(.is-live){opacity:.5}[data-course] .etf-cc-closetag{z-index:3;left:calc(8px * var(--etf-s));top:calc(8px * var(--etf-s));height:calc(22px * var(--etf-s));will-change:transform;padding:0 calc(8px * var(--etf-s));border-radius:calc(4px * var(--etf-s));background:color-mix(in srgb, var(--etf-plot) 88%, transparent);color:var(--etf-accent);font-size:calc(12px * var(--etf-s));text-box:trim-both cap alphabetic;white-space:nowrap;place-items:center;font-weight:700;line-height:normal;display:grid;position:absolute}@container etf (max-width:480px){[data-course] .etf-cc.has-room-top .etf-cc-closetag{top:calc(var(--cc-top) + 4px * var(--etf-s))}}[data-course] .etf-cc-pl{left:calc(12px * var(--etf-s));top:calc(var(--y) * 100%);color:var(--etf-muted);white-space:nowrap;opacity:clamp(0, min(calc(var(--dy,1) * (var(--etf-cc-h) - var(--cc-room)) - 21), calc(var(--ds,1) * (var(--etf-cc-h) - var(--cc-room)) - 17)), 1);position:absolute;transform:translateY(-50%)}[data-course] .etf-cc-pl.is-start{color:var(--etf-accent);font-weight:700}[data-course] .etf-cc-time{grid-area:2/1;position:relative}[data-course] .etf-cc-tl{top:calc(6px * var(--etf-s));left:calc(var(--x) * 100%);color:var(--etf-muted);white-space:nowrap;position:absolute;transform:translate(-50%)}[data-course] .etf-cc-zoom{left:calc(var(--x) * 100%);right:calc(var(--r,0) * 100%);top:calc(var(--y) * 100%);height:calc(var(--h) * 100%);min-height:calc(8px * var(--etf-s));border:calc(1.5px * var(--etf-s)) dashed var(--etf-accent);border-radius:calc(2px * var(--etf-s));position:absolute}[data-course] .etf-cc-now{z-index:1;will-change:transform;left:calc(2px * var(--etf-s));top:calc(var(--y) * 100%);width:calc(52px * var(--etf-s));height:calc(24px * var(--etf-s));margin-top:calc(-12px * var(--etf-s));position:absolute}[data-course] .etf-cc-now svg{width:100%;height:100%;position:absolute;inset:0}[data-course] .etf-cc-now path{fill:var(--etf-now-bg)}[data-course] .etf-cc-now-t{inset:0 0 0 calc(8px * var(--etf-s));color:var(--etf-now-text);font-size:calc(13px * var(--etf-s));text-box:trim-both cap alphabetic;place-items:center;font-weight:700;line-height:normal;display:grid;position:absolute}[data-course] .etf-cc-band{left:calc(var(--x) * 100%);right:calc(6px * var(--etf-s));top:calc((var(--y) + var(--h) / 2) * 100%);height:max(calc(2px * var(--etf-s)), calc(var(--h) * 100%));background:color-mix(in srgb, var(--etf-accent) 18%, transparent);position:absolute;transform:translateY(-50%)}[data-course] .etf .etf-cc-blabel{top:calc(var(--cc-top) - 30px * var(--etf-s));right:calc(6px * var(--etf-s));z-index:1;height:calc(24px * var(--etf-s));text-box:trim-both cap alphabetic;will-change:transform;padding:0 calc(10px * var(--etf-s));border-radius:calc(4px * var(--etf-s));background:color-mix(in srgb, var(--etf-accent) 24%, var(--etf-plot));color:var(--etf-accent-ink);white-space:nowrap;place-items:center;font-weight:700;line-height:normal;display:grid;position:absolute}@container etf (max-width:300px){[data-course] .etf .etf-cc-blabel{padding:0 calc(6px * var(--etf-s));font-size:calc(12px * var(--etf-s))}}[data-course] .etf .etf-cc-blabel.is-down{top:auto;bottom:calc(var(--cc-bot) - 30px * var(--etf-s))}[data-course] .etf-cc-tl.is-first{left:0;transform:none}[data-course] .etf-cc-tl.is-last{left:100%;transform:translate(-100%)}@container etf (max-width:520px){[data-course] .etf-cc-tl.is-half{display:none}}@container etf (max-width:320px){[data-course] .etf-cc-tl.is-alt{display:none}}
