.hds-icon{--icon-size:100%;background-color:currentcolor;display:inline-block;height:var(--icon-size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto;mask-size:auto;width:var(--icon-size)}.hds-icon.hds-icon--size-xs{--icon-size:var(--spacing-layout-2-xs)}.hds-icon.hds-icon--size-s{--icon-size:var(--spacing-layout-xs)}.hds-icon.hds-icon--size-m{--icon-size:var(--spacing-layout-s)}.hds-icon.hds-icon--size-l{--icon-size:var(--spacing-layout-m)}.hds-icon.hds-icon--size-xl{--icon-size:var(--spacing-layout-l)}.hds-icon--cross{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z' fill='currentColor'%3E%3C/path%3E %3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 7.5L13.5 12L18 16.5L16.5 18L12 13.5L7.5 18L6 16.5L10.5 12L6 7.5L7.5 6L12 10.5L16.5 6L18 7.5Z' fill='currentColor'%3E%3C/path%3E %3C/svg%3E")}.hds-tag{--tag-background:var(--color-black-10);--tag-color:var(--color-black-90);--tag-font-size-large:var(--fontsize-body-m);--tag-font-size:var(--fontsize-body-s);--tag-height-large:48px;--tag-height:32px;--tag-line-height:var(--lineheight-xl);--tag-padding-large:10px 20px;--tag-padding:4px 12px;--tag-spacing-large:var(--spacing-s);--tag-spacing:var(--spacing-xs);align-items:center;background-color:var(--tag-background);border-radius:calc(var(--tag-height) / 2);box-sizing:border-box;color:var(--tag-color);display:inline-flex;flex-direction:row;font-size:var(--tag-font-size);grid-gap:var(--spacing-2-xs);gap:var(--spacing-2-xs);justify-content:center;line-height:var(--tag-line-height);min-height:var(--tag-height);outline:none;padding:var(--tag-padding)}.hds-tag--large{--tag-font-size:var(--tag-font-size-large);--tag-height:var(--tag-height-large);--tag-line-height:var(--lineheight-l);--tag-padding:var(--tag-padding-large);--tag-spacing:var(--tag-spacing-large)}.hds-tag:focus,.hds-tag:focus-within{box-shadow:0 0 0 3px var(--color-focus-outline)}.hds-tag[tabindex="0"]{cursor:pointer}.hds-tag__delete-button{display:flex;flex-shrink:0;height:var(--spacing-m);margin:0 calc(0px - var(--spacing-3-xs));outline:none;width:var(--spacing-m)}