.pkt-tag{--pkt-color-tag-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-focus: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-tag-text-normal: var(--pkt-color-brand-dark-blue-1000)}[data-mode=dark] .pkt-tag{--pkt-color-tag-text-active: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-focus: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-hover: var(--pkt-color-brand-dark-blue-1000);--pkt-color-tag-text-normal: var(--pkt-color-brand-dark-blue-1000)}pkt-tag{display:inline-block;vertical-align:middle}pkt-tag>.pkt-tag{display:flex}.pkt-tag{width:fit-content;background:var(--pkt-color-surface-default-light-blue);padding:0 .5rem;display:inline-flex;align-items:center;height:auto;column-gap:0;color:var(--pkt-color-tag-text-normal);border:0;margin:0;letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.875rem}.pkt-tag p{margin:0;padding:0;line-height:inherit}.pkt-tag.pkt-btn:hover,.pkt-tag.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-hover);text-decoration:underline;border-color:rgba(0,0,0,0)}.pkt-tag.pkt-btn:hover svg,.pkt-tag.pkt-tag--hover svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-btn:focus,.pkt-tag.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-blue);border-color:var(--pkt-color-text-action-active);outline:4px solid var(--pkt-color-border-states-focus);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-btn:focus svg,.pkt-tag.pkt-tag--focus svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-btn:active,.pkt-tag.pkt-tag--active,.pkt-tag.pkt-tag--active:hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-btn:active svg,.pkt-tag.pkt-tag--active svg,.pkt-tag.pkt-tag--active:hover svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag__icon{width:16px;height:16px;margin-right:.5rem}.pkt-tag__close-btn{width:16px;height:16px;margin-left:.5rem}.pkt-tag.pkt-tag--green{background:var(--pkt-color-surface-strong-light-green)}.pkt-tag.pkt-tag--green.pkt-btn:hover,.pkt-tag.pkt-tag--green.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--green.pkt-btn:hover svg,.pkt-tag.pkt-tag--green.pkt-tag--hover svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--green.pkt-btn:focus,.pkt-tag.pkt-tag--green.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--green.pkt-btn:focus svg,.pkt-tag.pkt-tag--green.pkt-tag--focus svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--green.pkt-btn:active,.pkt-tag.pkt-tag--green.pkt-tag--active{background-color:var(--pkt-color-surface-strong-green);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--green.pkt-btn:active svg,.pkt-tag.pkt-tag--green.pkt-tag--active svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--yellow{background:var(--pkt-color-surface-default-yellow)}.pkt-tag.pkt-tag--yellow.pkt-btn:hover,.pkt-tag.pkt-tag--yellow.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--yellow.pkt-btn:hover svg,.pkt-tag.pkt-tag--yellow.pkt-tag--hover svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--yellow.pkt-btn:focus,.pkt-tag.pkt-tag--yellow.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--yellow.pkt-btn:focus svg,.pkt-tag.pkt-tag--yellow.pkt-tag--focus svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--yellow.pkt-btn:active,.pkt-tag.pkt-tag--yellow.pkt-tag--active{background-color:var(--pkt-color-surface-strong-yellow);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--yellow.pkt-btn:active svg,.pkt-tag.pkt-tag--yellow.pkt-tag--active svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--red{background:var(--pkt-color-surface-default-red)}.pkt-tag.pkt-tag--red.pkt-btn:hover,.pkt-tag.pkt-tag--red.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--red.pkt-btn:hover svg,.pkt-tag.pkt-tag--red.pkt-tag--hover svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--red.pkt-btn:focus,.pkt-tag.pkt-tag--red.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--red.pkt-btn:focus svg,.pkt-tag.pkt-tag--red.pkt-tag--focus svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--red.pkt-btn:active,.pkt-tag.pkt-tag--red.pkt-tag--active{background-color:var(--pkt-color-surface-strong-red);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--red.pkt-btn:active svg,.pkt-tag.pkt-tag--red.pkt-tag--active svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--beige{background:var(--pkt-color-surface-default-light-beige)}.pkt-tag.pkt-tag--beige.pkt-btn:hover,.pkt-tag.pkt-tag--beige.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--beige.pkt-btn:hover svg,.pkt-tag.pkt-tag--beige.pkt-tag--hover svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--beige.pkt-btn:focus,.pkt-tag.pkt-tag--beige.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--beige.pkt-btn:focus svg,.pkt-tag.pkt-tag--beige.pkt-tag--focus svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--beige.pkt-btn:active,.pkt-tag.pkt-tag--beige.pkt-tag--active{background-color:var(--pkt-color-surface-strong-beige);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--beige.pkt-btn:active svg,.pkt-tag.pkt-tag--beige.pkt-tag--active svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--gray,.pkt-tag.pkt-tag--grey{background:var(--pkt-color-surface-default-gray)}.pkt-tag.pkt-tag--gray.pkt-btn:hover,.pkt-tag.pkt-tag--gray.pkt-tag--hover,.pkt-tag.pkt-tag--grey.pkt-btn:hover,.pkt-tag.pkt-tag--grey.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--gray.pkt-btn:hover svg,.pkt-tag.pkt-tag--gray.pkt-tag--hover svg,.pkt-tag.pkt-tag--grey.pkt-btn:hover svg,.pkt-tag.pkt-tag--grey.pkt-tag--hover svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--gray.pkt-btn:focus,.pkt-tag.pkt-tag--gray.pkt-tag--focus,.pkt-tag.pkt-tag--grey.pkt-btn:focus,.pkt-tag.pkt-tag--grey.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--gray.pkt-btn:focus svg,.pkt-tag.pkt-tag--gray.pkt-tag--focus svg,.pkt-tag.pkt-tag--grey.pkt-btn:focus svg,.pkt-tag.pkt-tag--grey.pkt-tag--focus svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--gray.pkt-btn:active,.pkt-tag.pkt-tag--gray.pkt-tag--active,.pkt-tag.pkt-tag--grey.pkt-btn:active,.pkt-tag.pkt-tag--grey.pkt-tag--active{background-color:var(--pkt-color-surface-strong-gray);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--gray.pkt-btn:active svg,.pkt-tag.pkt-tag--gray.pkt-tag--active svg,.pkt-tag.pkt-tag--grey.pkt-btn:active svg,.pkt-tag.pkt-tag--grey.pkt-tag--active svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--blue-light{background:var(--pkt-color-surface-subtle-light-blue)}.pkt-tag.pkt-tag--blue-light.pkt-btn:hover,.pkt-tag.pkt-tag--blue-light.pkt-tag--hover{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--blue-light.pkt-btn:hover svg,.pkt-tag.pkt-tag--blue-light.pkt-tag--hover svg{--fg-color: var(--pkt-color-tag-text-hover)}.pkt-tag.pkt-tag--blue-light.pkt-btn:focus,.pkt-tag.pkt-tag--blue-light.pkt-tag--focus{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--blue-light.pkt-btn:focus svg,.pkt-tag.pkt-tag--blue-light.pkt-tag--focus svg{--fg-color: var(--pkt-color-tag-text-focus)}.pkt-tag.pkt-tag--blue-light.pkt-btn:active,.pkt-tag.pkt-tag--blue-light.pkt-tag--active{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--blue-light.pkt-btn:active svg,.pkt-tag.pkt-tag--blue-light.pkt-tag--active svg{--fg-color: var(--pkt-color-tag-text-active)}.pkt-tag.pkt-tag--blue-dark{background:var(--pkt-color-brand-dark-blue-1000);color:var(--pkt-color-brand-neutrals-200);--fg-color: var(--pkt-color-brand-neutrals-200)}.pkt-tag.pkt-tag--blue-dark.pkt-btn:hover,.pkt-tag.pkt-tag--blue-dark.pkt-btn:focus,.pkt-tag.pkt-tag--blue-dark.pkt-tag--hover{background-color:var(--pkt-color-brand-warm-blue-1000) !important;color:var(--pkt-color-brand-neutrals-200) !important}.pkt-tag.pkt-tag--blue-dark.pkt-btn:hover,.pkt-tag.pkt-tag--blue-dark.pkt-btn:hover svg,.pkt-tag.pkt-tag--blue-dark.pkt-btn:focus,.pkt-tag.pkt-tag--blue-dark.pkt-btn:focus svg,.pkt-tag.pkt-tag--blue-dark.pkt-tag--hover,.pkt-tag.pkt-tag--blue-dark.pkt-tag--hover svg{--fg-color: var(--pkt-color-brand-neutrals-200) !important}.pkt-tag.pkt-tag--small{padding:0 .25rem;line-height:1.375rem}.pkt-tag.pkt-tag--medium{padding:0 .5rem;line-height:1.875rem}.pkt-tag.pkt-tag--large{padding:0 .5rem;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:2.25rem}.pkt-tag.pkt-tag--normal-text{letter-spacing:-0.2px;font-weight:500;font-size:.875rem}.pkt-tag.pkt-tag--thin-text{letter-spacing:-0.2px;font-weight:300;font-size:.875rem}