.tag{padding:var(--space-0-5)var(--space-1);border-radius:var(--radii-rounded);font-size:var(--fontSizes-1);line-height:var(--lineHeights-normal);font-weight:var(--fontWeights-medium);font-family:var(--fonts-body);display:inline-block}@media (min-width:768px){.tag{font-size:var(--fontSizes-1)}}.tag[disabled]{cursor:not-allowed;opacity:.5}.tag--variant-info{background-color:var(--colors-purple1);color:var(--colors-secondary)}.tag--variant-success{background-color:var(--colors-green1);color:var(--colors-green4)}.tag--variant-warning{background-color:var(--colors-yellow2);color:var(--colors-yellow4)}.tag--variant-error{background-color:var(--colors-red1);color:var(--colors-red4)}.tag--variant-standout{background-color:var(--colors-pink4);color:var(--colors-white)}.tag--variant-outline{color:var(--colors-shawbrookCharcoal);border:1px solid var(--colors-shawbrookCharcoal);background-color:#0000}.tag--variant-default{background-color:var(--colors-shawbrookLightGrey);color:var(--colors-secondary)}.tag--is-large{font-size:var(--fontSizes-3);font-family:var(--fonts-display)}.tag--rounded{border-radius:var(--radii-xl);padding:var(--space-0-5)var(--space-2)}.tag--mono{letter-spacing:var(--letterSpacing-widest)}.tag__group{gap:var(--space-2);flex-wrap:wrap;display:flex}