@layer component{.tag{background:var(--tag-bg-gradient);color:var(--tag-txt-primary);z-index:1;justify-content:center;align-items:center;width:auto;height:36px;padding:0 12px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex;position:relative}.tag,.tag:before{border-radius:60px}.tag:before{background-color:var(--tag-bg-primary);content:"";z-index:-1;width:calc(100% - 4px);height:calc(100% - 4px);margin:auto;display:block;position:absolute;inset:0}@media print and (width>=768px),screen and (width>=768px){.tag{height:39px;padding:0 16px;font-size:.9375rem}}}