@layer components {
  .color_stand {
    max-width: 10em;
    flex: 1 1 2em;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-n);
    border-radius: var(--border-radius-xs);
    border: 1px solid var(--color-border);
    .color_block {
      flex: 1 0;
    }
    .operate_row {
      padding: var(--spacing-xxs) var(--spacing-xs);
      font-size: var(--font-size-xs);
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      gap: var(--spacing-s);
      .color_value {
        text-align: right;
        text-transform: uppercase;
        cursor: pointer;
      }
    }
  }
}