.odo[data-v-6aafae23]{--odo-spring: cubic-bezier(.22, 1, .36, 1);--badge: 19px;--dot: 10px;--pushx: 35%;--pushy: -35%;position:relative;isolation:isolate;display:inline-flex;flex:none;vertical-align:middle}.odo--sm[data-v-6aafae23]{--badge: 16px;--dot: 8px}.odo--md[data-v-6aafae23]{--badge: 19px;--dot: 10px}.odo--lg[data-v-6aafae23]{--badge: 24px;--dot: 13px}.odo__anchor[data-v-6aafae23]{display:inline-flex;border-radius:inherit}.odo__demo[data-v-6aafae23]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2, #1a1a1a);color:var(--text-muted, #8a8a8a);box-shadow:inset 0 0 0 1px var(--border, #2a2a2a)}.odo__demo svg[data-v-6aafae23]{width:60%;height:60%}.odo--sm .odo__demo[data-v-6aafae23]{width:34px;height:34px}.odo--lg .odo__demo[data-v-6aafae23]{width:60px;height:60px}.odo--p-top-right .odo__badge[data-v-6aafae23]{top:0;right:0}.odo--p-top-left .odo__badge[data-v-6aafae23]{top:0;left:0}.odo--p-bottom-right .odo__badge[data-v-6aafae23]{bottom:0;right:0}.odo--p-bottom-left .odo__badge[data-v-6aafae23]{bottom:0;left:0}.odo--p-top-right[data-v-6aafae23]{--pushx: 35%;--pushy: -35%}.odo--p-top-left[data-v-6aafae23]{--pushx: -35%;--pushy: -35%}.odo--p-bottom-right[data-v-6aafae23]{--pushx: 35%;--pushy: 35%}.odo--p-bottom-left[data-v-6aafae23]{--pushx: -35%;--pushy: 35%}.odo__badge[data-v-6aafae23]{position:absolute;z-index:5;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;height:var(--badge);min-width:var(--badge);width:calc(var(--badge) + (var(--digits, 1) - 1) * .6em);border-radius:999px;color:#fff;font-size:calc(var(--badge) * .52);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg, #0a0a0a);transform:translate(var(--pushx),var(--pushy));transform-origin:var(--pushx) var(--pushy);transition:width .42s var(--odo-spring),border-radius .3s var(--odo-spring),background-color .3s ease}.odo--m-dot[data-v-6aafae23]{width:var(--dot);min-width:var(--dot);height:var(--dot)}.odo--m-icon[data-v-6aafae23]{width:var(--badge);min-width:var(--badge)}.odo__content[data-v-6aafae23]{display:inline-flex;align-items:center;justify-content:center}.odo--m-icon .odo__content[data-v-6aafae23] svg{width:calc(var(--badge) * .62);height:calc(var(--badge) * .62);display:block}.odo__reels[data-v-6aafae23]{display:inline-flex;align-items:stretch;height:1em;overflow:hidden}.odo__reel[data-v-6aafae23]{display:inline-block;height:1em;overflow:hidden;line-height:1}.odo__reel--fixed[data-v-6aafae23]{line-height:1em}.odo__strip[data-v-6aafae23]{display:flex;flex-direction:column;transition:transform var(--roll, .62s) var(--odo-spring)}.odo__cell[data-v-6aafae23]{display:flex;align-items:center;justify-content:center;height:1em;line-height:1em}.odo__cell--fixed[data-v-6aafae23]{height:1em}.odo--t-danger[data-v-6aafae23]{--tone-c: var(--tone-danger, #f23f43)}.odo--t-success[data-v-6aafae23]{--tone-c: var(--tone-success, #23a55a)}.odo--t-warn[data-v-6aafae23]{--tone-c: var(--tone-warn, #f0b232)}.odo--t-info[data-v-6aafae23]{--tone-c: var(--ui-accent, #ededed)}.odo--t-neutral[data-v-6aafae23]{--tone-c: var(--tone-neutral, var(--ui-accent, #ededed))}.odo__badge[data-v-6aafae23]{background:var(--tone-c, var(--ui-accent, #ededed))}.odo--t-warn.odo__badge[data-v-6aafae23]{color:#160f02}.odo__badge.odo-pop-enter-active[data-v-6aafae23]{transition:transform .42s var(--odo-spring),opacity .22s ease,filter .28s ease}.odo__badge.odo-pop-leave-active[data-v-6aafae23]{transition:transform .2s cubic-bezier(.4,0,1,1),opacity .17s ease,filter .17s ease}.odo__badge.odo-pop-enter-from[data-v-6aafae23]{opacity:0;filter:blur(7px);transform:translate(var(--pushx),var(--pushy)) scale(0)}.odo__badge.odo-pop-leave-to[data-v-6aafae23]{opacity:0;filter:blur(7px);transform:translate(var(--pushx),var(--pushy)) scale(.2)}.odo-swap-enter-active[data-v-6aafae23]{transition:opacity .2s ease,filter .2s ease,scale .32s var(--odo-spring)}.odo-swap-leave-active[data-v-6aafae23]{transition:opacity .15s ease,filter .15s ease,scale .15s cubic-bezier(.4,0,1,1)}.odo-swap-enter-from[data-v-6aafae23]{opacity:0;filter:blur(6px);scale:.45}.odo-swap-leave-to[data-v-6aafae23]{opacity:0;filter:blur(6px);scale:.35}@media(prefers-reduced-motion:reduce){.odo__badge[data-v-6aafae23],.odo__strip[data-v-6aafae23],.odo-swap-enter-active[data-v-6aafae23],.odo-swap-leave-active[data-v-6aafae23]{transition:none}}