.label{padding:var(--cds-spacing-02) var(--cds-spacing-03);border-radius:16px;display:inline-flex;align-items:center;gap:var(--cds-spacing-02)}.label--dot{background-color:var(--cds-layer-01);padding:3px 8px 5px;border-radius:1000px;gap:4px;color:var(--cds-text-on-color)}.label--dot .label__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.label--sm{font-size:.75rem;padding:4px 8px 4px 6px;border-radius:12px;height:20px}.label--md{padding:4px 10px 4px 8px;border-radius:16px}.label--lg{padding:4px 12px 4px 10px;border-radius:20px;font-size:.875rem}.chip{padding:var(--cds-spacing-02) var(--cds-spacing-03);border-radius:16px;display:inline-flex;align-items:center;gap:var(--cds-spacing-02);border:1px solid;background:rgba(0,0,0,0);cursor:pointer;transition:all var(--cds-duration-fast-02) var(--cds-standard-easing);white-space:nowrap;font-family:inherit}.chip:hover{opacity:.8}.chip--sm{font-size:.75rem;padding:4px var(--cds-spacing-03);border-radius:12px;font-weight:500;height:20px;line-height:20px}.chip--md{padding:var(--cds-spacing-02) var(--cds-spacing-03);border-radius:16px;height:26px}.chip--lg{padding:var(--cds-spacing-03) var(--cds-spacing-04);border-radius:20px;font-size:.875rem;height:36px}.chip--purple{border-color:var(--cds-support-purple);color:var(--cds-support-purple)}.chip--purple.chip--selected{background-color:var(--cds-support-purple);color:var(--cds-text-on-color)}.chip--dark{border-color:var(--cds-border-subtle);color:var(--cds-text-primary)}.chip--dark.chip--selected{background-color:var(--cds-layer-hover);color:var(--cds-text-primary)}.chip--blue{border-color:var(--cds-interactive);color:var(--cds-interactive)}.chip--blue.chip--selected{background-color:var(--cds-interactive);color:var(--cds-text-on-color)}.chip--green{border-color:var(--cds-support-success);color:var(--cds-support-success)}.chip--green.chip--selected{background-color:var(--cds-support-success);color:var(--cds-text-on-color)}.chip--red{border-color:var(--cds-support-error);color:var(--cds-support-error)}.chip--red.chip--selected{background-color:var(--cds-support-error);color:var(--cds-text-on-color)}.chip--yellow{border-color:var(--cds-support-warning);color:var(--cds-support-warning)}.chip--yellow.chip--selected{background-color:var(--cds-support-warning);color:var(--cds-text-on-color)}.chip--gray{border-color:var(--cds-border-subtle);color:var(--cds-text-secondary)}.chip--gray.chip--selected{background-color:var(--cds-layer-hover);color:var(--cds-text-primary)}.color-picker-wrapper{position:relative;display:inline-block}.color-picker__trigger{display:inline-block}.color-picker__popover{position:absolute;top:calc(100% + var(--cds-spacing-02));left:0;z-index:9000;pointer-events:auto}.color-picker__popover:before{content:"";position:absolute;bottom:100%;left:12px;width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid var(--cds-layer-01);pointer-events:none}.color-picker__content{padding:var(--cds-spacing-05);background-color:var(--cds-layer-01);border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.3);pointer-events:auto}.color-picker__grid{display:flex;flex-direction:row;align-items:center;gap:var(--cds-spacing-05)}.color-picker__option{width:24px;height:24px;border-radius:50%!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cds-duration-fast-02) ease;position:relative;padding:0;flex-shrink:0;pointer-events:auto}.color-picker__option:hover{transform:scale(1.1)}.color-picker__option--selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;border:3px solid var(--cds-layer-01)}.color-picker__option:focus{outline:none;box-shadow:0 0 0 2px var(--cds-layer),0 0 0 4px var(--cds-focus)}.color-picker__custom-button{width:24px;height:24px;border-radius:50%!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cds-duration-fast-02) ease;padding:0;flex-shrink:0;position:relative;background:rgba(0,0,0,0);z-index:1;pointer-events:auto}.color-picker__custom-button:before{content:"";position:absolute;inset:0;border-radius:50%;padding:4px;background:conic-gradient(from 0deg,#ff0000 0deg,#ffff00 60deg,#00ff00 120deg,#00ffff 180deg,#0000ff 240deg,#ff00ff 300deg,#ff0000 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;transition:all var(--cds-duration-fast-02) ease;pointer-events:none}.color-picker__custom-button:hover{background:var(--cds-layer-hover);transform:scale(1.1)}.color-picker__custom-button:hover:before{padding:3px}.color-picker__custom-button:focus{outline:none;box-shadow:0 0 0 2px var(--cds-layer),0 0 0 4px var(--cds-focus)}.color-picker__add-icon{color:var(--cds-icon-primary);position:relative;z-index:2;pointer-events:none}.color-picker__input-container{display:flex;flex-direction:column;gap:var(--cds-spacing-05);min-width:240px}.color-picker__input-row{display:flex;align-items:flex-start;gap:var(--cds-spacing-03)}.color-picker__color-preview{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:2px solid var(--cds-border-subtle-01);background-color:rgba(0,0,0,0);background-image:linear-gradient(45deg,var(--cds-layer-02) 25%,transparent 25%),linear-gradient(-45deg,var(--cds-layer-02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--cds-layer-02) 75%),linear-gradient(-45deg,transparent 75%,var(--cds-layer-02) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}