@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-8b810b49],[data-v-8b810b49]::backdrop,[data-v-8b810b49]:after,[data-v-8b810b49]:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.ball-wrap[data-v-8b810b49]{display:inline-block;position:relative}.ball-wrap__ball[data-v-8b810b49]{position:relative;z-index:1}.ball-wrap--bridge[data-v-8b810b49]:after{content:"";height:2px;pointer-events:none;width:calc(var(--spacing,.25rem)*1);z-index:0;--tw-translate-y:-50%;background-color:var(--ui-primary);border-radius:3.40282e+38px;left:100%;opacity:.9;position:absolute;top:50%;translate:var(--tw-translate-x) var(--tw-translate-y)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}