@property --ach-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.ach-card{perspective:700px;min-width:0}.ach-tilt{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card);height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.ach-card[data-hover] .ach-tilt{transition-duration:.12s}.ach-tilt:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(var(--sa,0deg), transparent 30%, rgb(0 0 0/calc(var(--sd,0) * .14)));transition:opacity .3s;position:absolute;inset:0}.dark .ach-tilt:after{background:linear-gradient(var(--sa,0deg), transparent 30%, rgb(0 0 0/calc(var(--sd,0) * .32)))}.ach-card[data-hover] .ach-tilt:after{opacity:1}.ach-card[data-legendary] .ach-tilt{background:linear-gradient(var(--card), var(--card)) padding-box, conic-gradient(from var(--ach-angle), #ffd36e, #ff9ad5, #7fe3ff, #c4a3ff, #ffd36e) border-box;border:1.5px solid #0000}.ach-art{isolation:isolate;background:var(--muted);place-items:center;height:148px;display:grid;position:relative;overflow:hidden}.ach-art:before,.ach-art:after{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}.ach-art>.ach-face,.ach-mirror,.ach-question{z-index:2;position:relative}.ach-foil{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 22%,#ff9ad599 36%,#ffd36e99 44%,#7fe3ff99 52%,#c4a3ff99 60%,#0000 74%) 0%/260% 260%;position:absolute;inset:0}.ach-card[data-legendary]:not([data-locked]) .ach-foil{opacity:.32}.ach-lock,.ach-stamp{z-index:5;color:#fff;background-color:#00000080;border-radius:9999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;right:8px}.ach-stamp{width:auto;padding:0 7px;font-size:11px;font-weight:500}.ach-art[data-locked]{filter:grayscale()contrast(.75)brightness(1.12)}.dark .ach-art[data-locked]{filter:grayscale()contrast(.75)brightness(.55)}.ach-art[data-locked] .lf.lf{filter:brightness(0);opacity:.32}.ach-card[data-legendary] .ach-art[data-locked]{filter:none}.ach-card[data-legendary] .ach-art[data-locked] .lf.lf{filter:brightness(0)invert();opacity:.24}.ach-art[data-art=sealed]{background:repeating-linear-gradient(135deg, var(--component) 0 8px, transparent 8px 16px), var(--muted)}.ach-question{color:var(--muted-foreground);font-size:56px;font-weight:600;line-height:1}.ach-art[data-art=tokens]{background:linear-gradient(#eef0f4,#d3d8e0)}.ach-bubble{z-index:3;border-radius:10px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.25;position:absolute}.ach-bubble--user{color:#fff;background-color:#1b1e23;border-bottom-left-radius:3px;top:12px;left:12px}.ach-ticker{z-index:3;font-family:var(--font-mono);color:#b4232c;font-size:11px;font-weight:500;position:absolute;bottom:10px;right:12px}.ach-art[data-art=spotlight]{background:radial-gradient(34% 62% at 50% 66%,#fff4c88c,#0000 72%),conic-gradient(from 162deg at 50% -12%,#0000 0deg,#fff4c829 8deg 28deg,#0000 36deg),linear-gradient(#0c1226,#1b2547)}.ach-art[data-art=clippy]{background:linear-gradient(0deg,silver 0 12px,#fff 12px 13px,teal 13px)}.ach-bubble--tip{color:#000;background-color:#ffffe1;border:1px solid #000;border-radius:8px;max-width:58%;top:10px;right:10px}.ach-clip{z-index:2;height:76px;position:absolute;bottom:18px;left:16%;rotate:-8deg}.ach-art[data-art=clippy]>.ach-face{translate:26% 14%}.ach-art[data-art=synthwave]{background:linear-gradient(#1a0838 0%,#4a1470 36%,#b02a8a 54%,#ff6a7a 62%,#14062a 62%)}.ach-sun{z-index:0;background:linear-gradient(#ffe66b,#ff5fa2);border-radius:9999px;width:92px;height:92px;position:absolute;top:26px;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 50%,#0000 50% 55%,#000 55% 63%,#0000 63% 67%,#000 67% 74%,#0000 74% 78%,#000 78%);mask-image:linear-gradient(#000 50%,#0000 50% 55%,#000 55% 63%,#0000 63% 67%,#000 67% 74%,#0000 74% 78%,#000 78%)}.ach-grid{z-index:1;transform-origin:top;background-color:#14062a;background-image:linear-gradient(#ff4fd8 1.5px,#0000 1.5px),linear-gradient(90deg,#ff4fd8 1.5px,#0000 1.5px);background-size:22px 16px;height:38%;position:absolute;bottom:0;left:-60%;right:-60%;transform:perspective(90px)rotateX(48deg)}.ach-art[data-art=synthwave]>.ach-face{translate:0 8%}.ach-art[data-art=mirror]{background:linear-gradient(90deg,#eeebf9 0 50%,#ddd8f1 50% 100%)}.ach-art[data-art=mirror]:before{background:linear-gradient(#fff,#b9b2dc);width:2px;inset:14% auto 14% 50%}.ach-mirror{gap:22px;display:flex}.ach-mirror>:last-child{scale:-1 1}.ach-art[data-art=zen]{background:radial-gradient(circle at 50% 45%,#f4f8f1,#d6e6cf 55%,#a8c79d 100%)}.ach-art[data-art=zen]:before{background:repeating-radial-gradient(100% 32% at 50% 92%,#0000 0 9px,#fff9 9px 10.5px,#0000 10.5px 19px);-webkit-mask-image:linear-gradient(#0000 55%,#000 80%);mask-image:linear-gradient(#0000 55%,#000 80%)}.ach-art[data-art=trail]{background:radial-gradient(circle,#1d3f66 0%,#0d1f3a 60%,#070f1f 100%)}.ach-trail{z-index:1;fill:none;stroke:#7fe3ff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #7fe3ffb3);opacity:.8;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.ach-art[data-art=trail]>.ach-face{filter:drop-shadow(0 0 14px #7fe3ffd9)}.ach-art[data-art=hello]{background:linear-gradient(#f3f1fb,#d9d4ee)}.ach-bubble--typing{background-color:#fff;border-bottom-right-radius:3px;gap:3px;padding:7px 9px;display:flex;bottom:12px;right:12px}.ach-bubble--typing>i{background-color:#8a8f99;border-radius:9999px;width:5px;height:5px}.ach-art[data-art=keys]{background:linear-gradient(#eef3f7,#cfd9e2)}.ach-keys{z-index:3;gap:4px;display:flex;position:absolute;top:12px;left:12px}.ach-keys>kbd{color:#1b1e23;background-color:#fff;border:1px solid #b9c3cd;border-bottom-width:3px;border-radius:6px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:500;display:grid}.ach-art[data-art=status]{background:linear-gradient(#fdf6e8,#f1dfbd)}.ach-bubble--status{color:#1b1e23;background-color:#fff;border-radius:9999px;align-items:center;gap:5px;display:flex;top:12px;left:12px}.ach-bubble--status:before{content:"";background-color:#e9a23b;border-radius:9999px;width:7px;height:7px}.ach-art[data-art=chat]{background:linear-gradient(#eaf3fd,#c9def5)}.ach-art[data-art=home]{background:linear-gradient(#f4f1fb,#dcd5f0)}.ach-tiles{z-index:0;grid-template-columns:1fr 1fr;gap:6px;display:grid;position:absolute;inset:12px 14px}.ach-tiles>i{background-color:#ffffffb3;border-radius:8px}.ach-tiles>i[data-new]{background-color:#ffffff59;border:1.5px dashed #8b7fc7}.ach-art[data-art=docs]{background:linear-gradient(#fbf6ec,#eadcc0)}.ach-page{z-index:0;background-color:#fff;border-radius:6px;flex-direction:column;gap:6px;width:46%;padding:10px;display:flex;position:absolute;top:14px;left:16px;rotate:-6deg}.ach-page>b{background-color:#b48a46;border-radius:9999px;width:60%;height:6px}.ach-page>i{background-color:#e3d6bd;border-radius:9999px;height:4px}.ach-art[data-art=app]{background:linear-gradient(#e9f6f4,#c2e2dc)}.ach-window{z-index:0;background-color:#ffffffbf;border-radius:8px;grid-template-rows:12px 1fr;grid-template-columns:1fr 1fr;gap:6px;padding:0 0 8px;display:grid;position:absolute;inset:12px 14px 22px;overflow:hidden}.ach-window>b{background:radial-gradient(circle at 8px 6px,#f07a6a 2.5px,#0000 3px),radial-gradient(circle at 16px 6px,#f2c35b 2.5px,#0000 3px),radial-gradient(circle at 24px 6px,#6cc57c 2.5px,#0000 3px),#0000000d;grid-column:1/-1}.ach-window>i{background-color:#8fcfc3;border-radius:4px;align-self:end;height:40%;margin:0 10px}.ach-window>i+i{height:70%}.ach-art[data-art=theme]{background:linear-gradient(90deg,#17171a 0 38%,#f4f4f2 38% 100%)}.ach-card--hero .ach-art{height:280px}.ach-confetti{pointer-events:none;position:absolute;inset:0}.ach-confetti>i{background-color:var(--c);opacity:0;border-radius:1.5px;width:7px;height:11px;position:absolute;top:45%;left:50%}@media (prefers-reduced-motion:no-preference){.ach-card[data-legendary] .ach-tilt{animation:6s linear infinite ach-turn}.ach-card[data-legendary]:not([data-locked]) .ach-foil{animation:5s ease-in-out infinite alternate ach-sweep}.ach-grid{animation:.9s linear infinite ach-drive}.ach-art[data-art=zen]:before{animation:4s ease-out infinite ach-ripple}.ach-art[data-locked]:before,.ach-art[data-locked]:after,.ach-art[data-locked]{animation:none}.ach-confetti>i{animation:ach-burst 1.5s cubic-bezier(.2, .7, .3, 1) var(--d,0s) forwards}}.ach-hover:not(:hover,:focus-visible,.ach-card--hero) *,.ach-hover:not(:hover,:focus-visible,.ach-card--hero) :before,.ach-hover:not(:hover,:focus-visible,.ach-card--hero) :after{animation:none!important}@keyframes ach-turn{to{--ach-angle:360deg}}@keyframes ach-sweep{0%{background-position:0%}to{background-position:100%}}@keyframes ach-drive{to{background-position:0 16px}}@keyframes ach-ripple{0%{opacity:1;scale:.92}to{opacity:.5;scale:1.08}}@keyframes ach-burst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)) scale(1)}}.ach-art.ach-art--chip{border-radius:9999px;width:36px;height:36px}.ach-art.ach-art--tile{border-radius:calc(var(--radius) - 2px);width:48px;height:48px}:is(.ach-art--chip,.ach-art--tile) :is(.ach-bubble,.ach-ticker,.ach-clip,.ach-tiles,.ach-page,.ach-window,.ach-sun,.ach-grid,.ach-keys,.ach-trail,.ach-lock,.ach-stamp){display:none}:is(.ach-art--chip,.ach-art--tile)>.ach-face{translate:none}:is(.ach-art--chip,.ach-art--tile) .ach-mirror{gap:0}.trail{--map-sea:#a3cff5;--map-land:#f4f2ed;--map-built:#e5e1e2;--map-wood:#d3e6c6;--map-green:#c2e3ad;--map-park:#e4efdc;--map-relief:.26;--map-stream:#9ccaf2;--map-river:#6aaae8;--map-minor:#fff;--map-road:#fff;--map-road-casing:#d9d4cc;--map-motorway:#fcd27a;--map-motorway-casing:#e2ae4f;--map-route:#007aff;--map-route-casing:#0057c2;--map-label:#2f3136;--map-label-muted:#6b6e75;--map-county:#8a8d94;--map-range-label:#8a7a5f;--map-water-label:#3b78b5;--map-halo:#ffffffe6;--map-ahead:#a9acb3;--map-poi-text:.78;--map-foil:conic-gradient(from 0deg, #ffd36e, #ff9ad5, #7fe3ff, #c4a3ff, #b6f2a2, #ffd36e)}.dark .trail{--map-sea:#1c2f7a;--map-land:#2b2f35;--map-built:#3c3a4a;--map-wood:#273d31;--map-green:#2b4b36;--map-park:#2a3730;--map-relief:.32;--map-stream:#26408f;--map-river:#3a5fd0;--map-minor:#42464e;--map-road:#575c66;--map-road-casing:#1f2227;--map-motorway:#8d97ab;--map-motorway-casing:#1f2329;--map-route:#0a84ff;--map-route-casing:#0050b0;--map-label:#e8e9ec;--map-label-muted:#a3a7af;--map-county:#8c9098;--map-range-label:#b5a383;--map-water-label:#93a6f2;--map-halo:#181a1fe0;--map-ahead:#5d6169;--map-poi-text:.62}.trail-poi[data-stop=first-words]{--poi:#af52de}.trail-poi[data-stop=shortcut]{--poi:#5856d6}.trail-poi[data-stop=at-home]{--poi:#ff9500}.trail-poi[data-stop=status-update]{--poi:#34c759}.trail-poi[data-stop=back-to-the-80s]{--poi:#ff2d55}.trail-poi[data-stop=bookworm]{--poi:#a2845e}.trail-poi[data-stop=inbox-zero]{--poi:#30b0c7}.trail-poi[data-stop=new-look]{--poi:#ff3b30}.trail-poi[data-stop=app-maker]{--poi:#e5a500}.dark .trail-poi[data-stop=first-words]{--poi:#bf5af2}.dark .trail-poi[data-stop=shortcut]{--poi:#5e5ce6}.dark .trail-poi[data-stop=at-home]{--poi:#ff9f0a}.dark .trail-poi[data-stop=status-update]{--poi:#30d158}.dark .trail-poi[data-stop=back-to-the-80s]{--poi:#ff375f}.dark .trail-poi[data-stop=bookworm]{--poi:#ac8e68}.dark .trail-poi[data-stop=inbox-zero]{--poi:#40c8e0}.dark .trail-poi[data-stop=new-look]{--poi:#ff453a}.dark .trail-poi[data-stop=app-maker]{--poi:#ffd60a}.trail-map{background-color:var(--map-sea);container-type:inline-size}.trail-map[data-ready]>*{transition:opacity .3s}.trail-map:not([data-ready])>*{opacity:0}.trail-surface{cursor:grab;touch-action:pan-y}.trail-surface:active{cursor:grabbing}.trail-camera{--px:1;transform-origin:0 0;position:absolute;top:0;left:0}.trail-land{fill:var(--map-land);stroke:var(--map-land);stroke-width:calc(var(--px) * 1.5);stroke-linejoin:round}.trail-relief{opacity:var(--map-relief)}.trail-map[data-zoom="1"] .trail-relief{opacity:calc(var(--map-relief) * .6)}.trail-map[data-zoom="2"] .trail-relief{opacity:calc(var(--map-relief) * .3)}.trail-park{fill:var(--map-park)}.trail-wood,.trail-green,.trail-built,.trail-lake{fill-rule:evenodd}.trail-wood{fill:var(--map-wood)}.trail-green{fill:var(--map-green)}.trail-built{fill:var(--map-built)}.trail-lake{fill:var(--map-sea)}.trail-stream,.trail-canal,.trail-minor,.trail-river,.trail-estuary,.trail-route,.trail-route-casing,.trail-road,.trail-road-casing,.trail-motorway,.trail-motorway-casing{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-stream{stroke:var(--map-stream);stroke-width:calc(var(--px) * .8)}.trail-canal{stroke:var(--map-stream);stroke-width:calc(var(--px) * 1.4)}.trail-minor{stroke:var(--map-minor);stroke-width:calc(var(--px) * 1)}.trail-map[data-zoom="0"] .trail-minor{display:none}.trail-road-casing{stroke:var(--map-road-casing);stroke-width:calc(var(--px) * 3)}.trail-road{stroke:var(--map-road);stroke-width:calc(var(--px) * 1.6)}.trail-motorway-casing{stroke:var(--map-motorway-casing);stroke-width:calc(var(--px) * 4.2)}.trail-motorway{stroke:var(--map-motorway);stroke-width:calc(var(--px) * 2.4)}.trail-river{stroke:var(--map-river);stroke-width:calc(var(--px) * var(--w))}.trail-estuary{stroke:var(--map-river);stroke-width:calc(var(--px) * 2.5);stroke-dasharray:calc(var(--px) * 1) calc(var(--px) * 6)}.trail-route-casing{stroke:var(--map-route-casing);stroke-width:calc(var(--px) * 7)}.trail-route{stroke:var(--map-route);stroke-width:calc(var(--px) * 4.5)}.trail-label,.trail-pin{will-change:transform;position:absolute;top:0;left:0}.trail-label{white-space:nowrap;color:var(--map-label-muted);text-shadow:0 0 2px var(--map-halo), 0 0 4px var(--map-halo);font-size:12px;font-weight:500;transition:opacity .2s;translate:-50% -50%}.trail-label>span{display:block}.trail-label[data-tier]{opacity:0}.trail-map[data-zoom="1"] .trail-label[data-tier="1"],.trail-map[data-zoom="2"] .trail-label[data-tier]{opacity:1}@container (width<640px){.trail-map[data-zoom="0"] .trail-label:not([data-kind=county],[data-kind=city]){opacity:0}}.trail-label[data-kind=county]{letter-spacing:.18em;text-transform:uppercase;color:var(--map-county);font-size:11px}.trail-label[data-kind=city]{color:var(--map-label);font-size:18px;font-weight:600}.trail-label[data-kind=town]{color:var(--map-label);font-size:13px;font-weight:600}.trail-label[data-kind=district]{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.trail-label[data-kind=range]{letter-spacing:.06em;color:var(--map-range-label);font-style:italic}.trail-label:is([data-kind=water],[data-kind=river]){color:var(--map-water-label);text-shadow:none;font-style:italic}.trail-label[data-kind=water]{font-size:13px}.trail-label[data-kind=river]{letter-spacing:.04em;font-size:11px}.trail-label[data-kind=peak]>span{align-items:center;gap:3px;font-size:11px;display:flex}.trail-label[data-kind=peak]>span:before{content:"";background-color:var(--map-label-muted);clip-path:polygon(50% 0,100% 100%,0 100%);width:7px;height:6px}.trail-pin{pointer-events:auto;border-radius:9999px;outline:none;place-items:center;display:grid;translate:-50% -50%}.trail-pin-badge{color:#fff;background-color:var(--map-ahead);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--map-halo), 0 1px 3px #00000040;border-radius:9999px;place-items:center;transition:width .2s cubic-bezier(.22,1,.36,1),height .2s cubic-bezier(.22,1,.36,1),box-shadow .14s;display:grid}.trail-pin-badge>svg{stroke-width:2.25px;width:13px;height:13px}:is(.trail-pin,.trail-leg)[data-state=ahead] .trail-pin-badge>svg{opacity:.8}:is(.trail-pin,.trail-leg)[data-state=passed] .trail-pin-badge{background-color:var(--poi)}:is(.trail-pin,.trail-leg)[data-legendary] .trail-pin-badge{background:var(--map-foil);width:28px;height:28px}:is(.trail-pin,.trail-leg)[data-legendary]:not([data-state=passed]) .trail-pin-badge{filter:saturate(.55)}:is(.trail-pin,.trail-leg)[data-here] .trail-pin-badge{border:3px solid var(--map-route);filter:none;background:#fff;width:40px;height:40px;position:relative}:is(.trail-pin,.trail-leg)[data-here] .trail-pin-badge:before{content:"";z-index:-1;background-color:var(--map-route);opacity:.3;border-radius:9999px;position:absolute;inset:-6px}.trail-pin[data-selected]:not([data-here]) .trail-pin-badge{width:30px;height:30px;box-shadow:0 0 0 2px var(--map-halo), 0 0 0 4px var(--poi,var(--map-ahead)), 0 2px 6px #0000004d}.trail-pin:focus-visible .trail-pin-badge{outline:2px solid color-mix(in oklab, var(--ring) 85%, transparent);outline-offset:3px}.trail-pin-label{white-space:nowrap;color:var(--map-label-muted);text-shadow:0 0 2px var(--map-halo), 0 0 3px var(--map-halo), 0 0 5px var(--map-halo);font-size:12px;font-weight:600;position:absolute}.trail-pin[data-state=passed] .trail-pin-label{color:color-mix(in oklab, var(--poi) calc(var(--map-poi-text) * 100%), var(--map-label))}.trail-pin:is([data-here],[data-selected]) .trail-pin-label{color:var(--map-label)}.trail-pin-label[data-side=right]{top:50%;left:calc(100% + 6px);translate:0 -50%}.trail-pin-label[data-side=left]{top:50%;right:calc(100% + 6px);translate:0 -50%}.trail-pin-label[data-side=below]{top:calc(100% + 4px);left:50%;translate:-50%}.trail-pin-label[data-side=above]{bottom:calc(100% + 4px);left:50%;translate:-50%}.trail-leg{border-radius:calc(var(--radius) - 2px);transition:background-color .14s;position:relative}.trail-leg[data-selected]{background-color:var(--accent-wash)}.trail-leg:not([data-selected]):hover{background-color:var(--component-hover)}.trail-leg-row{border-radius:inherit;text-align:left;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 8px;display:flex}.trail-leg-row:focus-visible{outline:2px solid color-mix(in oklab, var(--ring) 85%, transparent);outline-offset:-2px}.trail-leg .trail-pin-badge{width:28px;height:28px;box-shadow:none;flex-shrink:0}.trail-leg .trail-pin-badge>svg{width:14px;height:14px}.trail-leg[data-here] .trail-pin-badge{border-width:2px}.trail-leg[data-here] .trail-pin-badge:before{inset:-4px}.trail-leg:not(:first-child):before,.trail-leg:not(:last-child):after{content:"";background-color:var(--border);width:2px;position:absolute;left:21px}.trail-leg:before{height:7px;top:0}.trail-leg:after{top:41px;bottom:0}.trail-leg[data-arrived]:before,.trail-leg[data-travelled]:after{background-color:var(--map-route)}.trail-progress{gap:2px;height:4px;display:flex}.trail-progress>i{background-color:var(--component-active);border-radius:9999px;flex-basis:0}.trail-progress>i[data-state=passed]{background-color:var(--map-route)}.trail-progress>i[data-state=open]{background-color:color-mix(in oklab, var(--map-route) 40%, transparent)}.trail-credit{color:var(--map-label-muted);text-shadow:0 0 2px var(--map-halo);font-size:10px}.trail-credit>a:hover{color:var(--map-label)}.trail-widget{background-color:var(--map-sea);container-type:size}.trail-mini{--px:2.5;width:100%;height:100%;position:absolute;inset:0}.trail-widget-scrim{background:linear-gradient(to right, var(--card) 0%, var(--card) 26%, color-mix(in oklab, var(--card) 60%, transparent) 36%, transparent 46%);position:absolute;inset:0}.trail-dot{fill:var(--map-ahead);stroke:var(--map-halo);stroke-width:2.5px}.trail-dot[data-state=passed]{fill:var(--poi)}.trail-dot[data-legendary]{fill:#c4a3ff}.trail-here{border:2.5px solid var(--map-route);background-color:#fff;border-radius:9999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 1px 4px #00000040}.trail-here:before{content:"";z-index:-1;background-color:var(--map-route);opacity:.3;border-radius:9999px;position:absolute;inset:-5px}@container (width<460px){.trail-widget-scrim{background:color-mix(in oklab, var(--card) 78%, transparent)}.trail-widget-text{width:100%;max-width:none}.trail-widget .trail-here{display:none}}.trail-home.trail-widget>*{--trail-text:0px;--s:min((100cqw - var(--trail-text)) / var(--view-w), 100cqh / var(--view-h));--map-left:calc(100cqw - var(--view-w) * var(--s))}.trail-home .trail-mini{left:var(--trail-text);width:calc(100% - var(--trail-text));overflow:visible}@container (width>=460px){.trail-home.trail-widget>*{--trail-text:clamp(220px, 42cqw, 340px)}.trail-home .trail-widget-text{width:var(--trail-text)}.trail-home .trail-widget-scrim{background:linear-gradient(to right, var(--card) calc(var(--map-left) - 32px), transparent calc(var(--map-left) + 8px))}}@container (width<700px){.trail-welcome .trail-widget-scrim{background:color-mix(in oklab, var(--card) 78%, transparent)}.trail-welcome .trail-widget-text{width:100%;max-width:none}}@media (prefers-reduced-motion:no-preference){:is(:is(.trail-pin,.trail-leg)[data-here] .trail-pin-badge,.trail-here):before{animation:2s cubic-bezier(.22,1,.36,1) infinite trail-halo}}@keyframes trail-halo{0%{opacity:.45;scale:1}to{opacity:0;scale:1.9}}
