.tag-badge{--height: 2rem;height:var(--height);--close-size: 2rem;--transition: .12s ease-out;color:var(--color-foreground);position:relative;display:flex;align-items:center;text-transform:capitalize;border-radius:var(--border-radius-badge);transition:background var(--transition),color var(--transition),opacity var(--transition)}@media only screen and (min-width: 750px){.tag-badge{--height: 2.2rem}}.tag-badge-wrapper{gap:.5rem;z-index:1;position:relative}blog-tags{position:relative}.tag-badge-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.tag-badge-container .tag-badge{background:transparent;cursor:auto}.tag-badge-container .tag-badge{border:1px solid currentColor;color:rgba(var(--color-foreground-rgb),.5);opacity:1!important}.tag-badge:not(._remove):hover{color:var(--color-foreground);background:var(--color-foreground-pale)}.tag-badge._remove:hover{color:rgba(var(--color-background-rgb),.88)}.tag-badge._remove a{padding-right:calc((var(--close-side) * 2) + var(--close-size))}.tag-badge-wrapper{justify-content:flex-start;gap:.4rem}.tag-badge a._outline{background-color:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.tag-badge a,.tag-badge span{align-items:center;display:flex;font-size:.9rem;justify-content:center;padding:0 .5rem;position:relative;height:100%;transition:opacity .2s ease;z-index:2}@media only screen and (min-width: 750px){.tag-badge a,.tag-badge span{padding:0 .6rem}}.btn.tag-badge{border:var(--border);color:var(--color-foreground-light);--close-size: 1rem;--close-side: .5rem}.btn.tag-badge._remove{background-color:var(--color-foreground);color:var(--color-background)}.tag-badge._remove:hover .icon{background-color:rgba(var(--color-background-rgb),.3)}.tag-badge._remove .icon{position:absolute;right:var(--close-side);--icon-size: .44rem;width:var(--close-size);height:var(--close-size);--stroke-width: 2.2;background-color:transparent;border-radius:calc(var(--close-size) / 2);transition:background-color var(--transition)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tag.css.map */