.hmq{isolation:isolate;flex-direction:column;gap:2px;padding:22px 0 26px;display:flex;position:relative}.hmq:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, transparent, hsl(var(--muted) / .45) 30%, hsl(var(--muted) / .45) 70%, transparent);position:absolute;inset:0}.hmq[data-idle] .hm-marquee-track{animation-play-state:paused}.hmq [data-tone]{--a:#60a5fa;--b:#2563eb;--c:#1e40af;--t:#1e40af}.hmq [data-tone=violet]{--a:#a78bfa;--b:#7c3aed;--c:#5b21b6;--t:#5b21b6}.hmq [data-tone=emerald]{--a:#34d399;--b:#059669;--c:#065f46;--t:#065f46}.hmq [data-tone=amber]{--a:#fbbf24;--b:#d97706;--c:#92400e;--t:#78350f}.hmq [data-tone=rose]{--a:#fb7185;--b:#e11d48;--c:#9f1239;--t:#9f1239}.hmq [data-tone=cyan]{--a:#22d3ee;--b:#0891b2;--c:#155e75;--t:#155e75}.dark .hmq [data-tone]{--t:#93c5fd}.dark .hmq [data-tone=violet]{--t:#c4b5fd}.dark .hmq [data-tone=emerald]{--t:#6ee7b7}.dark .hmq [data-tone=amber]{--t:#fcd34d}.dark .hmq [data-tone=rose]{--t:#fda4af}.dark .hmq [data-tone=cyan]{--t:#67e8f9}.hmq-rail{padding:12px 0 20px}.hmq-rail:focus-within{-webkit-mask-image:none;mask-image:none}.hmq-list{flex-shrink:0;gap:14px;margin:0;padding:0 14px 0 0;list-style:none;display:flex}.hmq-list>li{perspective:700px}.hmq-card{border:1px solid hsl(var(--border));background:hsl(var(--card));min-width:228px;height:66px;color:hsl(var(--foreground));transform-style:preserve-3d;border-radius:20px;align-items:center;gap:12px;padding:8px 10px 8px 8px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s;display:flex;position:relative;box-shadow:inset 0 1px #fffc,0 1px 2px #0f172a0f,0 12px 24px -18px #0f172a73}.dark .hmq-card{box-shadow:inset 0 1px #ffffff0f,0 12px 26px -16px #000000b3}.hmq-card:hover,.hmq-card:focus-visible{border-color:color-mix(in srgb, var(--b) 45%, hsl(var(--border)));box-shadow:inset 0 1px 0 #fffc, 0 22px 30px -18px var(--b);transform:rotateX(14deg)translateY(-6px)}.dark .hmq-card:hover,.dark .hmq-card:focus-visible{box-shadow:inset 0 1px 0 #ffffff14, 0 22px 34px -14px var(--b)}.hmq-card:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.hmq-ico{color:#fff;background:linear-gradient(150deg, var(--a), var(--b));width:48px;height:48px;box-shadow:inset 0 1.5px 0 #ffffff80, inset 0 -3px 0 #00000024, 0 3px 0 var(--c), 0 10px 16px -8px var(--b);border-radius:15px;flex:none;place-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}.hmq-ico:after{content:"";pointer-events:none;background:linear-gradient(#ffffff6b,#fff0);border-radius:12px 12px 8px 8px;height:46%;position:absolute;top:2px;left:4px;right:4px}.hmq-ico svg{z-index:1;filter:drop-shadow(0 1px 1px #0003);width:22px;height:22px;position:relative}.hmq-card:hover .hmq-ico,.hmq-card:focus-visible .hmq-ico{transform:translateZ(26px)rotate(-8deg)}.hmq-text{flex-direction:column;gap:2px;min-width:0;padding-right:4px;display:flex}.hmq-name{white-space:nowrap;font-size:14.5px;font-weight:750;line-height:1.2}.hmq-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--t);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.hmq-kind:before{content:"";background:linear-gradient(150deg, var(--a), var(--b));border-radius:999px;width:6px;height:6px}.hmq-go{background:hsl(var(--muted));width:30px;height:30px;color:hsl(var(--muted-foreground));border-radius:999px;flex:none;place-items:center;margin-left:auto;transition:background-color .3s,color .3s,transform .4s cubic-bezier(.34,1.56,.64,1);display:grid}.hmq-go svg{width:16px;height:16px}.hmq-card:hover .hmq-go,.hmq-card:focus-visible .hmq-go{background:var(--b);color:#fff;transform:translateZ(14px)rotate(45deg)}@media (max-width:639.98px){.hmq{padding:14px 0 18px}.hmq-rail{padding:10px 0 16px}.hmq-list{gap:10px;padding-right:10px}.hmq-card{border-radius:17px;gap:10px;min-width:0;height:58px;padding:7px 12px 7px 7px}.hmq-ico{border-radius:13px;width:42px;height:42px}.hmq-ico svg{width:19px;height:19px}.hmq-name{font-size:13.5px}.hmq-kind{font-size:12px}.hmq-go{display:none}}@media (prefers-reduced-motion:reduce){.hmq-rail{overflow-x:auto}.hmq-card,.hmq-ico,.hmq-go{transition:none}.hmq-card:hover,.hmq-card:focus-visible,.hmq-card:hover .hmq-ico,.hmq-card:focus-visible .hmq-ico,.hmq-card:hover .hmq-go,.hmq-card:focus-visible .hmq-go{transform:none}}