.x-badge{align-items:center;border-radius:9999px;border-width:2px;cursor:default;display:inline-flex;outline-color:transparent;outline-width:2px;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-moz-max-content;width:max-content}.x-badge.x-badge-clickable{cursor:pointer}.x-badge.brand.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-brand-white)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-brand-white)/var(--tw-bg-opacity,1));fill:rgb(var(--color-brand)/1);--tw-text-opacity:1;color:rgb(var(--color-brand)/var(--tw-text-opacity,1))}.x-badge.brand.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.brand.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-brand-lightest)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-brand-lightest)/var(--tw-bg-opacity,1))}.x-badge.brand.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-brand)/var(--tw-border-opacity,1))}.x-badge.brand.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-brand-dark)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-brand-dark)/1);stroke:rgb(var(--color-brand-dark)/1);--tw-text-opacity:1;color:rgb(var(--color-brand-dark)/var(--tw-text-opacity,1))}.x-badge.brand.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.brand.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-brand-white)/var(--tw-bg-opacity,1))}.x-badge.brand.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-brand)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-brand-lightest)/var(--tw-bg-opacity,1))}.x-badge.accent.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-accent-white)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-accent-white)/var(--tw-bg-opacity,1));fill:rgb(var(--color-accent)/1);--tw-text-opacity:1;color:rgb(var(--color-accent)/var(--tw-text-opacity,1))}.x-badge.accent.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.accent.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-accent-lightest)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-accent-lightest)/var(--tw-bg-opacity,1))}.x-badge.accent.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-accent)/var(--tw-border-opacity,1))}.x-badge.accent.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-accent-dark)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-accent-dark)/1);stroke:rgb(var(--color-accent-dark)/1);--tw-text-opacity:1;color:rgb(var(--color-accent-dark)/var(--tw-text-opacity,1))}.x-badge.accent.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.accent.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-accent-white)/var(--tw-bg-opacity,1))}.x-badge.accent.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-accent)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-accent-lightest)/var(--tw-bg-opacity,1))}.x-badge.danger.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-danger-white)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-danger-white)/var(--tw-bg-opacity,1));fill:rgb(var(--color-danger)/1);--tw-text-opacity:1;color:rgb(var(--color-danger)/var(--tw-text-opacity,1))}.x-badge.danger.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.danger.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-danger-lightest)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-danger-lightest)/var(--tw-bg-opacity,1))}.x-badge.danger.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-danger)/var(--tw-border-opacity,1))}.x-badge.danger.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-danger-dark)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-danger-dark)/1);stroke:rgb(var(--color-danger-dark)/1);--tw-text-opacity:1;color:rgb(var(--color-danger-dark)/var(--tw-text-opacity,1))}.x-badge.danger.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.danger.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-danger-white)/var(--tw-bg-opacity,1))}.x-badge.danger.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-danger)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-danger-lightest)/var(--tw-bg-opacity,1))}.x-badge.success.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-success-white)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-success-white)/var(--tw-bg-opacity,1));fill:rgb(var(--color-success)/1);--tw-text-opacity:1;color:rgb(var(--color-success)/var(--tw-text-opacity,1))}.x-badge.success.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.success.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-success-lightest)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-success-lightest)/var(--tw-bg-opacity,1))}.x-badge.success.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-success)/var(--tw-border-opacity,1))}.x-badge.success.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-success-dark)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-success-dark)/1);stroke:rgb(var(--color-success-dark)/1);--tw-text-opacity:1;color:rgb(var(--color-success-dark)/var(--tw-text-opacity,1))}.x-badge.success.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.success.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-success-white)/var(--tw-bg-opacity,1))}.x-badge.success.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-success)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-success-lightest)/var(--tw-bg-opacity,1))}.x-badge.warning.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-warning-white)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-warning-white)/var(--tw-bg-opacity,1));fill:rgb(var(--color-warning)/1);--tw-text-opacity:1;color:rgb(var(--color-warning)/var(--tw-text-opacity,1))}.x-badge.warning.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.warning.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-warning-lightest)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-warning-lightest)/var(--tw-bg-opacity,1))}.x-badge.warning.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-warning)/var(--tw-border-opacity,1))}.x-badge.warning.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-warning-dark)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-warning-dark)/1);stroke:rgb(var(--color-warning-dark)/1);--tw-text-opacity:1;color:rgb(var(--color-warning-dark)/var(--tw-text-opacity,1))}.x-badge.warning.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.warning.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-warning-white)/var(--tw-bg-opacity,1))}.x-badge.warning.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-warning)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-warning-lightest)/var(--tw-bg-opacity,1))}.x-badge.info.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-info-white)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-info-white)/var(--tw-bg-opacity,1));fill:rgb(var(--color-info)/1);--tw-text-opacity:1;color:rgb(var(--color-info)/var(--tw-text-opacity,1))}.x-badge.info.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.info.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-info-lightest)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-info-lightest)/var(--tw-bg-opacity,1))}.x-badge.info.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-info)/var(--tw-border-opacity,1))}.x-badge.info.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-info-dark)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-info-dark)/1);stroke:rgb(var(--color-info-dark)/1);--tw-text-opacity:1;color:rgb(var(--color-info-dark)/var(--tw-text-opacity,1))}.x-badge.info.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.info.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-info-white)/var(--tw-bg-opacity,1))}.x-badge.info.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-info)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-info-lightest)/var(--tw-bg-opacity,1))}.x-badge.prompt.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-prompt-white)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-prompt-white)/var(--tw-bg-opacity,1));fill:rgb(var(--color-prompt)/1);--tw-text-opacity:1;color:rgb(var(--color-prompt)/var(--tw-text-opacity,1))}.x-badge.prompt.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.prompt.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-prompt-lightest)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-prompt-lightest)/var(--tw-bg-opacity,1))}.x-badge.prompt.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-prompt)/var(--tw-border-opacity,1))}.x-badge.prompt.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-prompt-dark)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-prompt-dark)/1);stroke:rgb(var(--color-prompt-dark)/1);--tw-text-opacity:1;color:rgb(var(--color-prompt-dark)/var(--tw-text-opacity,1))}.x-badge.prompt.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.prompt.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-prompt-white)/var(--tw-bg-opacity,1))}.x-badge.prompt.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-prompt)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-prompt-lightest)/var(--tw-bg-opacity,1))}.x-badge.primary.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-primary-bg)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-primary-txt)/1);--tw-text-opacity:1;color:rgb(var(--color-primary-txt)/var(--tw-text-opacity,1))}.x-badge.primary.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.primary.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-primary-overlayer-bg)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-overlayer-bg)/var(--tw-bg-opacity,1))}.x-badge.primary.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-primary-txt)/var(--tw-border-opacity,1))}.x-badge.primary.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-primary-txt)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-primary-txt)/1);--tw-text-opacity:1;color:rgb(var(--color-primary-txt)/var(--tw-text-opacity,1))}.x-badge.primary.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.primary.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-overlayer-bg)/var(--tw-bg-opacity,1))}.x-badge.primary.x-badge-outline:is(.x-badge-clickable):active{--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity,1))}.x-badge.secondary.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-primary-overlayer-bg)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-overlayer-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-primary-txt)/1);--tw-text-opacity:1;color:rgb(var(--color-primary-txt)/var(--tw-text-opacity,1))}.x-badge.secondary.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.secondary.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-secondary-bg)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity,1))}.x-badge.secondary.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-primary-txt)/var(--tw-border-opacity,1))}.x-badge.secondary.x-badge-outline{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--color-secondary-overlayer-bg)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));fill:rgb(var(--color-primary-txt)/1);--tw-text-opacity:1;color:rgb(var(--color-primary-txt)/var(--tw-text-opacity,1))}.x-badge.secondary.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.secondary.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity,1))}.x-badge.secondary.x-badge-outline:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-primary-txt)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-overlayer-bg)/var(--tw-bg-opacity,1))}.x-badge.primary-reverce.x-badge-solid{--tw-border-opacity:1;border-color:rgb(var(--color-primary-bg-reverse)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg-reverse)/var(--tw-bg-opacity,1));fill:rgb(var(--color-primary-txt-reverse)/1);--tw-text-opacity:1;color:rgb(var(--color-primary-txt-reverse)/var(--tw-text-opacity,1))}.x-badge.primary-reverce.x-badge-solid:is(.x-badge-clickable):focus,.x-badge.primary-reverce.x-badge-solid:is(.x-badge-clickable):hover{--tw-border-opacity:1;border-color:rgb(var(--color-primary-overlayer-bg-reverse)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-overlayer-bg-reverse)/var(--tw-bg-opacity,1))}.x-badge.primary-reverce.x-badge-solid:is(.x-badge-clickable):active{--tw-border-opacity:1;border-color:rgb(var(--color-secondary-bg-reverse)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg-reverse)/var(--tw-bg-opacity,1))}.x-badge.primary-reverce.x-badge-outline{--tw-border-opacity:1;border-color:rgb(var(--color-primary-txt-reverse)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg-reverse)/var(--tw-bg-opacity,1));fill:rgb(var(--color-primary-txt-reverse)/1);--tw-text-opacity:1;color:rgb(var(--color-primary-txt-reverse)/var(--tw-text-opacity,1))}.x-badge.primary-reverce.x-badge-outline:is(.x-badge-clickable):focus,.x-badge.primary-reverce.x-badge-outline:is(.x-badge-clickable):hover{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-overlayer-bg-reverse)/var(--tw-bg-opacity,1))}.x-badge.primary-reverce.x-badge-outline:is(.x-badge-clickable):active{--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg-reverse)/var(--tw-bg-opacity,1))}.x-badge.xl{font-family:modam-semi-bold;font-size:24px;line-height:32px}@media(max-width:768px){.x-badge.xl{font-size:22px;line-height:30px}}.x-badge.xl{gap:1rem;height:4rem;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:768px){.x-badge.xl.responsive{gap:.75rem;height:3rem;padding-left:1.25rem;padding-right:1.25rem}}.x-badge.lg{font-family:modam-medium;font-size:18px;line-height:26px}@media(max-width:768px){.x-badge.lg{font-size:16px;line-height:24px}}.x-badge.lg{gap:.75rem;height:3rem;padding-left:1.25rem;padding-right:1.25rem}@media(max-width:768px){.x-badge.lg.responsive{gap:.5rem;height:2.5rem;padding-left:1rem;padding-right:1rem}}.x-badge.md{font-family:modam-medium;font-size:16px;line-height:24px}@media(max-width:768px){.x-badge.md{font-size:15px;line-height:22px}}.x-badge.md{gap:.5rem;height:2.5rem;padding-left:1rem;padding-right:1rem}@media(max-width:768px){.x-badge.md.responsive{gap:.375rem;height:2.25rem;padding-left:.75rem;padding-right:.75rem}}.x-badge.sm{font-family:modam-medium;font-size:14px;line-height:22px}@media(max-width:768px){.x-badge.sm{font-size:13px;line-height:20px}}.x-badge.sm{gap:.375rem;height:2rem;padding-left:.75rem;padding-right:.75rem}@media(max-width:768px){.x-badge.sm.responsive{gap:.25rem;height:1.75rem;padding-left:.5rem;padding-right:.5rem}}.x-badge.xs{font-family:modam-medium;font-size:12px;line-height:20px}@media(max-width:768px){.x-badge.xs{font-size:11px;line-height:18px}}.x-badge.xs{gap:.25rem;height:1.75rem;padding-left:.5rem;padding-right:.5rem}@media(max-width:768px){.x-badge.xs.responsive{gap:.25rem;height:1.5rem;padding-left:.375rem;padding-right:.375rem}}.x-badge.xxs{font-family:modam-medium;font-size:12px;line-height:20px}@media(max-width:768px){.x-badge.xxs{font-size:11px;line-height:18px}}.x-badge.xxs{gap:.25rem;height:1.25rem;padding-left:.375rem;padding-right:.375rem}@media(max-width:768px){.x-badge.xxs.responsive{gap:.25rem;height:1rem;padding-left:.25rem;padding-right:.25rem}}