.chip{position:relative;font-size:.7333333333rem;font-weight:500;padding:0 .5em;height:21px;align-items:center;justify-content:center;display:inline-flex;border-radius:2px;flex:none;overflow:visible!important;line-height:1.3}.chip,.chip>span{white-space:nowrap}.chip>span{display:block;overflow:hidden;text-overflow:ellipsis}.chip--var-xs{font-size:.8333333333rem;height:23px}.chip{background-color:#385bf5;color:#fff}.chip--truncated:after{position:absolute;display:block;content:attr(data-label);border-radius:inherit;bottom:50%;left:50%;padding:inherit;visibility:hidden;padding-top:.33em;padding-bottom:.33em;line-height:1.5em;background-color:#fff3da;color:#000;box-shadow:0 1px 3px #0000001a;opacity:0;transform:translate(-50%,5px);transition:opacity .1s ease-out .1s,visiblity .1s ease-out .1s,transform .1s ease-out .1s;pointer-events:none}.chip--truncated:hover{z-index:10}.chip--truncated:hover:after{visibility:visible;opacity:1;transform:translate(-50%)}.chip--group-first{border-top-right-radius:0!important;border-bottom-right-radius:0!important;padding-right:.5em!important}.chip--group-middle{border-radius:0!important;padding-right:.5em!important;padding-left:.5em!important}.chip--group-last{border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding-left:.5em!important}.chip--var-pill{border-radius:100px;padding-left:1em;padding-right:1em}.chip--theme-gray-subtle{background-color:#e1e7ea;color:#2f3437}.chip--theme-gray{background-color:#4a545a;color:#fff}.chip--theme-gray-900{background-color:#181a1b;color:#fff}.chip--theme-gray-800{background-color:#2f3437;color:#f0f3f5}.chip--theme-gray-500{background-color:#7d909b;color:#fff}.chip--theme-gray-400{background-color:#a7b5be;color:#2f3437}.chip--theme-gray-600{background-color:#63737d;color:#fff}.chip--theme-gray-100{background-color:#f0f3f5;color:#2f3437}.chip--theme-gray-200{background-color:#e1e7ea;color:#4a545a}.chip--theme-gray-300{background-color:#c9d3d9;color:#63737d}.chip--theme-primary-subtle{background-color:#385bf526;color:#0b30d6}.chip--theme-blue{background-color:#1e89fe;color:#fff}.chip--theme-blue-subtle{background-color:#1e89fe1a;color:#377ecc}.chip--theme-purple{background-color:#4f3382;color:#fff}.chip--theme-purple-subtle{background-color:#4f338226;color:#2e1d4b}.chip--theme-pink{background-color:#ff728a;color:#2f3437}.chip--theme-red{background-color:#f1413c;color:#fff}.chip--theme-orange{background-color:#ff6d2f;color:#fff}.chip--theme-orange-subtle{background-color:#ff6d2f33;color:#d06e44}.chip--theme-yellow{background-color:#ffc548;color:#2f3437}.chip--theme-yellow-subtle{background-color:#ffeec8;color:#9f6c00}.chip--theme-green{background-color:#3cb543;color:#fff}.chip--theme-green-subtle{background-color:#3cb54326;color:#297c2e}.chip--theme-teal{background-color:#1995a1;color:#fff}.chip--theme-cyan{background-color:#39a1dd;color:#fff}.chip--theme-cyan-subtle{background-color:#39a1dd33;color:#165a80}