.tag{display:inline-flex;padding:7px 20px 6px;border:1px solid #ddd;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.67;cursor:pointer;transition:background-color .3s linear,border-color .3s linear}.tag__input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.tag__text{font-size:.75rem;line-height:1.67}.tag__icon{margin-left:10px}.tag--with-icon .tag__icon{display:none}.tag--with-icon .tag__text{display:inline-flex;justify-content:space-between;align-items:center}.can-hover .tag--with-icon:hover .tag__icon,[data-whatintent=keyboard] .tag--with-icon:focus .tag__icon{display:inline-flex}.can-hover .tag--with-icon:hover.is-checked,[data-whatintent=keyboard] .tag--with-icon:focus.is-checked{background-color:#5d2f96}.tag--rectangle{padding:3px 12px;border:1px solid #ddd;border-radius:2px}.tag.is-disabled{opacity:.4;cursor:not-allowed}.tag.is-checked{background-color:#753bbd;border-color:#753bbd;color:#fff}