.race-tile{--rt-ground: var(--mm-bg-inset);--rt-scrim: rgb(8 13 24 / 62%);--rt-edge-fill: color-mix(in srgb, var(--mm-viz-line) 20%, transparent);--rt-pad: var(--mm-space-md);--rt-radius: var(--mm-radius-lg);--rt-inner: calc(var(--rt-radius) - 1px);--rt-heart: var(--mm-brand-navy);position:relative;display:grid;align-content:start;min-inline-size:0;block-size:100%;background:var(--mm-bg-raised);border:1px solid var(--mm-border);border-radius:var(--rt-radius);color:var(--mm-fg);text-align:start;transition:border-color var(--mm-dur-base) var(--mm-ease),box-shadow var(--mm-dur-base) var(--mm-ease)}.race-tile:hover{border-color:var(--mm-border-strong);box-shadow:var(--mm-shadow-md)}.race-tile:has(.race-tile__link:focus-visible){outline:var(--mm-focus-width) solid var(--mm-focus);outline-offset:var(--mm-focus-offset)}.race-tile .race-tile__link{color:inherit;text-decoration:none;outline:none}.race-tile .race-tile__link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.race-tile .race-tile__heart,.race-tile .race-tile__tip{position:relative;z-index:2}.race-tile .race-tile__media{position:relative;aspect-ratio:16 / 9;background:var(--rt-ground);overflow:hidden;border-start-start-radius:var(--rt-inner);border-start-end-radius:var(--rt-inner)}.race-tile .race-tile__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.race-tile .race-tile__media img.race-tile__flag{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:auto;block-size:56%;max-inline-size:62%;object-fit:contain;border-radius:var(--mm-radius-xs);box-shadow:0 0 0 1px var(--mm-border-strong),var(--mm-shadow-sm)}.race-tile .race-tile__course{position:absolute;inset:0;inline-size:100%;block-size:100%}.race-tile .race-tile__line{fill:none;stroke:var(--mm-route);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.race-tile .race-tile__start{fill:var(--mm-route)}.race-tile .race-tile__finish{fill:var(--rt-ground);stroke:var(--mm-route);stroke-width:2}.race-tile .race-tile__ge,.race-tile .race-tile__osm{position:absolute;inset-block-end:.375rem;inset-inline-end:.375rem;font-size:var(--mm-text-xs);line-height:1;letter-spacing:.01em;white-space:nowrap}.race-tile .race-tile__ge{padding:var(--mm-space-3xs) var(--mm-space-xs);border-radius:var(--mm-radius-xs);background:var(--rt-scrim);color:#fff}.race-tile .race-tile__osm{color:var(--mm-fg-faint)}.race-tile .race-tile__play{position:absolute;inset-block-end:.5rem;inset-inline-start:.5rem;display:inline-flex;align-items:center;gap:var(--mm-space-xs);padding:var(--mm-space-3xs) var(--mm-space-xs) var(--mm-space-3xs) var(--mm-space-xs);border-radius:var(--mm-radius-pill);background:var(--rt-scrim);color:#fff;font-size:var(--mm-text-xs)}.race-tile .race-tile__play svg{inline-size:.75rem;block-size:.75rem;fill:currentColor}.race-tile .race-tile__badge{display:inline-flex;align-items:center;padding:var(--mm-space-3xs) var(--mm-space-xs);border-radius:var(--mm-radius-xs);border:1px solid transparent;font-size:var(--mm-text-xs);font-weight:var(--mm-weight-semibold);line-height:1.3;white-space:nowrap}.race-tile--card .race-tile__badge{position:absolute;inset-block-start:.625rem;inset-inline-start:.625rem;box-shadow:var(--mm-shadow-sm)}.race-tile .race-tile__badge--live{background:var(--mm-tone-live-bg);color:var(--mm-tone-live-fg);border-color:var(--mm-tone-live-line)}.race-tile .race-tile__badge--warn{background:var(--mm-tone-warn-bg);color:var(--mm-tone-warn-fg);border-color:var(--mm-tone-warn-line)}.race-tile .race-tile__badge--neutral{background:var(--mm-tone-neutral-bg);color:var(--mm-tone-neutral-fg);border-color:var(--mm-tone-neutral-line)}.race-tile .race-tile__body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name save" "place save" "figs tip";column-gap:var(--mm-space-xs);padding:var(--mm-space-sm) var(--rt-pad) var(--mm-space-xs)}.race-tile .race-tile__name{grid-area:name;margin:0;font-family:var(--mm-font-display);font-size:var(--mm-text-base);font-weight:var(--mm-weight-bold);line-height:var(--mm-leading-snug);letter-spacing:var(--mm-tracking-tight);color:var(--mm-fg-strong);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.race-tile .race-tile__place,.race-tile .race-tile__meta{grid-area:place;margin:2px 0 0;font-size:var(--mm-text-xs);color:var(--mm-fg-muted)}.race-tile .race-tile__figs{grid-area:figs;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--mm-space-sm);row-gap:var(--mm-space-3xs);margin:var(--mm-space-xs) 0 0;font-size:var(--mm-text-xs);color:var(--mm-fg-strong)}.race-tile .race-tile__num{font-family:var(--mm-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.race-tile .race-tile__fact--climb{display:inline-flex;align-items:center;gap:var(--mm-space-3xs)}.race-tile .race-tile__fact--climb svg{inline-size:.5625rem;block-size:.5625rem;fill:var(--mm-viz-line)}.race-tile .race-tile__tip{grid-area:tip;align-self:end;justify-self:end;display:inline-flex;margin-block-end:2px}.race-tile .race-tile__i{display:inline-grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:0;border-radius:50%;background:none;color:var(--mm-fg-faint);cursor:pointer}.race-tile .race-tile__i:hover,.race-tile .race-tile__i[aria-expanded=true]{color:var(--mm-fg-strong)}.race-tile .race-tile__i:focus-visible{outline:var(--mm-focus-width) solid var(--mm-focus);outline-offset:1px}.race-tile .race-tile__i svg{inline-size:1rem;block-size:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.race-tile .race-tile__pop{inline-size:max-content;max-inline-size:min(20rem,calc(100vw - 2rem));margin:auto;padding:var(--mm-space-xs) var(--mm-space-sm);border:1px solid var(--mm-border);border-radius:var(--mm-radius-md);background-color:var(--mm-bg-raised);box-shadow:var(--mm-shadow-md);color:var(--mm-fg-muted);font-family:var(--mm-font-sans);font-size:var(--mm-text-xs);font-weight:var(--mm-weight-regular);line-height:1.5;text-align:start;white-space:normal;overflow-wrap:anywhere}.race-tile .race-tile__pop:popover-open{display:block}.race-tile .race-tile__pop a{color:var(--mm-fg-strong);text-decoration:underline}@supports (top: anchor(bottom)){.race-tile .race-tile__pop{inset:auto;top:anchor(bottom);right:anchor(right);margin:var(--mm-space-3xs) 0 0;position-try-fallbacks:flip-block,flip-inline}@media(max-width:40rem){.race-tile .race-tile__pop{right:var(--mm-space-md);left:var(--mm-space-md);inline-size:auto;max-inline-size:none}}}.race-tile .race-tile__heart{grid-area:save;align-self:start;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;margin:calc(-1 * var(--mm-space-xs)) calc(-1 * var(--mm-space-sm)) calc(-1 * var(--mm-space-xs)) 0;padding:0;border:0;border-radius:var(--mm-radius-pill);background:none;color:var(--rt-heart);cursor:pointer}.race-tile .race-tile__heart[hidden]{display:grid;visibility:hidden}.race-tile .race-tile__heart svg{inline-size:1.375rem;block-size:1.375rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:fill var(--mm-dur-fast) var(--mm-ease)}.race-tile .race-tile__heart[aria-pressed=true] svg{fill:currentColor}.race-tile .race-tile__heart[aria-busy=true]{cursor:progress}.race-tile .race-tile__heart:hover{background:var(--mm-bg-inset)}.race-tile .race-tile__heart:focus-visible{outline:var(--mm-focus-width) solid var(--mm-focus)}.race-tile[data-first-save-host]{z-index:3}.race-tile .first-save{position:absolute;z-index:3;inset-block-start:.5rem;inset-inline-end:.5rem;display:flex;align-items:flex-start;gap:var(--mm-space-xs);inline-size:min(17.5rem,calc(100% - 1rem));padding:var(--mm-space-sm) var(--mm-space-xs) var(--mm-space-sm) var(--mm-space-md);border:var(--mm-border-width) solid var(--mm-border-faint);border-radius:var(--mm-radius-md);background-color:var(--mm-bg-raised);box-shadow:var(--mm-shadow-lg);text-align:start}.race-tile--row .first-save{inset-block-start:calc(100% + .25rem);inset-inline-end:0}.race-tile .first-save__text{margin:0;font-size:var(--mm-text-base);font-weight:var(--mm-weight-regular, 400);line-height:var(--mm-leading-normal);color:var(--mm-fg)}.race-tile .first-save__door{display:inline;padding:0;border:0;background:none;font:inherit;font-weight:var(--mm-weight-semibold);text-align:start;color:var(--mm-fg-strong);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.race-tile .first-save__close{flex:none;display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;padding:0;border:0;border-radius:var(--mm-radius-pill);background:none;color:var(--mm-fg-muted);font:inherit;font-size:var(--mm-text-lg);line-height:1;cursor:pointer}.race-tile .race-tile__edge{display:block;inline-size:100%;block-size:40px;overflow:hidden;border-end-start-radius:var(--rt-inner);border-end-end-radius:var(--rt-inner)}.race-tile .race-tile__edge-fill{fill:var(--rt-edge-fill)}.race-tile .race-tile__edge-line{fill:none;stroke:var(--mm-viz-line);stroke-width:1.5;stroke-linejoin:round}.race-tile .race-tile__edge-break{fill:none;stroke:var(--mm-fg-faint);stroke-width:1.5}.race-tile--row{--rt-radius: var(--mm-radius-md);grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;column-gap:var(--mm-space-sm);min-block-size:5.5rem;padding:var(--mm-space-xs) var(--mm-space-xs) var(--mm-space-xs) var(--mm-space-xs)}.race-tile--row .race-tile__media{aspect-ratio:1;inline-size:4.5rem;border-radius:var(--mm-radius-xs)}.race-tile--row .race-tile__media img.race-tile__flag{block-size:auto;inline-size:70%;max-inline-size:70%}.race-tile--row .race-tile__ge,.race-tile--row .race-tile__osm{inset-block-end:.1875rem;inset-inline-end:.1875rem;font-size:.5rem;letter-spacing:0}.race-tile--row .race-tile__ge{padding:2px var(--mm-space-3xs);border-radius:3px}.race-tile--row .race-tile__osm{inset-inline:0;padding:2px 0;text-align:center;inset-block-end:0;background:color-mix(in srgb,var(--rt-ground) 82%,transparent)}.race-tile--row .race-tile__line{stroke-width:1.75}.race-tile--row .race-tile__finish{stroke-width:1.5}.race-tile--row .race-tile__body{display:block;padding:0;min-inline-size:0}.race-tile--row .race-tile__name{display:block;font-size:var(--mm-text-base);white-space:nowrap;text-overflow:ellipsis}.race-tile--row .race-tile__meta{margin-block-start:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--mm-text-xs)}.race-tile--row .race-tile__figs{margin-block-start:var(--mm-space-xs);font-size:var(--mm-text-xs)}.race-tile--row .race-tile__end{display:flex;align-items:center;gap:2px}.race-tile--row .race-tile__tip{align-self:center;margin:0}.race-tile--row .race-tile__heart{margin:0}@media(width>=40rem){.race-tile--auto .race-tile__body{position:static}.race-tile--auto .race-tile__ge:before{content:"Imagery: "}.race-tile--auto .race-tile__figs .race-tile__badge{position:absolute;inset-block-start:.625rem;inset-inline-start:.625rem;box-shadow:var(--mm-shadow-sm)}}@media(width<40rem){.race-tile--auto{--rt-radius: var(--mm-radius-md);grid-template-columns:4.5rem minmax(0,1fr);align-items:center;column-gap:var(--mm-space-sm);min-block-size:5.5rem;padding:var(--mm-space-xs) var(--mm-space-xs) var(--mm-space-xs) var(--mm-space-xs)}.race-tile--auto .race-tile__media{aspect-ratio:1;inline-size:4.5rem;border-radius:var(--mm-radius-xs)}.race-tile--auto .race-tile__media img.race-tile__flag{block-size:auto;inline-size:70%;max-inline-size:70%}.race-tile--auto .race-tile__ge,.race-tile--auto .race-tile__osm{inset-block-end:.1875rem;inset-inline-end:.1875rem;font-size:.5rem;letter-spacing:0}.race-tile--auto .race-tile__ge{padding:2px var(--mm-space-3xs);border-radius:3px}.race-tile--auto .race-tile__osm{inset-inline:0;padding:2px 0;text-align:center;inset-block-end:0;background:color-mix(in srgb,var(--rt-ground) 82%,transparent)}.race-tile--auto .race-tile__line{stroke-width:1.75}.race-tile--auto .race-tile__finish{stroke-width:1.5;r:9}.race-tile--auto .race-tile__start{r:4.6}.race-tile--auto .race-tile__play,.race-tile--auto .race-tile__edge,.race-tile--auto .race-tile__tip-edge,.race-tile--auto .race-tile__tip--card{display:none}.race-tile--auto .race-tile__body{padding:0;min-inline-size:0}.race-tile--auto .race-tile__name{display:block;white-space:nowrap;text-overflow:ellipsis}.race-tile--auto .race-tile__place{margin-block-start:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--mm-text-xs)}.race-tile--auto .race-tile__figs{flex-wrap:nowrap;margin-block-start:var(--mm-space-xs);font-size:var(--mm-text-xs)}.race-tile--auto .race-tile__figs:has(.race-tile__badge) .race-tile__fact,.race-tile--auto .race-tile__fact~.race-tile__fact{display:none}.race-tile--auto .race-tile__heart{margin:calc(-1 * var(--mm-space-xs)) calc(-1 * var(--mm-space-3xs)) 0 0}.race-tile--auto .first-save{inset-block-start:calc(100% + .25rem);inset-inline-end:0}}@media(min-width:64rem){.race-tile--card,.race-tile--auto{--rt-pad: var(--mm-space-lg)}.race-tile--card .race-tile__body,.race-tile--auto .race-tile__body{padding-block-start:var(--mm-space-md)}.race-tile--card .race-tile__name,.race-tile--auto .race-tile__name{font-size:var(--mm-text-lg)}}:root[data-theme=dark] .race-tile{--rt-edge-fill: color-mix(in srgb, var(--mm-viz-line) 26%, transparent);--rt-heart: var(--mm-fg-strong)}@media(prefers-reduced-motion:reduce){.race-tile,.race-tile .race-tile__heart svg{transition:none}}
