@keyframes dna-border-dance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:15px 0,right 15px bottom,left bottom 15px,right top 15px}}@keyframes spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-10px)}20%,80%{transform:translate(12px)}30%,50%,70%{transform:translate(-14px)}40%,60%{transform:translate(14px)}}.x-badge{vertical-align:middle;flex-shrink:0;display:inline-flex;position:relative}.x-badge-badge{z-index:1;box-sizing:border-box;border-radius:10px;flex-flow:wrap;place-content:center;align-items:center;min-width:17px;height:17px;padding:0 6px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:500;line-height:1;transition:transform .225s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.x-badge-default{background-color:#18181809}.dna-dark .x-badge-default{background-color:#ffffff1f}.x-badge-primary{color:#fff;background-color:#ff9800}.x-badge-secondary{color:#fff;background-color:#fd2a7d}.x-badge-error{color:#fff;background-color:#f44336}.x-badge-dot{border-radius:4px;width:8px;min-width:8px;height:8px;padding:0}.x-badge-top-right{transform-origin:100% 0;top:0;right:0;transform:scale(1)translate(50%,-50%)}.x-badge-bottom-right{transform-origin:100% 100%;bottom:0;right:0;transform:scale(1)translate(50%,50%)}.x-badge-top-left{transform-origin:0 0;top:0;left:0;transform:scale(1)translate(-50%,-50%)}.x-badge-bottom-left{transform-origin:0 100%;bottom:0;left:0;transform:scale(1)translate(-50%,50%)}.x-badge-invisible{transition:transform .195s cubic-bezier(.4,0,.2,1)}.x-badge-top-right.x-badge-invisible{transform:scale(0)translate(50%,-50%)}.x-badge-bottom-right.x-badge-invisible{transform:scale(0)translate(50%,50%)}.x-badge-top-left.x-badge-invisible{transform:scale(0)translate(-50%,-50%)}.x-badge-bottom-left.x-badge-invisible{transform:scale(0)translate(-50%,50%)}