.tag-badge{--height:2rem;height:var(--height);--close-size:2rem;--transition:120ms 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:#fff0;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:#fff0;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 0.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:0.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:0.44rem;width:var(--close-size);height:var(--close-size);--stroke-width:2.2;background-color:#fff0;border-radius:calc(var(--close-size) / 2);transition:background-color var(--transition)}