@layer components{.wm-dot{left:var(--x);top:var(--y);background-color:var(--color-cobalt);width:9px;height:9px;box-shadow:0 0 0 2px var(--color-glaze);pointer-events:none;border-radius:9999px;margin:-4.5px 0 0 -4.5px;position:absolute}@media (min-width:640px){.wm-dot{width:10px;height:10px;margin:-5px 0 0 -5px}}.wm-dot[data-hot]{z-index:2;box-shadow:0 0 0 2px var(--color-glaze), 0 0 0 3.5px var(--color-cobalt);transform:scale(1.3)}.wm-dot[data-dim]{opacity:.38}.wm-dot[data-dim][data-hot]{opacity:.85}.wm-dot[data-on]{z-index:3;opacity:1;box-shadow:0 0 0 1.5px var(--color-glaze), 0 0 0 2.6px var(--color-cobalt);transform:scale(1.65)}.wm-ping{left:var(--x);top:var(--y);border:1.5px solid var(--color-cobalt);opacity:0;pointer-events:none;border-radius:9999px;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute}.wm-label{--w:calc(var(--n) * (1ch + .1em) + 14px);z-index:4;width:var(--w);left:clamp(0px, calc(var(--x) - var(--w) / 2), calc(100% - var(--w)));top:var(--y);border:1px solid var(--color-cobalt);background-color:var(--color-glaze);color:var(--color-cobalt);font-family:var(--font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;padding:3px 6px;font-size:.66rem;font-weight:600;line-height:1.2;position:absolute;transform:translateY(calc(-100% - 12px))}@media (min-width:640px){.wm-label{font-size:.72rem}}.wm-label[data-below]{transform:translateY(13px)}.wm-label[data-kind=sel]{background-color:var(--color-cobalt);color:var(--color-glaze)}.wm-label[data-kind=read]{border-style:dashed}@media (max-width:767.98px){.wm-strip{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000)}.wm-strip::-webkit-scrollbar{display:none}}}@media (prefers-reduced-motion:no-preference){.wm-dot{transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1)}.wm-ping{animation:.9s cubic-bezier(.16,1,.3,1) both wm-ping}.wm-label{animation:.26s cubic-bezier(.16,1,.3,1) both wm-label}.wl[data-anim] [data-style]>h3,.wl[data-anim] [data-region]{animation:.38s cubic-bezier(.16,1,.3,1) both wl-rise}}@keyframes wm-ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(3.2)}}@keyframes wm-label{0%{opacity:0}to{opacity:1}}@keyframes wl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}