@layer components{.Tag_base__LG6SW{--tag-border-width:var(--enc-border-width-xs);--tag-border-radius:var(--enc-radius-small);background:var(--enc-background-neutral-primary-default);border-radius:var(--tag-border-radius);border:var(--tag-border-width) solid var(--enc-border-neutral-primary);display:inline-flex;position:relative;isolation:isolate;transition:background .2s;@media (hover:hover){&:hover{background:var(--enc-background-adaptive-primary-hover);.Tag_checkbox__lLOo4{border-color:var(--enc-border-adaptive-interactive-selected)}}}&:has(.Tag_input__ZgC7i:checked){background:linear-gradient(0deg,var(--enc-design-static-alpha-light-00) 35%,var(--enc-design-static-alpha-light-05) 100%),linear-gradient(90deg,var(--enc-gradient-adaptive-static-start) -66.67%,var(--enc-gradient-adaptive-static-end) 166.67%);border-color:var(--enc-gradient-surrogate-border);&:before{box-shadow:0 calc(var(--enc-effect-aesthetics-skeuomorph-shadow-position) - var(--tag-border-width)) 0 0 var(--enc-effect-aesthetics-skeuomorph-shadow-color) inset,0 0 0 calc(var(--enc-effect-aesthetics-skeuomorph-shadow-position) - var(--tag-border-width)) var(--enc-effect-aesthetics-skeuomorph-shadow-color) inset;border-radius:calc(var(--tag-border-radius) - var(--tag-border-width));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}@media (hover:hover){&:hover{background:linear-gradient(to bottom,var(--enc-design-static-alpha-light-00) 50%,var(--enc-design-static-alpha-light-04) 100%),linear-gradient(to right,var(--enc-gradient-adaptive-static-start) -66.67%,var(--enc-gradient-adaptive-static-end) 166.67%)}}.Tag_icon__08pfi,.Tag_label__M0swe{color:var(--enc-foreground-adaptive-inverse-primary)}.Tag_checkbox__lLOo4{border:none;color:var(--enc-gradient-surrogate-border)}.Tag_removeButton__jnYWt{background:var(--enc-background-alpha-dark-light-secondary-default);-webkit-backdrop-filter:blur(calc(var(--enc-component-overlay-blur) / 2));backdrop-filter:blur(calc(var(--enc-component-overlay-blur) / 2))}.Tag_removeIcon__rNKyO{color:rgb(from var(--enc-foreground-adaptive-inverse-primary) r g b/.8)}}&:has(.Tag_input__ZgC7i:focus-visible){outline:var(--enc-component-focus-width) solid var(--enc-border-adaptive-interactive-focus-secondary);outline-offset:var(--enc-component-focus-width)}&[data-sui-size=lg]{--tag-border-radius:var(--enc-radius-regular);.Tag_wrapper__kot6i{gap:.5rem;padding:.25rem .375rem .25rem .625rem}.Tag_label__M0swe{font-size:var(--enc-font-size-base)}.Tag_icon__08pfi>svg{height:1.25rem;width:1.25rem}.Tag_removeIcon__rNKyO{height:1.125rem;width:1.125rem}}&[data-sui-size=xl]{--tag-border-radius:var(--enc-radius-regular);.Tag_wrapper__kot6i{gap:.5rem;padding:.5rem .625rem .5rem .75rem}.Tag_label__M0swe{font-size:var(--enc-font-size-base)}.Tag_icon__08pfi>svg{height:1.5rem;width:1.5rem}.Tag_removeIcon__rNKyO{height:1.25rem;width:1.25rem}}}.Tag_wrapper__kot6i{align-items:center;display:flex;gap:.375rem;padding:.25rem .25rem .25rem .5rem;&.Tag_clickable__EcORr{cursor:pointer}}.Tag_icon__08pfi{align-items:center;color:var(--enc-foreground-adaptive-secondary);display:flex;flex-shrink:0;opacity:.64;>svg{height:1rem;width:1rem}}.Tag_label__M0swe{color:var(--enc-foreground-adaptive-primary);font-size:var(--enc-font-size-sm);font-weight:500;line-height:var(--enc-line-height-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.Tag_checkbox__lLOo4{align-items:center;aspect-ratio:1;background:var(--enc-background-neutral-primary-default);border-radius:var(--enc-radius-2xs);border:var(--enc-border-width-md) solid var(--enc-border-neutral-tertiary);color:var(--enc-background-neutral-primary-default);display:flex;justify-content:center;width:1.25rem;transition:border-color .2s;>.Tag_checkmark__0weVf{height:1rem;width:1rem;>path{stroke-width:3px}}}.Tag_removeButton__jnYWt{align-items:center;background:none;border:none;border-left:var(--tag-border-width) solid var(--enc-border-neutral-alpha-dark-light-secondary);border-top-right-radius:var(--tag-border-radius);border-bottom-right-radius:var(--tag-border-radius);color:rgb(from var(--enc-foreground-neutral-primary) r g b/.64);cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:.375rem;transition:color .2s;&:focus-visible{outline:var(--enc-component-focus-width) solid var(--enc-border-adaptive-interactive-focus-secondary);outline-offset:var(--enc-component-focus-width);border-top-right-radius:calc(var(--tag-border-radius) - var(--enc-component-focus-width));border-bottom-right-radius:calc(var(--tag-border-radius) - var(--enc-component-focus-width))}@media (hover:hover){&:hover{color:var(--enc-foreground-adaptive-primary)}}}.Tag_removeIcon__rNKyO{height:1rem;width:1rem}}