.oj-ui-tag{align-items:center;gap:var(--ojui-tag-gap);max-width:100%;font-size:max(var(--ojui-chip-fs-min), var(--ojui-tag-fs));height:var(--ojui-tag-h);padding:0 var(--ojui-tag-pad-x);border-radius:var(--ojui-tag-radius);background:var(--ojui-tag-default-bg);color:var(--ojui-tag-text);font-family:var(--ojui-font);line-height:var(--ojui-tag-h);vertical-align:middle;white-space:nowrap;box-sizing:border-box;display:inline-flex}.oj-ui-tag-removable{padding-right:calc(var(--ojui-tag-pad-x) / 2)}@media (pointer:coarse){.oj-ui-tag{font-size:max(12px, var(--ojui-chip-fs-min), var(--ojui-tag-fs))}}html[data-oj-device=mobile] .oj-ui-tag{font-size:max(12px, var(--ojui-chip-fs-min), var(--ojui-tag-fs))}.oj-ui-tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oj-ui-tag-sub{text-overflow:ellipsis;white-space:nowrap;opacity:.62;flex-shrink:1;min-width:0;overflow:hidden}.oj-ui-tag-dot{width:var(--ojui-tag-dot);height:var(--ojui-tag-dot);background:var(--ojui-dot-default);border-radius:50%;flex-shrink:0}.oj-ui-tag-remove{font-size:inherit;width:var(--ojui-tag-x);height:var(--ojui-tag-x);border-radius:var(--ojui-radius-xs);color:var(--ojui-tag-text);opacity:.55;cursor:pointer;transition:opacity var(--ojui-dur-fast), background var(--ojui-dur-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.oj-ui-tag-remove:hover{opacity:1;background:var(--ojui-btn-bg-active)}.oj-ui-tag-remove svg{width:var(--ojui-tag-x-icon);height:var(--ojui-tag-x-icon)}.oj-ui-tag-remove:before{content:"";width:var(--ojui-touch-min);height:var(--ojui-touch-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.oj-ui-tag-default{background:var(--ojui-tag-default-bg)}.oj-ui-tag-gray{background:var(--ojui-tag-gray-bg)}.oj-ui-tag-brown{background:var(--ojui-tag-brown-bg)}.oj-ui-tag-orange{background:var(--ojui-tag-orange-bg)}.oj-ui-tag-yellow{background:var(--ojui-tag-yellow-bg)}.oj-ui-tag-green{background:var(--ojui-tag-green-bg)}.oj-ui-tag-blue{background:var(--ojui-tag-blue-bg)}.oj-ui-tag-purple{background:var(--ojui-tag-purple-bg)}.oj-ui-tag-pink{background:var(--ojui-tag-pink-bg)}.oj-ui-tag-red{background:var(--ojui-tag-red-bg)}.oj-ui-tag-dot-default{background:var(--ojui-dot-default)}.oj-ui-tag-dot-gray{background:var(--ojui-dot-gray)}.oj-ui-tag-dot-brown{background:var(--ojui-dot-brown)}.oj-ui-tag-dot-orange{background:var(--ojui-dot-orange)}.oj-ui-tag-dot-yellow{background:var(--ojui-dot-yellow)}.oj-ui-tag-dot-green{background:var(--ojui-dot-green)}.oj-ui-tag-dot-blue{background:var(--ojui-dot-blue)}.oj-ui-tag-dot-purple{background:var(--ojui-dot-purple)}.oj-ui-tag-dot-pink{background:var(--ojui-dot-pink)}.oj-ui-tag-dot-red{background:var(--ojui-dot-red)}.oj-ui-tag-swatch{-webkit-user-select:none;user-select:none;outline:none;min-width:180px;padding:4px}.oj-ui-tag-swatch-row{height:26px;min-height:var(--ojui-touch-min);border-radius:var(--ojui-radius);color:var(--ojui-dd-text);font-size:var(--ojui-field-fs);cursor:pointer;transition:background var(--ojui-dur-fast), color var(--ojui-dur-fast);grid-template-columns:16px 1fr 14px;align-items:center;gap:8px;padding:0 6px;display:grid}.oj-ui-tag-swatch-row.is-active{background:var(--ojui-dd-hover-bg);color:var(--ojui-dd-hover-text)}.oj-ui-tag-swatch-dot{border-radius:var(--ojui-radius-sm);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--ojui-hairline)}.oj-ui-tag-swatch-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oj-ui-tag-swatch-row svg{width:14px;height:14px}.oj-ui-tag-swatch-row.is-active svg{color:var(--ojui-dd-hover-text)}.oj-ui-tag-swatch-pop{padding:4px 0}.oj-ui-sheet .oj-ui-tag-swatch{width:100%;min-width:0}.oj-ui-sheet .oj-ui-tag-swatch-pop{width:100%}.oj-ui-tag-option-row{height:var(--ojui-field-h);border-radius:var(--ojui-radius);color:var(--ojui-dd-text);font-size:var(--ojui-field-fs);cursor:default;transition:background var(--ojui-dur-fast);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 6px 0 8px;display:grid}.oj-ui-tag-option-row:hover{background:var(--ojui-btn-bg)}.oj-ui-tag-option-left{align-items:center;gap:6px;display:inline-flex}.oj-ui-tag-option-dot{border-radius:var(--ojui-radius-sm);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--ojui-hairline);flex-shrink:0}.oj-ui-tag-option-grip{width:14px;min-width:var(--ojui-touch-min);min-height:var(--ojui-touch-min);color:var(--ojui-text-muted);cursor:grab;opacity:0;transition:opacity var(--ojui-dur-fast);touch-action:none;justify-content:center;align-items:center;display:inline-flex}.oj-ui-tag-option-reorderable:hover .oj-ui-tag-option-grip,.oj-ui-tag-option-reorderable:focus-within .oj-ui-tag-option-grip{opacity:1}.oj-ui-tag-option-grip:active{cursor:grabbing}.oj-ui-tag-option-grip svg{width:14px;height:14px}.oj-ui-tag-option-name{text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden}.oj-ui-tag-option-rename{width:100%;height:20px;min-height:var(--ojui-touch-min);border:var(--ojui-border-w) solid var(--ojui-border-selected);border-radius:var(--ojui-radius-xs);background:var(--ojui-bg-surface);color:var(--ojui-text);font-family:var(--ojui-font);font-size:var(--ojui-field-fs);box-sizing:border-box;outline:none;padding:0 4px}.oj-ui-tag-option-more{width:22px;height:22px;min-width:var(--ojui-touch-min);min-height:var(--ojui-touch-min);border-radius:var(--ojui-radius-sm);color:var(--ojui-icon);cursor:pointer;opacity:0;transition:opacity var(--ojui-dur-fast), background var(--ojui-dur-fast), color var(--ojui-dur-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.oj-ui-tag-option-row:hover .oj-ui-tag-option-more,.oj-ui-tag-option-row:focus-within .oj-ui-tag-option-more{opacity:1}.oj-ui-tag-option-more:hover{background:var(--ojui-btn-bg-hover);color:var(--ojui-icon-hover)}.oj-ui-tag-option-more svg{width:16px;height:16px}@media (pointer:coarse){.oj-ui-tag-option-reorderable .oj-ui-tag-option-grip,.oj-ui-tag-option-row .oj-ui-tag-option-more{opacity:1}}html[data-oj-device=mobile] .oj-ui-tag-option-reorderable .oj-ui-tag-option-grip,html[data-oj-device=tablet] .oj-ui-tag-option-reorderable .oj-ui-tag-option-grip,html[data-oj-device=mobile] .oj-ui-tag-option-row .oj-ui-tag-option-more,html[data-oj-device=tablet] .oj-ui-tag-option-row .oj-ui-tag-option-more{opacity:1}.oj-ui-tag-mi-rename,.oj-ui-tag-mi-color,.oj-ui-tag-mi-delete{background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:15px 15px;mask-size:15px 15px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.oj-ui-tag-mi-rename{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/><path d='m15 5 4 4'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/><path d='m15 5 4 4'/></svg>")}.oj-ui-tag-mi-color{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/><circle cx='13.5' cy='6.5' r='.5' fill='black'/><circle cx='17.5' cy='10.5' r='.5' fill='black'/><circle cx='6.5' cy='12.5' r='.5' fill='black'/><circle cx='8.5' cy='7.5' r='.5' fill='black'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/><circle cx='13.5' cy='6.5' r='.5' fill='black'/><circle cx='17.5' cy='10.5' r='.5' fill='black'/><circle cx='6.5' cy='12.5' r='.5' fill='black'/><circle cx='8.5' cy='7.5' r='.5' fill='black'/></svg>")}.oj-ui-tag-mi-delete{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 6h18'/><path d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/><path d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/><line x1='10' x2='10' y1='11' y2='17'/><line x1='14' x2='14' y1='11' y2='17'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 6h18'/><path d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/><path d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/><line x1='10' x2='10' y1='11' y2='17'/><line x1='14' x2='14' y1='11' y2='17'/></svg>")}