.mkt{--bg:#07060b;--mkt-grid:#ffffff0b;--mkt-card:#ffffff09;--mkt-card-line:#ffffff17;background:var(--bg);color:var(--ink);min-height:100dvh}html:has(.mkt){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07060b}html:has(.mkt) body{background:#07060b}@layer components{.mkt-grid{background-image:linear-gradient(to right, var(--mkt-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--mkt-grid) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%)}.mkt-glow{background:radial-gradient(40% 50% at 30% 40%, color-mix(in srgb, var(--glow-from) 38%, transparent), transparent 70%), radial-gradient(35% 45% at 70% 55%, color-mix(in srgb, var(--glow-to) 24%, transparent), transparent 70%);filter:blur(40px)}.mkt-stars{background-image:radial-gradient(1px 1px at 12% 22%,#ffffff80,#0000),radial-gradient(1px 1px at 78% 14%,#fff6,#0000),radial-gradient(1px 1px at 64% 68%,#ffffff59,#0000),radial-gradient(1px 1px at 28% 76%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 90% 48%,#ffffff73,#0000),radial-gradient(1px 1px at 46% 36%,#ffffff4d,#0000)}.mkt-card{background:var(--mkt-card);border:1px solid var(--mkt-card-line);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mkt-header{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3)}@media (scripting:none){.mkt-flow-line{stroke-dashoffset:0}}.mkt-coverflow-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;padding:1rem 1rem 1.5rem;display:flex;overflow-x:auto}.mkt-coverflow-track::-webkit-scrollbar{display:none}.mkt-coverflow-item{scroll-snap-align:center;flex:0 0 78%}@media (min-width:768px){.mkt-coverflow-stage{perspective:1200px}.mkt-coverflow-track{height:20rem;transform-style:preserve-3d;padding:0;display:block;position:relative;overflow:visible}.mkt-coverflow-item{width:22rem;transform:translateX(calc(var(--o) * 64%)) translateZ(calc(var(--d) * -200px)) rotateY(calc(var(--o) * -38deg));opacity:calc(1 - var(--d) * .3);z-index:calc(20 - var(--d));filter:brightness(calc(1 - var(--d) * .28));margin-left:-11rem;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .52s,filter .52s;position:absolute;top:0;left:50%}.mkt-coverflow-item[data-far=true]{opacity:0;pointer-events:none}}.mkt-flow-line{stroke-dasharray:1;stroke-dashoffset:1px}[data-inview=true] .mkt-flow-line{animation:1.6s cubic-bezier(.4,0,.2,1) forwards mkt-draw;animation-delay:calc(var(--i,0) * 70ms)}.mkt-flow-pulse{stroke-dasharray:.12 .88;stroke-dashoffset:1.12px;opacity:0}[data-inview=true] .mkt-flow-pulse{animation:2.8s linear infinite mkt-pulse;animation-delay:calc(1.4s + var(--i,0) * .18s)}@keyframes mkt-draw{to{stroke-dashoffset:0}}@keyframes mkt-pulse{0%{stroke-dashoffset:1.12px;opacity:1}to{stroke-dashoffset:0;opacity:1}}.mkt-dots{stroke-dasharray:0 14;stroke-linecap:round}[data-inview=true] .mkt-dots{animation:1.4s linear infinite mkt-dots}@keyframes mkt-dots{to{stroke-dashoffset:-14px}}.mkt-ring{transform-box:fill-box;transform-origin:50%}[data-inview=true] .mkt-ring{animation:3.2s ease-out infinite mkt-ring;animation-delay:calc(var(--i,0) * 1.05s)}@keyframes mkt-ring{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.mkt-arc{--arc-r:200px;perspective:900px}@media (min-width:640px){.mkt-arc{--arc-r:300px}}@media (min-width:1024px){.mkt-arc{--arc-r:440px}}.mkt-arc-item{transform:translateX(calc(var(--s) * var(--arc-r))) translateY(calc(var(--d) * -110px)) translateZ(calc(var(--d) * -260px)) rotateY(var(--ry));filter:blur(calc(var(--d) * 3px));opacity:calc(1 - var(--d) * .9)}.mkt-arc-float{animation:5s ease-in-out infinite mkt-float;animation-delay:calc(var(--i,0) * -.45s)}@keyframes mkt-float{0%,to{translate:0}50%{translate:0 -8px}}.mkt-reflection{transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 30%,#0006);mask-image:linear-gradient(#0000 30%,#0006)}@media (min-width:768px){.mkt-float-card{animation:6s ease-in-out infinite mkt-float;animation-delay:calc(var(--i,0) * -1.6s)}}@media (prefers-reduced-motion:reduce){.mkt-flow-line,.mkt-flow-pulse,.mkt-dots,.mkt-ring,.mkt-arc-float,.mkt-float-card{animation:none!important}.mkt-flow-line{stroke-dashoffset:0}.mkt-flow-pulse,.mkt-ring{opacity:0}.mkt-coverflow-item{transition:none}}}
