@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-29b14c55],[data-v-29b14c55]::backdrop,[data-v-29b14c55]:after,[data-v-29b14c55]:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.ball[data-v-29b14c55]{align-items:center;border-color:var(--ui-border-inverted);border-radius:var(--ui-radius);border-style:var(--tw-border-style);border-width:1px;cursor:pointer;display:inline-grid;height:calc(var(--spacing,.25rem)*6);justify-content:center;width:calc(var(--spacing,.25rem)*6)}@supports (color:color-mix(in lab,red,red)){.ball[data-v-29b14c55]{border-color:color-mix(in oklab,var(--ui-border-inverted) 30%,transparent)}}.ball[data-v-29b14c55]{background-color:var(--ui-bg-accented);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-ring-offset-width:0px!important;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important}.ball[data-v-29b14c55]:where(.dark,.dark *){background-color:var(--ui-bg-accented);border-color:var(--ui-border-accented)}.ball[data-v-29b14c55]{color:var(--ball-fg,currentColor);-webkit-tap-highlight-color:transparent}.ball.selected[data-v-29b14c55]{background-color:var(--color-emerald-700,oklch(50.8% .118 165.612))!important;border-color:var(--color-emerald-700,oklch(50.8% .118 165.612));border-style:var(--tw-border-style)!important;border-width:2px!important;color:var(--color-white,#fff)}.ball.selected[data-v-29b14c55]:where(.dark,.dark *){background-color:var(--color-green-900,oklch(39.3% .095 152.535));border-color:var(--color-green-900,oklch(39.3% .095 152.535))}.ball.selected.colored[data-v-29b14c55]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:0 0 0 2px var(--ball-color)}@media(min-width:64rem){.ball.selected.hovered[data-v-29b14c55]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-warning);color:var(--color-white,#fff)!important}.ball.selected.hovered[data-v-29b14c55]:where(.dark,.dark *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.ball.colored[data-v-29b14c55]{background-color:var(--ball-color)}@media(min-width:64rem){.ball.hovered[data-v-29b14c55]{background-color:var(--ui-warning);color:var(--color-black,#000)!important}.ball.hovered[data-v-29b14c55]:where(.dark,.dark *){border-color:var(--ui-warning)}.ball.hovered:not(.selected).ball.hovered[data-v-29b14c55]:not(.colored):where(.dark,.dark *){color:var(--ui-color-neutral-800)}}.ball.hovered[data-v-29b14c55]:not(.selected){color:var(--ui-text-highlighted);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}