.u-tag{--__state-basic-color:var(--po-faded-dark);--__state-basic-bg:var(--po-faded-light);--__state-light-color:var(--po-faded-base);--__state-light-bg:var(--po-faded-lighter);--__bg:var(--__state-basic-bg);--__color:var(--__state-basic-color);--__border-color:var(--__bg);--__icon-color:var(--p-gray-600);align-items:center;background:var(--__bg);border:1px solid var(--__border-color);border-radius:50em;color:var(--__color);display:inline-flex;gap:.125rem;padding:.0625rem .4375rem}@media (prefers-color-scheme:dark){.u-tag{--__state-light-color:var(--p-surface-400)}}.u-tag__text{color:var(--__color)}.u-tag svg{flex-shrink:0;font-size:1rem}.u-tag--sm svg{font-size:.75rem}.u-tag--lg{padding:.0625rem .5625rem}.u-tag--lg svg{font-size:1.125rem}.u-tag--basic{--__bg:var(--__state-basic-bg);--__color:var(--__state-basic-color);--__border-color:transparent}.u-tag--light{--__bg:var(--__state-light-bg);--__color:var(--__state-light-color);--__border-color:transparent}.u-tag--outline{--__bg:var(--po-body-bg);--__color:var(--po-text-600-sub);--__border-color:var(--po-border-color);border-radius:var(--p-border-radius-sm);gap:.25rem;padding:.1875rem .4375rem}.u-tag--outline svg{color:var(--__icon-color)}.u-tag--blue{--__state-basic-color:var(--po-info-dark);--__state-basic-bg:var(--po-info-light);--__state-light-color:var(--p-blue-600);--__state-light-bg:var(--po-info-lighter);--__icon-color:var(--p-blue-500)}@media (prefers-color-scheme:dark){.u-tag--blue{--__state-light-color:var(--p-blue-400)}}.u-tag--orange{--__state-basic-color:var(--po-warning-dark);--__state-basic-bg:var(--po-warning-light);--__state-light-color:var(--p-orange-600);--__state-light-bg:var(--po-warning-lighter);--__icon-color:var(--p-orange-500)}.u-tag--red{--__state-basic-color:var(--po-danger-dark);--__state-basic-bg:var(--po-danger-light);--__state-light-color:var(--p-red-600);--__state-light-bg:var(--po-danger-lighter);--__icon-color:var(--p-red-500)}.u-tag--green{--__state-basic-color:var(--po-success-dark);--__state-basic-bg:var(--po-success-light);--__state-light-color:var(--p-green-600);--__state-light-bg:var(--po-success-lighter);--__icon-color:var(--p-green-500)}.u-tag--yellow{--__state-basic-color:var(--po-yellow-dark);--__state-basic-bg:var(--po-yellow-light);--__state-light-color:var(--p-yellow-600);--__state-light-bg:var(--po-yellow-lighter);--__icon-color:var(--p-yellow-500)}.u-tag--purple{--__state-basic-color:var(--po-purple-dark);--__state-basic-bg:var(--po-purple-light);--__state-light-color:var(--p-purple-600);--__state-light-bg:var(--po-purple-lighter);--__icon-color:var(--p-purple-500)}@media (prefers-color-scheme:dark){.u-tag--purple{--__state-light-color:var(--p-purple-400)}}.u-tag--sky{--__state-basic-color:var(--po-sky-dark);--__state-basic-bg:var(--po-sky-light);--__state-light-color:var(--p-sky-600);--__state-light-bg:var(--po-sky-lighter);--__icon-color:var(--p-sky-500)}.u-tag--pink{--__state-basic-color:var(--po-pink-dark);--__state-basic-bg:var(--po-pink-light);--__state-light-color:var(--p-pink-600);--__state-light-bg:var(--po-pink-lighter);--__icon-color:var(--p-pink-500)}.u-tag:has(.u-tag__icon-left){padding-left:.1875rem}.u-tag:has(.u-tag__icon-right){padding-right:.1875rem}