@layer tx.components{.tx-tags-input{align-items:center;gap:var(--tx-tags-input-gap,calc(var(--tx-space-unit) * 1.5));box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--tx-tags-input-height-touch,var(--tx-size-control-lg));padding-block:calc(var(--tx-space-unit) * 1.5);padding-inline:var(--tx-tags-input-padding-inline,var(--tx-space-2));border:var(--tx-tags-input-border-width,var(--tx-border-width-thin)) solid var(--tx-input,var(--tx-border,CanvasText));border-radius:var(--tx-tags-input-radius,var(--tx-shape-radius-lg));background-color:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);box-shadow:var(--tx-tags-input-elevation,var(--tx-elevation-1));transition:border-color var(--tx-motion-fast,.15s) var(--tx-motion-easing,ease), box-shadow var(--tx-motion-fast,.15s) var(--tx-motion-easing,ease);flex-wrap:wrap;display:flex}@media (width>=40rem){.tx-tags-input{min-block-size:var(--tx-tags-input-height,var(--tx-size-control-md))}}.tx-tags-input:focus-within{border-color:var(--tx-ring,Highlight);box-shadow:0 0 0 var(--tx-focus-ring-width,2px) color-mix(in oklab, var(--tx-ring,Highlight) 30%, transparent)}.tx-tags-input[data-disabled],.tx-tags-input[data-disabled=true]{cursor:not-allowed;opacity:var(--tx-tags-input-disabled-opacity,var(--tx-opacity-disabled))}.tx-tags-input[data-invalid],.tx-tags-input[aria-invalid=true]{border-color:var(--tx-destructive,crimson)}.tx-tags-input__list{margin:0;padding:0;list-style:none;display:contents}.tx-tags-input__tag{align-items:center;gap:var(--tx-space-1);max-inline-size:100%;padding-block:calc(var(--tx-space-unit) * .5);padding-inline:var(--tx-space-2) var(--tx-space-1);border-radius:var(--tx-tags-input-tag-radius,var(--tx-shape-radius-full));background-color:var(--tx-muted,Canvas);color:var(--tx-foreground,CanvasText);font-size:var(--tx-tags-input-tag-font-size,var(--tx-type-label-size));outline:none;line-height:1.25;display:inline-flex}.tx-tags-input__tag:focus-visible{box-shadow:0 0 0 var(--tx-focus-ring-width,2px) color-mix(in oklab, var(--tx-ring,Highlight) 40%, transparent)}.tx-tags-input__tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tx-tags-input__remove{inline-size:var(--tx-size-icon-md);block-size:var(--tx-size-icon-md);border-radius:var(--tx-tags-input-tag-radius,var(--tx-shape-radius-full));color:var(--tx-muted-foreground,#575757);cursor:pointer;background:0 0;border:0;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.tx-tags-input__remove:hover{background-color:color-mix(in srgb, var(--tx-foreground,CanvasText) 12%, transparent);color:var(--tx-foreground,CanvasText)}.tx-tags-input__remove:focus-visible{box-shadow:0 0 0 var(--tx-focus-ring-width,2px) color-mix(in oklab, var(--tx-ring,Highlight) 40%, transparent)}.tx-tags-input__input{min-inline-size:4rem;padding-block:var(--tx-space-1);padding-inline:var(--tx-space-1);color:inherit;font:inherit;font-size:var(--tx-tags-input-tag-font-size,var(--tx-type-label-size));background:0 0;border:0;outline:none;flex:6rem;margin:0}.tx-tags-input__input::placeholder{color:var(--tx-muted-foreground,#575757)}.tx-color-picker{gap:var(--tx-color-picker-gap,var(--tx-space-3));max-inline-size:16rem;color:var(--tx-foreground,CanvasText);display:grid}.tx-color-picker[data-disabled=true]{opacity:var(--tx-opacity-disabled);pointer-events:none}.tx-color-picker__area{aspect-ratio:1.2;border-radius:var(--tx-shape-radius-md);border:var(--tx-border-width-thin) solid var(--tx-border,currentColor);background:linear-gradient(to top, #000 0%, transparent 50%, #fff 100%), linear-gradient(to right, oklch(70% 0 0) 0%, oklch(.7 .2 var(--tx-color-picker-hue,250)) 100%);touch-action:none;cursor:crosshair;outline:none;inline-size:100%;position:relative}.tx-color-picker__area:focus-visible{box-shadow:0 0 0 var(--tx-focus-ring-width,2px) color-mix(in oklab, var(--tx-ring,Highlight) 35%, transparent)}.tx-color-picker__area[data-state=active]{cursor:grabbing}.tx-color-picker__sliders{gap:var(--tx-space-2);display:grid}.tx-color-picker__slider{inline-size:100%;accent-color:var(--tx-primary,Highlight);margin:0;display:block}.tx-color-picker__slider--hue{border-radius:var(--tx-shape-radius-full);background:linear-gradient(90deg,oklch(65% .2 0),oklch(65% .2 60),oklch(65% .2 120),oklch(65% .2 180),oklch(65% .2 240),oklch(65% .2 300),oklch(65% .2 360))}.tx-color-picker__row{align-items:center;gap:var(--tx-space-2);display:flex}.tx-color-picker__preview{inline-size:var(--tx-size-control-sm);block-size:var(--tx-size-control-sm);border-radius:var(--tx-shape-radius-md);border:var(--tx-border-width-thin) solid var(--tx-border,currentColor);background-color:var(--tx-color-picker-value,#3b82f6);flex-shrink:0}.tx-color-picker__format{box-sizing:border-box;min-inline-size:0;padding-block:calc(var(--tx-space-unit) * 1.5);padding-inline:var(--tx-space-2);border:var(--tx-border-width-thin) solid var(--tx-input,var(--tx-border,CanvasText));border-radius:var(--tx-shape-radius-lg);background-color:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);font:inherit;font-size:var(--tx-type-label-size);font-variant-numeric:tabular-nums;outline:none;flex:1;margin:0}.tx-color-picker__format:focus-visible{border-color:var(--tx-ring,Highlight);box-shadow:0 0 0 var(--tx-focus-ring-width,2px) color-mix(in oklab, var(--tx-ring,Highlight) 30%, transparent)}.tx-color-picker__format[aria-invalid=true]{border-color:var(--tx-destructive,crimson)}.tx-color-picker__swatches{gap:calc(var(--tx-space-unit) * 1.5);flex-wrap:wrap;display:flex}.tx-color-picker__swatch-item{line-height:0;display:inline-flex}.tx-color-picker__swatch{inline-size:var(--tx-color-picker-swatch-size,var(--tx-size-icon-lg));block-size:var(--tx-color-picker-swatch-size,var(--tx-size-icon-lg));border:var(--tx-border-width-thin) solid var(--tx-border,currentColor);border-radius:var(--tx-color-picker-swatch-radius,var(--tx-shape-radius-sm));background-color:var(--tx-swatch-color,var(--tx-background,Canvas));cursor:pointer;outline:none;margin:0;padding:0}.tx-color-picker__swatch:focus-visible{box-shadow:0 0 0 var(--tx-focus-ring-width,2px) color-mix(in oklab, var(--tx-ring,Highlight) 40%, transparent)}.tx-color-picker__swatch[data-state=selected],.tx-color-picker__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--tx-surface,Canvas), 0 0 0 4px var(--tx-primary,Highlight)}@media (forced-colors:active){.tx-tags-input,.tx-color-picker__area,.tx-color-picker__format,.tx-color-picker__preview,.tx-color-picker__swatch{border:1px solid buttontext}.tx-tags-input__tag{forced-color-adjust:none;border:1px solid buttontext}.tx-color-picker__swatch,.tx-color-picker__preview{forced-color-adjust:none;border-color:canvastext}.tx-color-picker__swatch[data-state=selected],.tx-color-picker__swatch[aria-pressed=true]{box-shadow:none;border:3px solid highlight}.tx-color-picker__swatch:focus-visible{outline:var(--tx-focus-ring-width,2px) solid CanvasText;outline-offset:2px;box-shadow:none}}}