.fs-tagpicker.svelte-tq9nvv{--tp-min-height:2rem;--tp-group-pad:.375rem;--tp-gap:.25rem;--tp-input-pad:.375rem;--tp-icon:1rem;--tp-icon-gap:.125rem;box-sizing:border-box;inline-size:100%;min-inline-size:15.625rem;position:relative}.fs-tagpicker.svelte-tq9nvv.size-large{--tp-min-height:2.5rem;--tp-group-pad:.5rem;--tp-gap:.375rem;--tp-input-pad:.625rem;--tp-icon:1.25rem}.fs-tagpicker.svelte-tq9nvv.size-extra-large{--tp-min-height:2.75rem;--tp-group-pad:.5rem;--tp-gap:.375rem;--tp-input-pad:.75rem;--tp-icon:1.5rem;--tp-icon-gap:.375rem}.control.svelte-tq9nvv{--tp-action-radius:var(--fs-control-border-radius);box-sizing:border-box;min-block-size:var(--tp-min-height);border-radius:var(--fs-control-border-radius);background:var(--fs-control-fill-default);cursor:text;grid-template-columns:minmax(0,1fr) auto;padding-inline:.75rem;display:grid;position:relative}.control.svelte-tq9nvv:hover{background:var(--fs-control-fill-secondary)}.control.svelte-tq9nvv:before{content:"";pointer-events:none;box-sizing:border-box;background:var(--fs-elevation-text-border);z-index:1;border-radius:.313rem;block-size:calc(100% + .125rem);inline-size:calc(100% + .125rem);padding:.063rem;position:absolute;inset-block-start:-.063rem;inset-inline-start:-.063rem;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.control.svelte-tq9nvv.square{--tp-action-radius:0;border-radius:0}.control.svelte-tq9nvv.square:before,.control.svelte-tq9nvv.square:after{border-radius:0}.control.svelte-tq9nvv.circular{--tp-action-radius:999px;border-radius:var(--input-circular-radius,999px)}.control.svelte-tq9nvv.circular:before{border-radius:inherit}.control.svelte-tq9nvv.circular:after{border-radius:inherit;clip-path:inset(calc(100% - 2px) 0 0);block-size:calc(100% + .125rem)}.control.svelte-tq9nvv:after{content:"";pointer-events:none;clip-path:polygon(0 75%,100% 75%,100% 100%,0% 100%);block-size:10px;inline-size:0;transition:inline-size var(--fs-normal-duration) var(--fs-point-to-point), inset-inline-start var(--fs-normal-duration) var(--fs-point-to-point);z-index:2;background:0 0;border-radius:0 0 5px 5px;position:absolute;inset-block-end:-.063rem;inset-inline-start:calc(50% - .063rem)}.control.svelte-tq9nvv.square-top{border-start-start-radius:0;border-start-end-radius:0}.control.svelte-tq9nvv.square-top:before,.control.svelte-tq9nvv.square-top:after{border-start-start-radius:0;border-start-end-radius:0}.control.svelte-tq9nvv.square-bottom{border-end-end-radius:0;border-end-start-radius:0}.control.svelte-tq9nvv.square-bottom:before,.control.svelte-tq9nvv.square-bottom:after{border-end-end-radius:0;border-end-start-radius:0}:is(.fs-tagpicker.svelte-tq9nvv:focus-within .control:where(.svelte-tq9nvv),.open.svelte-tq9nvv .control:where(.svelte-tq9nvv)):after{background-color:var(--fs-accent-fill-default);inline-size:calc(100% + .125rem);inset-inline-start:-.063rem}.fs-tagpicker.svelte-tq9nvv:focus-within .control:where(.svelte-tq9nvv){background:var(--fs-control-fill-input-active)}.fs-tagpicker.svelte-tq9nvv:focus-within .control:where(.svelte-tq9nvv) input:where(.svelte-tq9nvv)::placeholder{color:var(--fs-text-tertiary)}.fs-tagpicker.svelte-tq9nvv>.native-field:where(.svelte-tq9nvv){box-sizing:border-box;opacity:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.fs-tagpicker.svelte-tq9nvv:has(>.native-field:where(.svelte-tq9nvv):is(:where(.svelte-tq9nvv):user-invalid,[aria-invalid=true]:where(.svelte-tq9nvv))) .control:where(.svelte-tq9nvv):after{background-color:var(--fs-system-critical);inline-size:calc(100% + .125rem);inset-inline-start:-.063rem}.content.svelte-tq9nvv{align-items:center;column-gap:var(--tp-gap);flex-wrap:wrap;min-inline-size:0;display:flex}.content.svelte-tq9nvv .fs-tag-group{display:contents}.content.svelte-tq9nvv .fs-tag{max-inline-size:100%;margin-block:var(--tp-group-pad)}.content.svelte-tq9nvv .fs-tag-primary-text{text-overflow:ellipsis;overflow:hidden}input.svelte-tq9nvv{box-sizing:border-box;min-inline-size:1.5rem;max-inline-size:100%;padding:var(--tp-input-pad) 0;appearance:none;color:var(--fs-text-primary);font-family:inherit;font-size:var(--fs-body2-font-size);background:0 0;border:none;outline:none;flex:1 1 0;margin:0}input.svelte-tq9nvv::placeholder{color:var(--fs-text-secondary)}input.svelte-tq9nvv[readonly]{caret-color:#0000;cursor:pointer}.fs-tagpicker-aside.svelte-tq9nvv{block-size:var(--tp-min-height);color:var(--fs-text-secondary);z-index:2;align-self:start;align-items:center;display:flex}.fs-tagpicker-aside.svelte-tq9nvv .fs-button{block-size:calc(var(--tp-min-height) - .25rem);border-radius:var(--tp-action-radius);font-size:var(--fs-body2-font-size);line-height:var(--fs-body2-line-height);padding-block:0}.chevron.svelte-tq9nvv{margin-inline:calc(var(--tp-icon-gap) - .25rem) -.25rem;border-radius:var(--tp-action-radius);cursor:pointer;padding:.25rem;display:flex}.chevron.svelte-tq9nvv:hover{background:var(--fs-subtle-fill-secondary)}.chevron.svelte-tq9nvv:active{color:var(--fs-text-tertiary);background:var(--fs-subtle-fill-tertiary)}.chevron.svelte-tq9nvv svg{inline-size:var(--tp-icon);block-size:var(--tp-icon);fill:currentColor;display:block}.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv){cursor:not-allowed;background:var(--fs-control-fill-disabled)}.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv):before{background:var(--fs-control-stroke-default)}.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv) input:where(.svelte-tq9nvv),.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv) input:where(.svelte-tq9nvv)::placeholder,.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv) .fs-tagpicker-aside:where(.svelte-tq9nvv){color:var(--fs-text-disabled)}.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv) input:where(.svelte-tq9nvv){caret-color:#0000}.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv) .chevron:where(.svelte-tq9nvv){cursor:not-allowed}.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv) .chevron:where(.svelte-tq9nvv):hover,.fs-tagpicker.svelte-tq9nvv:is(.disabled:where(.svelte-tq9nvv),:where(.svelte-tq9nvv):has(>.native-field:where(.svelte-tq9nvv):disabled)) .control:where(.svelte-tq9nvv) .chevron:where(.svelte-tq9nvv):active{color:inherit;background:0 0}.fs-tagpicker.svelte-tq9nvv .fs-flyout{z-index:10;width:calc(100% + 2px);max-block-size:min(80vh,20rem);padding:0;left:-1px;overflow:hidden}.fs-tagpicker.svelte-tq9nvv .fs-flyout.top-shadow{box-shadow:0 -.5rem .8rem #00000024}.fs-tagpicker.svelte-tq9nvv .fs-list-view{padding:4px;overflow-y:auto}.fs-tagpicker-group.svelte-1f6zb0d{list-style:none}.fs-tagpicker-group.svelte-1f6zb0d:not(:has(.fs-tagpicker-option)){display:none}.fs-tagpicker-group-label.svelte-1f6zb0d{font-size:var(--fs-caption-font-size);color:var(--fs-text-secondary);padding:.375rem .713rem;font-weight:600;display:block}ul.svelte-1f6zb0d{margin:0;padding:0;list-style:none}.input-shapes.svelte-2o2skf{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem;width:100%;display:grid}.tp-example{flex-direction:column;align-items:stretch;gap:20px;width:min(400px,100vw - 3.5rem);margin-block-start:1.25rem;display:flex}@media (width>=769px){.tp-example{width:min(400px,100vw - 31rem);margin-block-start:0}}.showcase:has(.fs-tagpicker.open){z-index:3}