.ColorFormatDisplay_colorFormatDisplay__u3B54{width:100%}.ColorFormatDisplay_formats__zmOIF{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.ColorFormatDisplay_formatItem__JQwQ8{display:flex;cursor:pointer;gap:8px;padding:0 16px 0 0;background:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:32px;align-items:center;height:40px;transition:border-color .2s}.ColorFormatDisplay_formatItem__JQwQ8:hover{border-color:var(--color-border-1)}.ColorFormatDisplay_label__LU3lK{font-size:14px;height:100%;display:flex;align-items:center;width:64px;justify-content:center;font-weight:500;color:var(--color-text-secondary);border-right:1px solid var(--color-border-1)}.ColorFormatDisplay_valueRow__b9JrL{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1}.ColorFormatDisplay_value__Jo1hd{font-size:14px;color:var(--color-text-primary);flex:1 1;display:inline-block;word-break:break-all}.ColorFormatDisplay_copyButton__xxedO{flex-shrink:0;color:var(--color-text-secondary)!important}.ColorFormatDisplay_copyButton__xxedO:hover{color:var(--color-text-selected)!important}.ColorFormatDisplay_error__rl_px{padding:16px;text-align:center;color:var(--color-text-secondary)}@media(max-width:986px){.ColorFormatDisplay_formats__zmOIF{grid-template-columns:1fr;gap:12px}.ColorFormatDisplay_formatItem__JQwQ8{padding:12px}.ColorFormatDisplay_value__Jo1hd{font-size:12px}}