.etf-explainer{--etf-mark-size:4.5rem;--etf-mark-type:var(--text-2-size);--etf-word-type:var(--text-small-size);padding:var(--space-10) var(--space-8) var(--space-8);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.etf-explainer-columns{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}@media not (min-width:48rem){.etf-explainer{padding:var(--space-8) var(--space-5) var(--space-6)}.etf-explainer-columns{gap:var(--space-10);grid-template-columns:1fr}}.etf-explainer-column{text-align:center;flex-direction:column;align-items:center;display:flex}.etf-explainer-column>.etf-mark{margin-block-end:var(--space-4)}.etf-explainer-column>.etf-word{margin-block-end:var(--space-2)}.etf-explainer-note{max-inline-size:26ch;color:var(--color-text-muted);font-size:var(--text-small-size);margin-block-end:var(--space-6)}.etf-explainer-art{inline-size:100%;max-inline-size:13rem;margin-block-start:auto;margin-inline:auto}.etf-explainer-art>svg{block-size:auto;inline-size:100%;display:block}.etf-explainer-summary{border-block-start:var(--border-width) solid var(--color-border);color:var(--color-text-muted);text-align:center;margin-block-start:var(--space-8);padding-block-start:var(--space-6)}.etf-explainer-summary b{color:var(--color-text);font-weight:var(--font-weight-medium)}
.mk-svg{block-size:100%;inline-size:100%;display:block}.mk-scene{visibility:hidden;opacity:0}.mk-s1{visibility:visible;opacity:1}.mk-far{fill:var(--color-markets-far)}.mk-near{fill:var(--color-markets-night-deep)}.mk-w{fill:var(--color-markets-gold-light)}.mk-tw{fill:var(--color-markets-gold-light);opacity:.55}.mk-beacon{fill:var(--color-markets-copper-light)}.mk-cuw,.mk-cdw{fill:none;stroke-width:1.6px}.mk-cuw{stroke:var(--color-market-rise)}.mk-cdw{stroke:var(--color-market-fall)}.mk-cub{fill:var(--color-market-rise);fill-opacity:.85}.mk-cdb{fill:none;stroke:var(--color-market-fall);stroke-width:1.4px}.mk-tu{fill:var(--color-market-rise)}.mk-td{fill:var(--color-market-fall)}.mk-tr{fill:var(--color-markets-steel-light);opacity:.5}.mk-mu{fill:var(--color-market-rise);fill-opacity:.9}.mk-md{fill:none;stroke:var(--color-market-fall);stroke-width:1px}.mk-ml{fill:none;stroke:var(--color-markets-gold);stroke-width:1.6px}.mk-mf{fill:var(--color-markets-gold);fill-opacity:.12;stroke:none}.mk-mote{fill:var(--color-markets-gold-light);opacity:0}.mk-beam{opacity:.14}.mk-lead{opacity:.35}.mk-mon,.mk-panel,.mk-spill{opacity:.86}.mk-cable{transform-origin:50% 0;transform:scaleY(.04)}.mk-box{opacity:0}.mk-rip{transform-origin:0;opacity:.35}.mk-ladder rect{transform-origin:0}@media (prefers-reduced-motion:no-preference){.mk-scene{animation:mk-scene var(--mk-loop) linear infinite}.mk-s1{opacity:0}.mk-s2{animation-delay:calc(var(--mk-loop) / -3 * 2)}.mk-s3{animation-delay:calc(var(--mk-loop) / -3)}@keyframes mk-scene{0%{visibility:visible;opacity:1}28%{opacity:1}34%{opacity:0}34.01%{visibility:hidden}93.99%{visibility:hidden;opacity:0}94%{visibility:visible;opacity:0}to{opacity:1}}.mk-push{transform-origin:58%;animation:mk-push var(--mk-loop) linear infinite}.mk-p2{animation-delay:calc(var(--mk-loop) / -3 * 2)}.mk-p3{animation-delay:calc(var(--mk-loop) / -3)}@keyframes mk-push{0%{transform:scale(1)}34%{transform:scale(1.055)}34.01%,to{transform:scale(1)}}.mk-tw{animation:7s ease-in-out infinite mk-tw}@keyframes mk-tw{0%,to{opacity:.15}45%{opacity:.95}}.mk-beacon{animation:3.2s ease-in-out infinite mk-beacon}@keyframes mk-beacon{0%,to{opacity:.2}50%{opacity:1}}.mk-drift{animation:mk-drift var(--mk-dur) linear infinite}@keyframes mk-drift{to{transform:translateX(calc(-1 * var(--mk-span)))}}.mk-mote{animation:12s ease-in-out infinite mk-mote}@keyframes mk-mote{0%,to{opacity:0;transform:translateY(10px)}50%{opacity:.5;transform:translateY(-16px)}}.mk-beam{animation:13s ease-in-out infinite mk-beam}.mk-beam2{animation-delay:-6s}@keyframes mk-beam{0%,to{opacity:.14}50%{opacity:.34}}.mk-lead{animation:9s ease-in-out infinite mk-lead}@keyframes mk-lead{0%,to{opacity:.35;r:5px}50%{opacity:1;r:8px}}.mk-ladder rect{animation:6s ease-in-out infinite mk-ladder}@keyframes mk-ladder{0%,to{transform:scaleX(.6)}50%{transform:scaleX(1)}}.mk-rip{animation:8s ease-in-out infinite mk-rip}@keyframes mk-rip{0%,to{opacity:.35;transform:scaleX(.8)translate(0)}50%{opacity:1;transform:scaleX(1.12)translate(10px)}}.mk-ship{animation:14s ease-in-out infinite mk-ship}@keyframes mk-ship{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2.5px)rotate(.12deg)}}.mk-trolley{animation:mk-trolley var(--mk-dur) ease-in-out infinite}@keyframes mk-trolley{0%,15%{transform:translate(-120px)}55%,70%{transform:translate(200px)}88%,to{transform:translate(-120px)}}.mk-hoist{animation:mk-hoist var(--mk-dur) ease-in-out infinite}@keyframes mk-hoist{0%{transform:translateY(0)}15%,22%{transform:translateY(150px)}35%,55%{transform:translateY(0)}70%,78%{transform:translateY(124px)}88%,to{transform:translateY(0)}}.mk-cable{animation:mk-cable var(--mk-dur) ease-in-out infinite}@keyframes mk-cable{0%{transform:scaleY(.04)}15%,22%{transform:scaleY(1)}35%,55%{transform:scaleY(.04)}70%,78%{transform:scaleY(.83)}88%,to{transform:scaleY(.04)}}.mk-box{animation:mk-box var(--mk-dur) ease-in-out infinite}@keyframes mk-box{0%,20%{opacity:0}23%,76%{opacity:1}79%,to{opacity:0}}.mk-boat{animation:mk-boat var(--mk-dur) linear infinite}@keyframes mk-boat{0%{transform:translate(-120px)}to{transform:translate(1700px)}}.mk-mon,.mk-panel,.mk-spill{animation:5.5s ease-in-out infinite mk-flick}@keyframes mk-flick{0%,to{opacity:.72}40%{opacity:1}62%{opacity:.86}}}
