@atlaskit/tag/dist/cjs/tag-new/tag-new.compiled.css

A tag labels UI objects for quick recognition and navigation.

._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._1a37dfik{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
._1all1b66>a{gap:var(--ds-space-050,4px)}
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
._zulp1b66{gap:var(--ds-space-050,4px)}
._189ee4h9{border-width:var(--ds-border-width,1px)}
._18zr1b66{padding-inline:var(--ds-space-050,4px)}
._18zr1mie{padding-inline:.1875rem}
._195g1b66{margin-inline:var(--ds-space-050,4px)}
._195gze3t{margin-inline:var(--ds-space-0,0)}
._1dqonqa1{border-style:solid}
._1h6dip4g{border-color:var(--tag-border-token)}
._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
._1mou1b66{margin-block:var(--ds-space-050,4px)}
._1mouze3t{margin-block:var(--ds-space-0,0)}
._1rjcidpf{padding-block:0}
._1rjcv77o{padding-block:var(--ds-space-025,2px)}
._119b131p{--tag-border-token:var(--ds-border-accent-teal-subtle,#9dd9ee)}
._119b132u{--tag-border-token:var(--ds-border-accent-magenta-subtle,#f797d2)}
._119b18hp{--tag-border-token:var(--ds-border-accent-blue-subtle,#8fb8f6)}
._119b1ip5{--tag-border-token:var(--ds-border-accent-orange-subtle,#fbc828)}
._119b1m7d{--tag-border-token:var(--ds-border-accent-lime-subtle,#b3df72)}
._119b1s7j{--tag-border-token:var(--ds-border-accent-yellow-subtle,#eed12b)}
._119b5d2u{--tag-border-token:var(--ds-border-accent-green-subtle,#7ee2b8)}
._119bluwt{--tag-border-token:var(--ds-border-accent-purple-subtle,#d8a0f7)}
._119bmsup{--tag-border-token:var(--ds-border-accent-gray-subtle,#b7b9be)}
._119bn9dc{--tag-border-token:var(--ds-border-accent-red-subtle,#fd9891)}
._152tze3t{inset-block-start:var(--ds-space-0,0)}
._15hpnqa1>a{text-decoration-style:solid}
._16jlkb7n{flex-grow:1}
._17501r31>a:hover>span[data-tag-text]{text-decoration-color:currentColor}
._17ncglyw>a{text-decoration-line:none}
._17x316jw{--tag-icon-pressed-token:var(--ds-text-accent-blue,#1558bc)}
._17x317qg{--tag-icon-pressed-token:var(--ds-text-accent-teal,#206a83)}
._17x31s8m{--tag-icon-pressed-token:var(--ds-text-accent-magenta,#943d73)}
._17x31sqi{--tag-icon-pressed-token:var(--ds-text-accent-gray,#505258)}
._17x31tco{--tag-icon-pressed-token:var(--ds-text-accent-lime,#4c6b1f)}
._17x39lu1{--tag-icon-pressed-token:var(--ds-text-accent-red,#ae2e24)}
._17x3fb2s{--tag-icon-pressed-token:var(--ds-text-accent-yellow,#7f5f01)}
._17x3h55r{--tag-icon-pressed-token:var(--ds-text-accent-green,#216e4e)}
._17x3p1lv{--tag-icon-pressed-token:var(--ds-text-accent-orange,#9e4c00)}
._17x3qmo9{--tag-icon-pressed-token:var(--ds-text-accent-purple,#803fa5)}
._18m915vq{overflow-y:hidden}
._1afaagmp>a{outline-style:none!important}
._1bah1h6o{justify-content:center}
._1bto1l2s{text-overflow:ellipsis}
._1btozryt{text-overflow:clip}
._1cwgv77o{outline-offset:var(--ds-space-025,2px)}
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
._1e0c116y{display:inline-flex}
._1e0c1txw{display:flex}
._1hmsagmp{text-decoration-line:none!important}
._1ib217hp{--tag-icon-token:var(--ds-icon-accent-green,#22a06b)}
._1ib21diz{--tag-icon-token:var(--ds-icon-accent-gray,#7d818a)}
._1ib21j6y{--tag-icon-token:var(--ds-icon-accent-orange,#e06c00)}
._1ib21oqg{--tag-icon-token:var(--ds-icon-accent-yellow,#b38600)}
._1ib26txe{--tag-icon-token:var(--ds-icon-accent-blue,#357de8)}
._1ib28645{--tag-icon-token:var(--ds-icon-accent-lime,#6a9a23)}
._1ib28uof{--tag-icon-token:var(--ds-icon-accent-teal,#2898bd)}
._1ib2nbxb{--tag-icon-token:var(--ds-icon-accent-red,#c9372c)}
._1ib2uq3u{--tag-icon-token:var(--ds-icon-accent-purple,#af59e1)}
._1ib2v8hk{--tag-icon-token:var(--ds-icon-accent-magenta,#cd519d)}
._1km4jdj5>a{color:inherit!important}
._1kz6184x{block-size:min-content}
._1o9zidpf{flex-shrink:0}
._1o9zkb7n{flex-shrink:1}
._1oec1ign{transition-duration:var(--ds-duration-short,.15s)}
._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
._1qxz1h6o>a{align-items:center}
._1reo15vq{overflow-x:hidden}
._1rfu1q9c [data-tag-text]{white-space:nowrap}
._1rg815vq>a{overflow-x:hidden}
._1ul91ejb{min-width:var(--ds-space-300,24px)}
._1ul9idpf{min-width:0}
._1ul9utpp{min-width:var(--ds-space-150,9pt)}
._1wodnqa1>a:hover>span[data-tag-text]{text-decoration-style:solid}
._1yoo15vq>a{overflow-y:hidden}
._4bfu1snc{text-decoration-color:currentColor!important}
._4cvr1h6o{align-items:center}
._4t3i1k92{height:1.25rem}
._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
._6fl4indk{transition-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
._80om73ad{cursor:default}
._80omtlke{cursor:pointer}
._8zx0idpf>a{min-width:0}
._ajmmvv82{text-decoration-style:solid!important}
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
._bfhk1w9g{background-color:var(--tag-metric-bg-token)}
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
._egnk16jw{--tag-icon-hovered-token:var(--ds-text-accent-blue,#1558bc)}
._egnk17qg{--tag-icon-hovered-token:var(--ds-text-accent-teal,#206a83)}
._egnk1s8m{--tag-icon-hovered-token:var(--ds-text-accent-magenta,#943d73)}
._egnk1sqi{--tag-icon-hovered-token:var(--ds-text-accent-gray,#505258)}
._egnk1tco{--tag-icon-hovered-token:var(--ds-text-accent-lime,#4c6b1f)}
._egnk9lu1{--tag-icon-hovered-token:var(--ds-text-accent-red,#ae2e24)}
._egnkfb2s{--tag-icon-hovered-token:var(--ds-text-accent-yellow,#7f5f01)}
._egnkh55r{--tag-icon-hovered-token:var(--ds-text-accent-green,#216e4e)}
._egnkp1lv{--tag-icon-hovered-token:var(--ds-text-accent-orange,#9e4c00)}
._egnkqmo9{--tag-icon-hovered-token:var(--ds-text-accent-purple,#803fa5)}
._gdbt10yn>a{outline-width:medium!important}
._h5vp116y>a{display:inline-flex}
._ih6z165s{--tag-metric-bg-token:var(--ds-background-accent-orange-subtler,#fce4a6)}
._ih6z1773{--tag-metric-bg-token:var(--ds-background-accent-yellow-subtler,#f5e989)}
._ih6z1a17{--tag-metric-bg-token:var(--ds-background-accent-teal-subtler,#c6edfb)}
._ih6z1dy8{--tag-metric-bg-token:var(--ds-background-accent-blue-subtler,#cfe1fd)}
._ih6z1nm4{--tag-metric-bg-token:var(--ds-background-accent-purple-subtler,#eed7fc)}
._ih6z1rtt{--tag-metric-bg-token:var(--ds-background-accent-red-subtler,#ffd5d2)}
._ih6z1wnw{--tag-metric-bg-token:var(--ds-background-accent-green-subtler,#baf3db)}
._ih6z7qp0{--tag-metric-bg-token:var(--ds-background-accent-gray-subtler,#dddee1)}
._ih6zv9ra{--tag-metric-bg-token:var(--ds-background-accent-magenta-subtler,#fdd0ec)}
._ih6zz2ec{--tag-metric-bg-token:var(--ds-background-accent-lime-subtler,#d3f1a7)}
._j7hq1bym{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
._j8j91snc>a{outline-color:currentColor!important}
._k8m0brmi{transition-property:opacity}
._kqswh2mm{position:relative}
._kqswstnw{position:absolute}
._lcxv1wug{pointer-events:auto}
._lcxvglyw{pointer-events:none}
._o5721q9c{white-space:nowrap}
._p12ff6dh{max-width:11.25rem}
._qrsc8stv>a:hover>span[data-tag-text]{text-decoration-line:underline}
._qsdj1r31>a{text-decoration-color:currentColor}
._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
._syaz125o{color:var(--ds-tag-icon)}
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
._syazi7uo{color:var(--ds-text,#292a2e)}
._syazxl6c{color:var(--ds-icon-selected,#1868db)}
._tzy4idpf{opacity:0}
._u7coze3t{inset-block-end:var(--ds-space-0,0)}
._vchhusvi{box-sizing:border-box}
._wc1fagmp>a{box-shadow:none!important}
._wi6h9ea2{--ds-tag-icon:var(--tag-icon-token)}
._y4ti303w{padding-inline-end:.0625rem}
._9408jdj5>a:visited{color:inherit!important}._10nj1r31>a:focus{text-decoration-color:currentColor}
._18x1nqa1>a:focus{text-decoration-style:solid}
._1xq0glyw>a:focus{text-decoration-line:none}
._2mpsagmp>a:focus{box-shadow:none!important}
._ebtnagmp>a:focus{outline-style:none!important}
._usew1snc>a:focus{outline-color:currentColor!important}
._uvk910yn>a:focus{outline-width:medium!important}
._1ygbdfik:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
._4cvxip4g:hover{border-color:var(--tag-border-token)}
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
._rlyhjdj5>a:hover{color:inherit!important}
._zqoiipvw:hover{--ds-tag-icon:var(--tag-icon-hovered-token)}
._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
._q4ztip4g:active{border-color:var(--tag-border-token)}
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
._ba35u0j8:active{--ds-tag-icon:var(--tag-icon-pressed-token)}
@media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}