.ui{--u:calc(100cqw / 402);--spacing:var(--u);--brand:#d93f24;color:#000;font-family:var(--font-sans);font-size:calc(17 * var(--u));letter-spacing:-.012em;text-rendering:geometricprecision;-webkit-user-select:none;user-select:none;cursor:default;background:#fff;line-height:1.25;position:absolute;inset:0;overflow:hidden}.ui-island{z-index:60;left:50%;top:calc(12 * var(--u));width:calc(126 * var(--u));height:calc(37 * var(--u));background:#000;border-radius:999px;position:absolute;transform:translate(-50%)}.ui-home{z-index:60;left:50%;bottom:calc(8 * var(--u));width:calc(139 * var(--u));height:calc(5 * var(--u));background:#000;border-radius:999px;position:absolute;transform:translate(-50%)}.ui-glass{-webkit-backdrop-filter:blur(calc(20 * var(--u))) saturate(1.8);backdrop-filter:blur(calc(20 * var(--u))) saturate(1.8);box-shadow:inset 0 0 0 calc(.8 * var(--u)) #ffffffb3, 0 calc(4 * var(--u)) calc(18 * var(--u)) #0000001a;background:#ffffffa8}@media (prefers-reduced-transparency:reduce){.ui-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fafafaf7}}.ui-pin{z-index:10;width:0;height:0;position:absolute}.ui-pin__balloon{left:0;bottom:calc(4 * var(--u));width:calc(var(--s,30) * var(--u));height:calc(var(--s,30) * var(--u));color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--pin,var(--brand)) 88%, #fff), var(--pin,var(--brand)));border:calc(2.4 * var(--u)) solid #fff;box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #00000047, 0 0 0 calc(.5 * var(--u)) #00000014;transform-origin:50% 100%;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%)}.ui-pin__balloon:after{content:"";left:50%;bottom:calc(-6 * var(--u));width:calc(9 * var(--u));height:calc(9 * var(--u));background:var(--pin,var(--brand));border-right:calc(2.4 * var(--u)) solid #fff;border-bottom:calc(2.4 * var(--u)) solid #fff;border-bottom-right-radius:calc(3 * var(--u));z-index:-1;position:absolute;transform:translate(-50%)rotate(45deg)}.ui-pin__label{left:0;top:calc(2 * var(--u));white-space:nowrap;font-size:calc(12 * var(--u));letter-spacing:-.01em;color:#111;text-shadow:0 0 calc(3 * var(--u)) #fff, 0 0 calc(3 * var(--u)) #fff, 0 0 calc(2 * var(--u)) #fff, 0 0 calc(2 * var(--u)) #fff;font-weight:600;position:absolute;transform:translate(-50%)}.ui-pin[data-ended]{--pin:#8e8e93}.ui-place{z-index:4;white-space:nowrap;color:#585c52e6;text-shadow:0 0 calc(2.5 * var(--u)) #fffffff2, 0 0 calc(2.5 * var(--u)) #fffffff2;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.ui-place:before{content:"";width:calc(4.5 * var(--u));height:calc(4.5 * var(--u));margin-right:calc(3 * var(--u));vertical-align:middle;background:#585c52bf;border-radius:999px;display:inline-block}.ui-place[data-rank=city]{font-size:calc(19 * var(--u));color:#50544af2;font-weight:700}.ui-place[data-rank=city]:before{display:none}.ui-you{z-index:9;width:calc(16 * var(--u));height:calc(16 * var(--u));border:calc(2.6 * var(--u)) solid #fff;box-shadow:0 calc(1 * var(--u)) calc(4 * var(--u)) #0000004d;background:#007aff;border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.ui-you:before{content:"";inset:calc(-1 * var(--u));opacity:.4;z-index:-1;animation:ping-soft 3s var(--ease-soft,ease-out) infinite;background:#007aff;border-radius:999px;position:absolute}.ui-scroll-fade-bottom{background:linear-gradient(#fff0,#fff 70%)}.ui-no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.ui-you:before{animation:none}}.ui-pin__pulse{left:0;bottom:calc(4 * var(--u));width:calc(var(--s,30) * var(--u));height:calc(var(--s,30) * var(--u));pointer-events:none;position:absolute;transform:translate(-50%)}.ui-pin__pulse:before{content:"";background:var(--pin,var(--brand));animation:3.2s cubic-bezier(.4,0,.2,1) infinite ping-soft;animation-delay:var(--pd,0s);border-radius:999px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ui-pin__pulse:before{opacity:0;animation:none}}.ui-bt{border-top:calc(.5 * var(--u)) solid #3c3c4333}.ui-bb{border-bottom:calc(.5 * var(--u)) solid #3c3c4333}.ui-hairline{box-shadow:inset 0 0 0 calc(.5 * var(--u)) #0000000f}
