@codegouvfr/react-dsfr/dsfr/component/tag/tag.main.min.css

French State Design System React integration library

/*!
 * DSFR v1.13.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */.fr-tag{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:1rem;color:var(--text-label-grey);display:inline-flex;flex-direction:row;font-size:.875rem;justify-content:center;line-height:1.5rem;min-height:2rem;min-width:2.25rem;padding:.25rem .75rem;width:-moz-fit-content;width:fit-content}.fr-tag:after,.fr-tag:before{display:block}.fr-tag[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-tag[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.25rem;margin-right:-.125rem}.fr-tag--icon-left[class*=" fr-fi-"],.fr-tag--icon-left[class*=" fr-icon-"],.fr-tag--icon-left[class^=fr-fi-],.fr-tag--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-tag--icon-left[class*=" fr-fi-"]:before,.fr-tag--icon-left[class*=" fr-icon-"]:before,.fr-tag--icon-left[class^=fr-fi-]:before,.fr-tag--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.25rem}.fr-tag[class*=" fr-fi-"]:not([class*=fr-tag--icon-]):before,.fr-tag[class*=" fr-icon-"]:not([class*=fr-tag--icon-]):before,.fr-tag[class^=fr-fi-]:not([class*=fr-tag--icon-]):before,.fr-tag[class^=fr-icon-]:not([class*=fr-tag--icon-]):before{content:none}.fr-tag--sm{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tag--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-tag--sm[target=_blank]:after{--icon-size:0.75rem;content:"";margin-left:.25rem;margin-right:-.09375rem}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"],.fr-tag--sm.fr-tag--icon-left[class*=" fr-icon-"],.fr-tag--sm.fr-tag--icon-left[class^=fr-fi-],.fr-tag--sm.fr-tag--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"]:before,.fr-tag--sm.fr-tag--icon-left[class*=" fr-icon-"]:before,.fr-tag--sm.fr-tag--icon-left[class^=fr-fi-]:before,.fr-tag--sm.fr-tag--icon-left[class^=fr-icon-]:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-tag--sm[class*=" fr-fi-"]:not([class*=fr-tag--icon-]):before,.fr-tag--sm[class*=" fr-icon-"]:not([class*=fr-tag--icon-]):before,.fr-tag--sm[class^=fr-fi-]:not([class*=fr-tag--icon-]):before,.fr-tag--sm[class^=fr-icon-]:not([class*=fr-tag--icon-]):before{content:none}a.fr-tag[aria-pressed=true],button.fr-tag[aria-pressed=true],input[type=button].fr-tag[aria-pressed=true],input[type=image].fr-tag[aria-pressed=true],input[type=reset].fr-tag[aria-pressed=true],input[type=submit].fr-tag[aria-pressed=true]{background-position:50%;background-repeat:no-repeat;background-size:100%;overflow:visible;position:relative}a.fr-tag[aria-pressed=true]:after,button.fr-tag[aria-pressed=true]:after,input[type=button].fr-tag[aria-pressed=true]:after,input[type=image].fr-tag[aria-pressed=true]:after,input[type=reset].fr-tag[aria-pressed=true]:after,input[type=submit].fr-tag[aria-pressed=true]:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin:-.5rem;-webkit-mask-image:url(../../icons/system/checkbox-circle-line.svg);mask-image:url(../../icons/system/checkbox-circle-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;right:0;top:4px;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}a.fr-tag[aria-pressed=true].fr-tag--sm:after,button.fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=image].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=reset].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=submit].fr-tag[aria-pressed=true].fr-tag--sm:after{--icon-size:0.75rem;content:"";margin:-.375rem;position:absolute;right:0;top:3px}a.fr-tag--dismiss:before,button.fr-tag--dismiss:before,input[type=button].fr-tag--dismiss:before,input[type=image].fr-tag--dismiss:before,input[type=reset].fr-tag--dismiss:before,input[type=submit].fr-tag--dismiss:before{content:none}a.fr-tag--dismiss:after,button.fr-tag--dismiss:after,input[type=button].fr-tag--dismiss:after,input[type=image].fr-tag--dismiss:after,input[type=reset].fr-tag--dismiss:after,input[type=submit].fr-tag--dismiss:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:-.25rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}a.fr-tag--dismiss.fr-tag--sm:after,button.fr-tag--dismiss.fr-tag--sm:after,input[type=button].fr-tag--dismiss.fr-tag--sm:after,input[type=image].fr-tag--dismiss.fr-tag--sm:after,input[type=reset].fr-tag--dismiss.fr-tag--sm:after,input[type=submit].fr-tag--dismiss.fr-tag--sm:after{--icon-size:0.75rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.125rem;margin-right:-.1875rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tags-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-.25rem;margin-right:-.25rem}.fr-tags-group>li{line-height:2.75rem}.fr-tags-group .fr-tag{margin:0 .25rem .5rem;vertical-align:top}.fr-tags-group.fr-tags-group--sm .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tags-group.fr-tags-group--sm .fr-tag:after,.fr-tags-group.fr-tags-group--sm .fr-tag:before{--icon-size:0.75rem}.fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss:after,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag.fr-tag--dismiss:after{--icon-size:0.75rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-right:-.1875rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:after,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:after{--icon-size:0.75rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin:-.375rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;right:0;top:3px;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tag[aria-pressed=false]{--idle:transparent;--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}.fr-tag.fr-tag--dismiss{--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france)}a.fr-tag,button.fr-tag,input[type=button].fr-tag,input[type=image].fr-tag,input[type=reset].fr-tag,input[type=submit].fr-tag{--idle:transparent;--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}a.fr-tag--green-tilleul-verveine,button.fr-tag--green-tilleul-verveine,input[type=button].fr-tag--green-tilleul-verveine,input[type=image].fr-tag--green-tilleul-verveine,input[type=reset].fr-tag--green-tilleul-verveine,input[type=submit].fr-tag--green-tilleul-verveine{--idle:transparent;--hover:var(--background-action-low-green-tilleul-verveine-hover);--active:var(--background-action-low-green-tilleul-verveine-active);background-color:var(--background-action-low-green-tilleul-verveine);color:var(--text-action-high-green-tilleul-verveine)}a.fr-tag--green-bourgeon,button.fr-tag--green-bourgeon,input[type=button].fr-tag--green-bourgeon,input[type=image].fr-tag--green-bourgeon,input[type=reset].fr-tag--green-bourgeon,input[type=submit].fr-tag--green-bourgeon{--idle:transparent;--hover:var(--background-action-low-green-bourgeon-hover);--active:var(--background-action-low-green-bourgeon-active);background-color:var(--background-action-low-green-bourgeon);color:var(--text-action-high-green-bourgeon)}a.fr-tag--green-emeraude,button.fr-tag--green-emeraude,input[type=button].fr-tag--green-emeraude,input[type=image].fr-tag--green-emeraude,input[type=reset].fr-tag--green-emeraude,input[type=submit].fr-tag--green-emeraude{--idle:transparent;--hover:var(--background-action-low-green-emeraude-hover);--active:var(--background-action-low-green-emeraude-active);background-color:var(--background-action-low-green-emeraude);color:var(--text-action-high-green-emeraude)}a.fr-tag--green-menthe,button.fr-tag--green-menthe,input[type=button].fr-tag--green-menthe,input[type=image].fr-tag--green-menthe,input[type=reset].fr-tag--green-menthe,input[type=submit].fr-tag--green-menthe{--idle:transparent;--hover:var(--background-action-low-green-menthe-hover);--active:var(--background-action-low-green-menthe-active);background-color:var(--background-action-low-green-menthe);color:var(--text-action-high-green-menthe)}a.fr-tag--green-archipel,button.fr-tag--green-archipel,input[type=button].fr-tag--green-archipel,input[type=image].fr-tag--green-archipel,input[type=reset].fr-tag--green-archipel,input[type=submit].fr-tag--green-archipel{--idle:transparent;--hover:var(--background-action-low-green-archipel-hover);--active:var(--background-action-low-green-archipel-active);background-color:var(--background-action-low-green-archipel);color:var(--text-action-high-green-archipel)}a.fr-tag--blue-ecume,button.fr-tag--blue-ecume,input[type=button].fr-tag--blue-ecume,input[type=image].fr-tag--blue-ecume,input[type=reset].fr-tag--blue-ecume,input[type=submit].fr-tag--blue-ecume{--idle:transparent;--hover:var(--background-action-low-blue-ecume-hover);--active:var(--background-action-low-blue-ecume-active);background-color:var(--background-action-low-blue-ecume);color:var(--text-action-high-blue-ecume)}a.fr-tag--blue-cumulus,button.fr-tag--blue-cumulus,input[type=button].fr-tag--blue-cumulus,input[type=image].fr-tag--blue-cumulus,input[type=reset].fr-tag--blue-cumulus,input[type=submit].fr-tag--blue-cumulus{--idle:transparent;--hover:var(--background-action-low-blue-cumulus-hover);--active:var(--background-action-low-blue-cumulus-active);background-color:var(--background-action-low-blue-cumulus);color:var(--text-action-high-blue-cumulus)}a.fr-tag--purple-glycine,button.fr-tag--purple-glycine,input[type=button].fr-tag--purple-glycine,input[type=image].fr-tag--purple-glycine,input[type=reset].fr-tag--purple-glycine,input[type=submit].fr-tag--purple-glycine{--idle:transparent;--hover:var(--background-action-low-purple-glycine-hover);--active:var(--background-action-low-purple-glycine-active);background-color:var(--background-action-low-purple-glycine);color:var(--text-action-high-purple-glycine)}a.fr-tag--pink-macaron,button.fr-tag--pink-macaron,input[type=button].fr-tag--pink-macaron,input[type=image].fr-tag--pink-macaron,input[type=reset].fr-tag--pink-macaron,input[type=submit].fr-tag--pink-macaron{--idle:transparent;--hover:var(--background-action-low-pink-macaron-hover);--active:var(--background-action-low-pink-macaron-active);background-color:var(--background-action-low-pink-macaron);color:var(--text-action-high-pink-macaron)}a.fr-tag--pink-tuile,button.fr-tag--pink-tuile,input[type=button].fr-tag--pink-tuile,input[type=image].fr-tag--pink-tuile,input[type=reset].fr-tag--pink-tuile,input[type=submit].fr-tag--pink-tuile{--idle:transparent;--hover:var(--background-action-low-pink-tuile-hover);--active:var(--background-action-low-pink-tuile-active);background-color:var(--background-action-low-pink-tuile);color:var(--text-action-high-pink-tuile)}a.fr-tag--yellow-tournesol,button.fr-tag--yellow-tournesol,input[type=button].fr-tag--yellow-tournesol,input[type=image].fr-tag--yellow-tournesol,input[type=reset].fr-tag--yellow-tournesol,input[type=submit].fr-tag--yellow-tournesol{--idle:transparent;--hover:var(--background-action-low-yellow-tournesol-hover);--active:var(--background-action-low-yellow-tournesol-active);background-color:var(--background-action-low-yellow-tournesol);color:var(--text-action-high-yellow-tournesol)}a.fr-tag--yellow-moutarde,button.fr-tag--yellow-moutarde,input[type=button].fr-tag--yellow-moutarde,input[type=image].fr-tag--yellow-moutarde,input[type=reset].fr-tag--yellow-moutarde,input[type=submit].fr-tag--yellow-moutarde{--idle:transparent;--hover:var(--background-action-low-yellow-moutarde-hover);--active:var(--background-action-low-yellow-moutarde-active);background-color:var(--background-action-low-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}a.fr-tag--orange-terre-battue,button.fr-tag--orange-terre-battue,input[type=button].fr-tag--orange-terre-battue,input[type=image].fr-tag--orange-terre-battue,input[type=reset].fr-tag--orange-terre-battue,input[type=submit].fr-tag--orange-terre-battue{--idle:transparent;--hover:var(--background-action-low-orange-terre-battue-hover);--active:var(--background-action-low-orange-terre-battue-active);background-color:var(--background-action-low-orange-terre-battue);color:var(--text-action-high-orange-terre-battue)}a.fr-tag--brown-cafe-creme,button.fr-tag--brown-cafe-creme,input[type=button].fr-tag--brown-cafe-creme,input[type=image].fr-tag--brown-cafe-creme,input[type=reset].fr-tag--brown-cafe-creme,input[type=submit].fr-tag--brown-cafe-creme{--idle:transparent;--hover:var(--background-action-low-brown-cafe-creme-hover);--active:var(--background-action-low-brown-cafe-creme-active);background-color:var(--background-action-low-brown-cafe-creme);color:var(--text-action-high-brown-cafe-creme)}a.fr-tag--brown-caramel,button.fr-tag--brown-caramel,input[type=button].fr-tag--brown-caramel,input[type=image].fr-tag--brown-caramel,input[type=reset].fr-tag--brown-caramel,input[type=submit].fr-tag--brown-caramel{--idle:transparent;--hover:var(--background-action-low-brown-caramel-hover);--active:var(--background-action-low-brown-caramel-active);background-color:var(--background-action-low-brown-caramel);color:var(--text-action-high-brown-caramel)}a.fr-tag--brown-opera,button.fr-tag--brown-opera,input[type=button].fr-tag--brown-opera,input[type=image].fr-tag--brown-opera,input[type=reset].fr-tag--brown-opera,input[type=submit].fr-tag--brown-opera{--idle:transparent;--hover:var(--background-action-low-brown-opera-hover);--active:var(--background-action-low-brown-opera-active);background-color:var(--background-action-low-brown-opera);color:var(--text-action-high-brown-opera)}a.fr-tag--beige-gris-galet,button.fr-tag--beige-gris-galet,input[type=button].fr-tag--beige-gris-galet,input[type=image].fr-tag--beige-gris-galet,input[type=reset].fr-tag--beige-gris-galet,input[type=submit].fr-tag--beige-gris-galet{--idle:transparent;--hover:var(--background-action-low-beige-gris-galet-hover);--active:var(--background-action-low-beige-gris-galet-active);background-color:var(--background-action-low-beige-gris-galet);color:var(--text-action-high-beige-gris-galet)}button.fr-tag[aria-pressed=true]:not(:disabled),input[type=button].fr-tag[aria-pressed=true]:not(:disabled){background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-active-blue-france) .625rem);color:var(--text-inverted-blue-france)}button.fr-tag[aria-pressed=true]:not(:disabled):hover,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):hover{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-active-blue-france-hover) .625rem)}button.fr-tag[aria-pressed=true]:not(:disabled):active,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):active{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-active-blue-france-active) .625rem)}button.fr-tag[aria-pressed=true]:after,input[type=button].fr-tag[aria-pressed=true]:after{color:var(--text-action-high-blue-france)}button.fr-tag[aria-pressed=true]:disabled,input[type=button].fr-tag[aria-pressed=true]:disabled{--hover:inherit;--active:inherit;background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-disabled-grey) .625rem)}button.fr-tag[aria-pressed=true]:disabled:after,input[type=button].fr-tag[aria-pressed=true]:disabled:after{color:var(--text-disabled-grey)}button.fr-tag[aria-pressed=true].fr-tag--sm,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-active-blue-france) .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:hover,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-active-blue-france-hover) .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:active,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-active-blue-france-active) .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:disabled,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-disabled-grey) .5rem)}a:not([href]).fr-tag,button.fr-tag:disabled,input[type=button].fr-tag:disabled{--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true],.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-active-blue-france) .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:hover,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-active-blue-france-hover) .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:active,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-active-blue-france-active) .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:disabled,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-disabled-grey) .5rem)}@media (min-width:36em){
  /*! media sm */}@media (min-width:48em){
  /*! media md */}@media (min-width:62em){
  /*! media lg */}@media (min-width:78em){
  /*! media xl */}@media (-ms-high-contrast:active),(forced-colors:active){.fr-tag:after,.fr-tag:before{background-color:canvastext}.fr-tag{border:1px solid}.fr-tag:disabled,a.fr-tag:not([href]){color:graytext}a.fr-tag[aria-pressed=true]:not(:disabled),button.fr-tag[aria-pressed=true]:not(:disabled),input[type=button].fr-tag[aria-pressed=true]:not(:disabled),input[type=image].fr-tag[aria-pressed=true]:not(:disabled),input[type=reset].fr-tag[aria-pressed=true]:not(:disabled),input[type=submit].fr-tag[aria-pressed=true]:not(:disabled){border:1px solid highlight;border-top:4px solid highlight;color:highlight}a.fr-tag[aria-pressed=true].fr-tag--sm:after,a.fr-tag[aria-pressed=true]:not(:disabled):after,button.fr-tag[aria-pressed=true].fr-tag--sm:after,button.fr-tag[aria-pressed=true]:not(:disabled):after,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):after,input[type=image].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=image].fr-tag[aria-pressed=true]:not(:disabled):after,input[type=reset].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=reset].fr-tag[aria-pressed=true]:not(:disabled):after,input[type=submit].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=submit].fr-tag[aria-pressed=true]:not(:disabled):after{display:none}a.fr-tag--dismiss:after,button.fr-tag--dismiss:after,input[type=button].fr-tag--dismiss:after,input[type=image].fr-tag--dismiss:after,input[type=reset].fr-tag--dismiss:after,input[type=submit].fr-tag--dismiss:after{background-color:buttontext;forced-color-adjust:none}a.fr-tag--dismiss:disabled:after,button.fr-tag--dismiss:disabled:after,input[type=button].fr-tag--dismiss:disabled:after,input[type=image].fr-tag--dismiss:disabled:after,input[type=reset].fr-tag--dismiss:disabled:after,input[type=submit].fr-tag--dismiss:disabled:after{background-color:graytext}a.fr-tag--dismiss.fr-tag--sm:after,button.fr-tag--dismiss.fr-tag--sm:after,input[type=button].fr-tag--dismiss.fr-tag--sm:after,input[type=image].fr-tag--dismiss.fr-tag--sm:after,input[type=reset].fr-tag--dismiss.fr-tag--sm:after,input[type=submit].fr-tag--dismiss.fr-tag--sm:after{background-color:buttontext}a.fr-tag--dismiss.fr-tag--sm:disabled:after,button.fr-tag--dismiss.fr-tag--sm:disabled:after,input[type=button].fr-tag--dismiss.fr-tag--sm:disabled:after,input[type=image].fr-tag--dismiss.fr-tag--sm:disabled:after,input[type=reset].fr-tag--dismiss.fr-tag--sm:disabled:after,input[type=submit].fr-tag--dismiss.fr-tag--sm:disabled:after{background-color:graytext}.fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss:after,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag.fr-tag--dismiss:after{background-color:buttontext}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:after,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:after{display:none}}@media (-ms-high-contrast:active) and (-ms-high-contrast:active),(-ms-high-contrast:active) and (forced-colors:active),(forced-colors:active) and (-ms-high-contrast:active),(forced-colors:active) and (forced-colors:active){a.fr-tag[aria-pressed=true]:not(:disabled):after,a.fr-tag[aria-pressed=true]:not(:disabled):before,button.fr-tag[aria-pressed=true]:not(:disabled):after,button.fr-tag[aria-pressed=true]:not(:disabled):before,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):after,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):before,input[type=image].fr-tag[aria-pressed=true]:not(:disabled):after,input[type=image].fr-tag[aria-pressed=true]:not(:disabled):before,input[type=reset].fr-tag[aria-pressed=true]:not(:disabled):after,input[type=reset].fr-tag[aria-pressed=true]:not(:disabled):before,input[type=submit].fr-tag[aria-pressed=true]:not(:disabled):after,input[type=submit].fr-tag[aria-pressed=true]:not(:disabled):before{background-color:highlight}}