.oydev-stage{position:relative}.oydev-hot{position:absolute;z-index:1;padding:0;border:0;border-radius:22%;background:transparent;cursor:default;transition:background-color .2s ease,box-shadow .2s ease}.oydev-hot--dock{border-radius:18px}.oydev-hot:focus-visible,.oydev-hot:hover,.oydev-hot[data-open]{z-index:3;background-color:rgb(255 255 255/.06);box-shadow:0 0 0 1.5px rgb(var(--oy-metal-tint));outline:none}.oydev-hot-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.oydev-tip{position:absolute;width:240px;padding:12px 14px;border:1px solid var(--oy-line-soft);border-radius:10px;background:#101114;color:var(--oy-stone-400);font:400 13px/1.5 var(--oy-sans);text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s}.oydev-tip--side{left:calc(100% + 14px);top:50%;transform:translateY(-50%)}.oydev-tip--above{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.oydev-hot:focus-visible>.oydev-tip,.oydev-hot:hover>.oydev-tip,.oydev-hot[data-open]>.oydev-tip{opacity:1;visibility:visible}.oydev-tip-title{display:block;margin-bottom:2px;color:var(--oy-stone-100,#fff);font-weight:600}